Overview
Nearby Homes is a centered subscribe hero by SonoJS. Built as a single HTML page with Tailwind via a local script and a looping hero.mp4 inside a rounded card (max 1400px, 550px tall). Word-staggered Be the first to know about nearby homes headline, moving-professionals subcopy, and a glass email + Subscribe pill. Staggered entrance for card, type, and form. Demo waitlist chrome only - submit is prevented. Open index.html or host the folder statically on Cloudflare Workers.
Highlights
- 01
Rounded video card
Hero.mp4 fills a 550px soft-shadow card with a 50% dark wash for readable type.
- 02
Word-stagger headline
Be the first to know about nearby homes reveals word-by-word, then subcopy and form.
- 03
Subscribe pill
Glass email shell with a black Subscribe button - stacked layout on small screens.
- 04
Zero-build static
One index.html plus assets/hero.mp4 and assets/tailwindcss.js.
You get
- index.html (complete Nearby Homes / Hero Subscribe)
- assets/hero.mp4
- assets/tailwindcss.js
- Entrance + form preventDefault script
