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 ↗ 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 ↗