Apogee

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

1. 01

   Video stage + glass nav

   Full-bleed hero.mp4 with frosted Platform nav and mobile menu chrome.

2. 02

   Staggered entrance

   Headline, subcopy, and dual CTAs fade in with timed Animate wrappers.

3. 03

   Revenue Growth card

   Glass $14.2M metric with growing bars, +32.4% badge, and time labels.

4. 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