Live previews. Toggle a viewport to see the real responsive behavior.

Sections

Announcement Bar Top promo strip (lead + text). Open ↗
Navbar Centered brand logo. Open ↗
Hero — Split Text column + image column. mediaSide left/right. Open ↗
Hero — Centered Centered copy, optional image below. Open ↗
Hero — Background Full-bleed image with overlaid copy (v2 look). Open ↗
Logo Marquee Static row on desktop, scrolling on mobile. Open ↗
Card Section — Features Centered intro + 3-up grid, stacks on mobile. Open ↗
Card Section — Benefits Per-card USPs + swipe carousel on mobile. Open ↗
Reviews Split: intro + CTA / review cards. Open ↗
Contact Form Split: intro / Klaviyo lead form. Open ↗

Components

Intro — Left Eyebrow + headline + subtext, left aligned. Open ↗
Intro — Center Same atom, centered. Open ↗
Card Image + title + body. Open ↗
Card + USPs Card with a per-card USP list. Open ↗
Review Card Quote, initials avatar, name, rating. Open ↗
Review Card + Photo Avatar uses a profile picture when one is provided. Open ↗
USP List — Row Inline, wrapping. Open ↗
USP List — Column Stacked vertically. Open ↗
CTA Button — Auto Hugs label; full-width on mobile. Open ↗
CTA Button — Full Full-width everywhere. Open ↗
Check Icon Brand check badge. Open ↗