Listen to the silence.
A dark-gallery long-scroll landing page for a reference loudspeaker brand — a sculptural product range, engineering pillars, a design-story split, and a measured spec table. A standalone Vite + React template with a theme switcher (light/dark plus brand palettes), a WebGL displacement hero, and AI config (CLAUDE.md + .cursorrules) baked in.
Every section, end to end
Resonance is a single long-scroll page — these are the sections you scroll through.
What's inside
- ✓Dark-gallery looping video hero
- ✓Speaker range bento
- ✓Engineering pillars panel
- ✓Design-story split with rating plate
- ✓Anechoic spec table with class pills
- ✓Press / reviews grid
- ✓Reserve-a-unit CTA panel
- ✓Multi-column footer
- ✓Light/dark + brand palette switcher
- ✓One typed content file — edit copy, never touch JSX
Built on a modern stack
A standalone Vite app — no backend, deploys to Cloudflare Pages as static output.
Vite 6
Instant dev server and a fast static production build.
React 19
Modern React with the latest hooks.
Tailwind v4
CSS-config Tailwind with the theme-switcher palettes.
TypeScript
Fully typed — every section reads from one typed content file.
All kits bundle
Buy once. Own the included kits.
Three Live full-stack kits and all 15 landing templates, with 12 months of free updates.
- ✓Three Live full-stack kits
- ✓All 15 landing templates
- ✓12 months of free updates
- ✓Discord support
SaaS Dashboard Kit
Vite + Hono
Fitness & Wellness Kit
Expo + Hono
Arcade — Games Showcase Kit
Expo + Hono
Included in Bundle
15
landing templates
All landing templates
Single-page websites
See what shipped
in the changelog