Aurora

Overview

Aurora is a brand-design marketing hero by SonoJS (demo brand: Aurora). Built with Vite 8, React 19, TypeScript, Tailwind CSS 4, Framer Motion, Plus Jakarta Sans, and Inter. Full-viewport looping hero.mp4 with soft overlays and a green ambient glow. Left-anchored copy: trusted-by avatar pill, headline Design That Lights the Way, short brand subcopy, Get Started CTA plus play button, and bottom social icons (X, LinkedIn, Instagram). Fixed top nav with Product–Contact links and Contact Us pill. Demo chrome only - no signup backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Full-bleed aurora video

   Looping hero.mp4 with soft vignettes and emerald ambient glow.

2. 02

   Left-aligned brand copy

   Trusted-by pill, Design That Lights the Way, Get Started + play CTA.

3. 03

   Nav + social strip

   Fixed Product–Contact nav with Contact Us pill and bottom social icons.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + Tailwind 4 + Framer Motion - npm run build to dist/.

You get

• Full Vite + React 19 + TypeScript source (Aurora)
• Hero.tsx + Navbar.tsx
• public/hero.mp4
• Tailwind CSS 4 via @tailwindcss/vite + framer-motion
• Plus Jakarta Sans + Inter (Google Fonts)