Equilibrium

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

1. 01

   Wellness video stage

   Full-bleed /assets/bg-video.mp4 with bottom-anchored Live Better copy.

2. 02

   Liquid-glass chrome

   Frosted nav, Log in / Begin Now, and a mobile liquid-glass menu sheet.

3. 03

   Dual CTAs

   Start Today and Discover How pills over the companion-app pitch.

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