ZENITH — Launch your mission data past the horizon

# ZENITH — Launch your mission data past the horizon

Create a responsive React + TypeScript + Vite + Tailwind CSS website. Use small components for navigation, hero, interactive stage, content sections and footer. Put media URLs in src/lib/assets.ts and animations in cleaned-up hooks. Do not output a giant HTML file, an iframe, or a screenshot pretending to be the website.

## Design direction
A violet moon and rocket launch fill a single tall photographic stage. The hero and product view are two framings of that same image, linked by one continuous scroll-driven camera pan and push-in. Use STIX Two Text editorial headings, Switzer UI at weight 450 and General Sans labels.

Palette and type: --color-ink: #0D0A16; --font-display: 'STIX Two Text','Times New Roman',serif; --font-ui: 'Switzer','Inter','Helvetica Neue',Arial,sans-serif; --font-label: 'General Sans','Switzer',Inter,Arial,sans-serif; --font-ui-mono: 'Inter',Arial,sans-serif.
Font families: STIX Two Text,Times New Roman,serif / Switzer,Inter,Helvetica Neue,Arial,sans-serif / General Sans,Switzer,Inter,Arial,sans-serif / Inter,Arial,sans-serif.
Font stylesheet: https://fonts.googleapis.com/css2?family=Inter:wght@400&family=STIX+Two+Text&display=swap
Font stylesheet: https://api.fontshare.com/v2/css?f[]=switzer@1&f[]=general-sans@400&display=swap