Overview
Apogee is a full-viewport data-platform marketing hero by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 3, Lucide, and Suisse. Full-bleed looping hero.mp4 stage, glass Platform / Solutions / Developers / Resources nav with mobile menu, Elevate your essential data to new heights headline, advanced-reasoning subcopy, Book a demo / Talk with the team CTAs, and a frosted Revenue Growth card with animated bar chart ($14.2M, +32.4%). Demo analytics chrome only - no live data backend. Vite build ready for Cloudflare Workers.
Highlights
- 01
Video stage + glass nav
Full-bleed hero.mp4 with frosted Platform nav and mobile menu chrome.
- 02
Staggered entrance
Headline, subcopy, and dual CTAs fade in with timed Animate wrappers.
- 03
Revenue Growth card
Glass $14.2M metric with growing bars, +32.4% badge, and time labels.
- 04
Vite and fork-ready
Vite 5 + React 19 + TypeScript + Tailwind 3 + Lucide + Suisse - npm run build to dist/.
You get
- Full Vite + React 19 + TypeScript source (Apogee)
- Hero.tsx with nav, CTAs, and Revenue Growth card
- Tailwind CSS 3 + PostCSS
- public/assets/hero.mp4 and Suisse font files
- lucide-react
