Accessibility Statement

Full-bleed background image with a brand-tinted overlay, refined editorial typography, and a single high-contrast CTA. The structural pairing for overlay-compatible navigation: a transparent nav can sit on top because the brand tint and content composition guarantee contrast across the full top of the page. When no image is set, a brand gradient stands in as the designed default.

Two-column hero with copy on the left and a hero image on the right. Best for service/product homepages.

Contractor-grade split hero: copy on a solid brand panel (left), full-strength photo on an angled panel (right). Carries a built-in conversion layer — tap-to-call phone button, up to three stat blocks, and a trust-badge strip (each badge is an image chip or an icon + text chip) — every piece self-hides when its slot is left empty. Best for home and landing pages of trades businesses. When no image is set, a branded striped panel stands in.

Dark feature-highlight band with eyebrow, headline, description, three feature points, and a side image. Use to spotlight a service or program.

Centered call-to-action with brand-color background, single button. Use to convert at the bottom of a section.

Side-by-side CTA on a brand gradient. Headline + description on the left, button on the right.

Two-column layout: services list on the left, hero image on the right. Up to four services with icon + title + description.

Four large numeric stats in a row with short labels. Use after hero or before testimonials for trust.

Three pricing cards with the middle tier visually highlighted as 'most popular'. Up to 5 features per tier.

Up to 5 question/answer pairs in plain visible cards. Display all answers (no collapse) — keeps it accessible by default.

Three centered process steps with brand-colored numeric badges, titles, and short descriptions.

Auto-syncs from Admin → Team. Toggle "Show in Team" on a user to feature them.

Single-person profile with headshot on the left and name/title/bio on the right.

Three core-value cards with icon, title, and description. Replaces the structured about_values block.

Auto-rotating carousel of up to 6 real customer reviews from the database. Pulls reviews matching the configured filters (limit ≤ 6, minimum stars, optional location). Pauses on user interaction. For static testimonials with hand-written content, use testimonials.three-up-quotes instead.

Three customer reviews in a row with star ratings, quote text, customer name, and location. Static — for live database-backed reviews use testimonials.live-carousel.

Up to six certification logos with optional labels in a responsive grid.

Five partner/customer logos in a grayscale strip with a 'Trusted by' eyebrow. Hover restores color.

Slim brand-colored bar for time-limited promotions. Single message + inline CTA.

Single centered image with optional caption. Use as a divider between text-heavy sections.

Captures leads straight into your CRM. Pick which form to use.

Embed any existing form on this page — contact, quote, application, or custom. Pick which form to use.

Trade-specific quote wizard powered by Pricing Tool templates.

Auto-syncs from your Locations panel. Pick which to feature.

Live phone, hours, and address. Edit the Location once, updates everywhere.

Live service regions tied to a Location record.

Interactive Leaflet map with custom pins, styles, and directions.

Grid with lightbox and prev/next. Drop in your images.

Drag-to-compare photos. Great for transformations and finish work.

Filterable feed from your Portfolio. Tags and types stay in sync.

A single YouTube or Vimeo video with heading and description.

Pulls your latest videos straight from your channel feed.

Sandboxed PHP, HTML, CSS, and JS for one-off scripts. Admin-only.

Generic two-column section: text/headline on the left, image on the right. Use as a starting point for content that doesn't fit a more specific template.

Centered single-column section for long-form prose. Use for about-us bodies, policy text, or any content that doesn't need a side image.

Start from a blank Tailwind canvas. Use the WYSIWYG to add anything.

Thin horizontal rule with vertical breathing room. Use between unrelated sections.