See it working
Open the live demo Download the HTML Source on GitHub
The demo form is real: it posts to a Formgong demo form. Demo messages are kept for seven days and are not emailed to anyone.
What is inside
- Photo first: a full-screen hero, six photo tiles for your services, a wide agent portrait and four area guides with their own pages.
- Quiet motion: headings rise into view once, the header hides on the way down and returns on the way up, and the tiles lift their title and darken on hover.
- An enquiry form everywhere: the header, a floating Let's Connect button and every call to action open the same form. It shows success only when the server answers
success: true. - Photos: sixteen photos from Unsplash, under the Unsplash License (free to use, not to resell on their own), with credits in the README. Replace them with your own listings and area photos.
Questions
Can it show my live listings?
Not by itself: it is a static site. Link the Home Search tile to your brokerage's search page, or embed your IDX provider's widget on a page.
Where do I change the agent, the areas and the notes?
In src/config.ts. The home page, the area guides and the notes are all built from it.
Sources
Checked on 08.10.2026 against these public pages: Shoal on GitHub, MIT License (Open Source Initiative).