Hero

29 blocks · Engage visitors immediately with high-impact above-the-fold headers, split layouts, and centered call-to-action sections designed for maximum conversion.

Video1

Hero with video

Centered hero with social proof row, headline, CTAs, and a large video or image thumbnail below.

Split4

View all
Hero split

Two-column hero with eyebrow, heading, description, and CTAs on the left. Image on the right.

Hero split portfolio

Bold split hero with oversized stacked typography on the left and a large framed image on the right.

Hero split with features

Two-column hero with a headline, two icon feature columns that each carry a button, and a large cover image on the right.

Centered4

View all
Hero centered

Clean centered hero with eyebrow, large heading, description, and two CTA buttons.

Coming soon hero

Centered launch hero with oversized headline, waitlist copy, and an inline email signup form.

Hero centered minimal

Clean centered hero with a large heading and subtext on a plain background. Simple and versatile.

Background5

View all
Hero photo backdrop

Full-height hero with a cover photo, theme-tinted overlay, centered headline, subtitle, and CTAs.

Hero dark background

Dark background hero with eyebrow, centered heading, description, and CTA buttons.

Hero parallax cover

Full-bleed cover image hero with a theme-tinted gradient overlay, parallax scrolling on larger screens, and a centered eyebrow, headline, subtitle, and two CTAs. Pair it with your site header above.

Other15

View all
Bakery hero

hero section from the Bakery & café site template, opens with “PERFECTION”, with 2 CTAs.

Hero photo gradient overlay

Full-height hero with a cover photo under a theme-coloured gradient, a centered headline, supporting copy, and two buttons.

FRONTEND ENGINEER & UX

hero section from the Developer & UX portfolio template, opens with “FRONTEND ENGINEER & UX”.

Browse other blocks

Same library cards — preview live and grab structure from any block.

View full library