๐ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Hero Sections
Bold landing section layouts with headings, CTAs, and media
3,508 components - V3 500 ยท V4 3,008
๐ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Centered Hero with H1, Subtitle, CTA Button 40
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + star-rating + review count text
Centered Hero with H1, Subtitle, CTA, 3 Counter Stats 40
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + icon-list of 3 key features
Centered Hero with H1, Subtitle, CTA, Trust Logos 40
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + 3 icon-box feature highlights below
Split Hero with Text Left and Image Right and Two Buttons 40
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + social-icons row
V3 AdaptiveSplit Hero with Image Left and Text Right and CTA 40
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + countdown timer (Pro) above CTA
Centered Hero with H1, Subtitle, CTA, Social Icons 40
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + form widget (Pro) replacing CTA
Centered Hero with H1, Subtitle, Two CTA Buttons 40
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + progress-bar (launch progress)
Split Hero with Text and Counters Left and Image Right 40
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + alert banner above heading
Centered Hero with H1, Subtitle, CTA Button 41
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + testimonial quote below CTA
Centered Hero with H1, Subtitle, CTA, 3 Counter Stats 41
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + accordion FAQ teaser (2 items)
Centered Hero with H1, Subtitle, CTA, Trust Logos 41
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + tabs with 3 feature tabs
Split Hero with Text Left and Image Right and Two Buttons 41
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + partner logos image-carousel
Split Hero with Image Left and Text Right and CTA 41
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + breadcrumb text above heading
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Social Icons 41
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + price-table single card (Pro)
Centered Hero with H1, Subtitle, Two CTA Buttons 41
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + share-buttons row (Pro)
Split Hero with Text and Counters Left and Image Right 41
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + toggle (show more details)
V3 AdaptiveCentered Hero with H1, Subtitle, CTA Button 42
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + blockquote testimonial (Pro)
Centered Hero with H1, Subtitle, CTA, 3 Counter Stats 42
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + divider + secondary text section
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Trust Logos 42
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder right (50/50 split)
V3 AdaptiveSplit Hero with Text Left and Image Right and Two Buttons 42
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder right (50/50 split) + trust logos row below (5 image placeholders)
V3 AdaptiveSplit Hero with Image Left and Text Right and CTA 42
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder right (50/50 split) + 3 counter stats row below
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Social Icons 42
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder right (50/50 split) + 4 counter stats row below
V3 AdaptiveCentered Hero with H1, Subtitle, Two CTA Buttons 42
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder right (50/50 split) + star-rating + review count text
V3 AdaptiveSplit Hero with Text and Counters Left and Image Right 42
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder right (50/50 split) + icon-list of 3 key features