๐ 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.
V3 AdaptiveCentered Hero with H1, Subtitle, CTA Button 10
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + 3 icon-box feature highlights below
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, 3 Counter Stats 10
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + social-icons row
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Trust Logos 10
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + countdown timer (Pro) above CTA
V3 AdaptiveSplit Hero with Text Left and Image Right and Two Buttons 10
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + form widget (Pro) replacing CTA
V3 AdaptiveSplit Hero with Image Left and Text Right and CTA 10
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + progress-bar (launch progress)
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Social Icons 10
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + alert banner above heading
V3 AdaptiveCentered Hero with H1, Subtitle, Two CTA Buttons 10
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + testimonial quote below CTA
V3 AdaptiveSplit Hero with Text and Counters Left and Image Right 10
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + accordion FAQ teaser (2 items)
V3 AdaptiveCentered Hero with H1, Subtitle, CTA Button 11
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + tabs with 3 feature tabs
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, 3 Counter Stats 11
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + partner logos image-carousel
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Trust Logos 11
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + breadcrumb text above heading
V3 AdaptiveSplit Hero with Text Left and Image Right and Two Buttons 11
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + price-table single card (Pro)
V3 AdaptiveSplit Hero with Image Left and Text Right and CTA 11
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + share-buttons row (Pro)
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Social Icons 11
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + toggle (show more details)
V3 AdaptiveCentered Hero with H1, Subtitle, Two CTA Buttons 11
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + blockquote testimonial (Pro)
V3 AdaptiveSplit Hero with Text and Counters Left and Image Right 11
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder right (60/40 split) + divider + secondary text section
V3 AdaptiveCentered Hero with H1, Subtitle, CTA Button 12
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder left (40/60 split)
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, 3 Counter Stats 12
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder left (40/60 split) + trust logos row below (5 image placeholders)
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Trust Logos 12
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder left (40/60 split) + 3 counter stats row below
V3 AdaptiveSplit Hero with Text Left and Image Right and Two Buttons 12
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder left (40/60 split) + 4 counter stats row below
V3 AdaptiveSplit Hero with Image Left and Text Right and CTA 12
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder left (40/60 split) + star-rating + review count text
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Social Icons 12
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder left (40/60 split) + icon-list of 3 key features
V3 AdaptiveCentered Hero with H1, Subtitle, Two CTA Buttons 12
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder left (40/60 split) + 3 icon-box feature highlights below
V3 AdaptiveSplit Hero with Text and Counters Left and Image Right 12
centered: h1 heading + subtitle paragraph + single CTA button + image placeholder left (40/60 split) + social-icons row