EverOak Homes — Client Preview
A working preview of the site and its building blocks
Two finished pages are live below, followed by the full library of components they are assembled from. Open any link to see it rendered with real Burlington, Oakville, and Mississauga copy.
Live Pages
Complete, assembled pages ready to review.
Component Library
18 components, each on its own demo page.
- Page Hero Full-height hero with background image, overlay, and centered or split layouts.
- Direct Answer Block AEO answer callout for blog posts with Speakable schema for AI Overviews.
- Two Column Text + image editorial layout with configurable ratio and image side.
- Text Section Heading plus rich prose block — the workhorse for narrative content.
- Service Grid Editorial grid of services at display scale with text-link CTAs.
- City Cards Service-area cards with cards, feature, and editorial-list layouts.
- Stat Strip Three to four credibility numbers as a compact strip or spacious grid.
- Step List Process steps in vertical, horizontal, snake, or grid arrangements.
- Rich List Repeating bold-title and paragraph pairs for guides and feature lists.
- Testimonial Block Client testimonials as a grid, featured pull quote, or editorial list.
- Trust Bar Licensed, CHBA, Tarion, and insured credentials as a band or inline strip.
- FAQ Accordion with FAQPage schema and optional Speakable markup.
- CTA Banner Full-width conversion section with optional brand pattern overlay.
- Breadcrumb Navigation trail with BreadcrumbList schema.
- Project Card Portfolio card with a full-screen detail overlay and stats.
- Photo Grid Gallery with a hero image, supporting grid, and a built-in lightbox.
- Blog Roll Filterable grid of blog post cards with publish dates and read times.
- Contact Form The dynamic contact form component shown on its own.