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 every kit.
Lifetime access to every OTF kit and all 15 landing templates.
- ✓Every full-stack kit
- ✓All 15 landing templates
- ✓All future kits and templates
- ✓Lifetime updates
- ✓Priority support
- ✓Slack channel access
Maya Okafor
Coaching · ★ 4.9
Booking Kit · Cadence
iOS · Android · Web
$99
Revenue
$12,480
SaaS Dashboard
Web
$99
Fitness Kit
iOS · Android · Web
$99
Arcade
251 gamesArcade Kit
iOS · Android · Web
$99
Marketplace
HireBrand identity sprint
Maya Okafor · ★ 4.9
Marketplace Kit · Aperture
iOS · Android · Web
$99
+ New kit every month
Delivery · AI SaaS · Directory…
Included free