Oasis

Overview

Oasis is a full-viewport productivity marketing hero by SonoJS. Built with Vite, React 19, Tailwind CSS 4, Lucide, and Inter. Full-bleed looping hero-video.mp4 stage (no wash overlay), scroll-aware blur nav with Product / Customer / Pricing / Resources / Company and Log in, mobile full-screen menu, word-reveal Master your day / boost productivity headline, project-management subcopy, Get started / How it works CTAs, and a floating dashboard.png preview. Demo productivity chrome only - no auth backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Full-bleed video stage

   Looping hero-video.mp4 as a fixed edge-to-edge background without a wash overlay.

2. 02

   Word-reveal copy

   Staggered fade-up on Master your day / boost productivity and the project subcopy.

3. 03

   Dashboard preview

   Get started / How it works CTAs plus a rounded dashboard.png mockup.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + Tailwind 4 + Lucide + Inter - npm run build to dist/.

You get

• Full Vite + React 19 source (Oasis)
• App.jsx hero with word reveal, nav, and dashboard stage
• Tailwind CSS 4 via @tailwindcss/vite
• public/assets/hero-video.mp4 and dashboard.png
• @fontsource/inter + lucide-react