Monsoon

Overview

Monsoon is a resilient-ops marketing hero by SonoJS (demo brand: Monsoon). Built with Vite 8, React 19, TypeScript, Tailwind CSS 4, Framer Motion, and Inter Variable. Full-viewport looping hero.mp4 with soft overlays, floating glass pill nav (Product–Contact), eyebrow For teams that never stop, headline Weather any storm, short product subcopy, Get Started / See Plans CTAs, and a Trusted by teams at sponsor strip (Northwind, Vantage, Kestrel, Meridian, Sonaris). Demo chrome only - no signup backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Full-bleed storm video

   Looping hero.mp4 with soft vignette overlays and centered Inter headline.

2. 02

   Glass pill nav

   Fixed frosted Monsoon nav with Product–Contact links over the video.

3. 03

   CTAs + sponsors

   Get Started / See Plans buttons and Trusted by teams at logo strip.

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 (Monsoon)
• Hero.tsx + Navbar.tsx
• public/hero.mp4 + Inter Variable font
• Tailwind CSS 4 via @tailwindcss/vite + framer-motion