Overview
Equilibrium is a full-viewport wellness marketing hero by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 3, and Lucide. Full-bleed looping bg-video.mp4, infinity wordmark, liquid-glass nav (Home / Wellness / Routine / Our Team), Log in / Begin Now, Live Better, Feel Whole Every Day headline, companion-app copy, and Start Today / Discover How CTAs plus mobile menu. Demo wellness chrome only - no auth backend. Vite build ready for Cloudflare Workers.
Highlights
- 01
Wellness video stage
Full-bleed /assets/bg-video.mp4 with bottom-anchored Live Better copy.
- 02
Liquid-glass chrome
Frosted nav, Log in / Begin Now, and a mobile liquid-glass menu sheet.
- 03
Dual CTAs
Start Today and Discover How pills over the companion-app pitch.
- 04
Vite and fork-ready
Vite 8 + React 19 + TypeScript + Tailwind 3 + Lucide - npm run build to dist/.
You get
- Full Vite + React 19 + TypeScript source (Equilibrium)
- App.tsx hero with video, liquid-glass nav, and CTAs
- Tailwind CSS 3 + PostCSS
- public/assets/bg-video.mp4
- public/fonts (Geist)
- lucide-react
