Eaves

Eaves is a complete website for a roofing company that surveys every roof by drone before it

Everything is edited where you would look first. The hero's steps, the surveys, services, articles, team, questions and legal pages are CMS collections. The closing heading, the button and the notes are plain text on the canvas. No photograph needs setting up: swap the mage and the scene works.

WHAT IS INCLUDED

- 12 pages: Home, Surveys and survey pages, Services and service pages, About, Journal and

article pages, Contact, Legal pages, 404 and a Style guide

- 8 CMS collections with 40 demo items: Surveys, Services, Steps, Testimonials, FAQ,Articles, Team, Legal

- Three scroll scenes as code components with plain controls: Descent (the fly-down hero), Flight strip (the survey strip) and Opening photo (the closing scene)

- Navigation, Button, FAQ item and Submit button as components with variants

- 10 colour styles, 15 text styles and 3 link styles; change them and the scenes follow

- Desktop, tablet and phone layouts on every page; the hero is exactly one screen tall

- A contact form with sending, sent and failed states

- A hover state on everything that links, and reduced motion respected

- A Style guide page with setup steps, swatches, type specimens and three alternate palettes

- Four Framer Agent skills, so the Agent can add a survey, add a page or rebrand the site without breaking it