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
- A header that changes: transparent over the photos with a centred logo and the menu below; once you scroll it turns white and shorter. On phones it becomes a menu button.
- A hero of three rooms that cross-fade every five seconds, with dots to pick one, and a large uppercase title that drops in.
- Services in three columns, six reasons with icons, a light blue renovation-estimate band, an FAQ on a timeline, and the studio address and hours.
- Four working forms: a short order form, a full quote questionnaire (type, area, renovation), a sample-estimate request and a call back. Each sends a hidden
requestfield, and each shows thanks only when the server answerssuccess: true. - A project gallery of eight photos in grey that turn to colour on hover.
- Images: twelve WebP photos (about 1.3 MB in all) generated for this template with ChatGPT image generation. Reduced motion stops the slideshow and the fades.
Questions
Can I add more photos to the hero?
Yes. Copy one of the slide blocks (class slide) in index.html and add a matching dot button; the script picks up every slide.
Do the four forms need four Formgong forms?
No. One access key works for all four; the hidden request field tells you which form a message came from. Use separate keys only if you want separate inboxes.
Sources
Checked on 08.10.2026 against these public pages: Arcwell on GitHub, MIT License (Open Source Initiative).