Scalable

Overview

Scalable is a full-viewport sales-and-analytics marketing hero by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 4, and TanStack Router. Ambient hero-gradient.mp4 wash, sticky nav with Changelog New pill and Book Your Demo, Zapier Integration status pill, Manage your sales and analytics in one place headline (serif italic on one place), trusted-brand logo row, and a glass dashboard mockup with profit/revenue stats, period tabs, and progress rows. Demo analytics chrome only - no live data backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Ambient gradient video

   Blurred hero-gradient.mp4 wash with radial ambient fallback if video fails.

2. 02

   Sales headline + demo CTA

   Zapier Integration pill, italic one place., and Book Your Demo chrome.

3. 03

   Glass analytics mockup

   Profit / revenue / products cards, period tabs, and progress rows in frosted panels.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + TypeScript + Tailwind 4 + TanStack Router - npm run build to dist/.

You get

• Full Vite + React 19 + TypeScript source (Scalable)
• TanStack Router home route with hero + dashboard mockup
• Tailwind CSS 4 via @tailwindcss/vite
• src/assets/hero-gradient.mp4