Nearby Homes

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

1. 01

   Rounded video card

   Hero.mp4 fills a 550px soft-shadow card with a 50% dark wash for readable type.

2. 02

   Word-stagger headline

   Be the first to know about nearby homes reveals word-by-word, then subcopy and form.

3. 03

   Subscribe pill

   Glass email shell with a black Subscribe button - stacked layout on small screens.

4. 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