Blocks/Hero(124)

Eye-catching hero sections to make a strong first impression.

PRO

hero123

Trust Hero with Logos

Trust hero with a heading, description and CTA beside a tall portrait image, over a grayscale logo marquee.

PRO

hero122

Typographic Card Hero

Centered typographic hero on a muted card with an oversized heading, inline CTA, and a bottom monospace meta row of three labels.

PRO

hero121

Split Hero with Stats

Split hero with a big headline and CTA on the left, a divided vertical stat rail on the right, and a full-width wide image strip below.

PRO

hero120

Editorial Image Hero

Centered editorial hero with eyebrow, large heading, description, dual dark and outline CTAs, and a wide 16:9 image with a mono caption below.

PRO

hero119

Full-Bleed Display Hero

Full-bleed image hero with an oversized three-word display heading, a row of monospace meta labels, a bold sub-headline, and a featured card with thumbnail, category, paginated index, and title.

PRO

hero118

Split Hero With Floating Review

Two-column hero: parenthetical eyebrow, oversized heading, supporting copy, a dark CTA and an avatar trust row on the left; a tall image on the right with a floating star-rated testimonial card overlapping its corner.

PRO

hero117

Giant Wordmark Hero

Editorial studio hero with a vertical parenthetical side label, monospace corner links, an oversized centered wordmark with tagline, and a full-bleed strip of rounded portrait tiles below.

PRO

hero116

Studio Reel Hero

Editorial hero with twin vertical image marquees scrolling in opposite directions beside the headline.

PRO

hero115

Cinematic Image Hero

Full-bleed background-image hero with a legibility scrim and bottom-aligned eyebrow, headline, copy and CTAs.

PRO

hero114

Collage Hero

Split studio hero with a two-tone headline and a four-image arranged collage.

PRO

hero113

Statement Reel Hero

Centered big-type studio hero with start and watch-the-film actions over a cinematic banner.

PRO

hero112

Editorial Split Hero

Two-column studio hero with a two-tone headline, dual CTAs, tall image and a client wordmark strip.

PRO

hero111

Hero with Feature List and Image

Two-column hero with heading, description, icon-only feature list, and CTA on one side and a square image on the other. Image position is configurable.

PRO

hero108

Mobile Hero with Review Card

Fullscreen hero with phone mockup, star rating review card, and app store buttons over inset background video

PRO

hero107

Mobile Hero with 3D Perspective Phone

Fullscreen split hero with content left and 3D perspective-tilted phone mockup right over inset background video

PRO

hero106

Mobile Hero with Flanking Features

Fullscreen hero with centered phone mockup flanked by feature columns on each side over inset background video

PRO

hero105

Mobile Hero with Dual Phone Mockups

Fullscreen hero with two overlapping angled phone mockups and app store buttons over inset background video

PRO

hero104

IDE Mockup Split Hero

Split hero with heading, trust line, and CTA buttons on the left, IDE file-tree and code editor mockup on the right

PRO

hero103

Mobile App Hero with Phone Mockup

Fullscreen hero with app store buttons and phone mockup over inset background video

PRO

hero102

Split Hero with Timeline Steps

50/50 split hero with content left and vertical numbered timeline overlay on video right

PRO

hero101

Split Hero with Terminal Card

Fullscreen split hero with content left and realistic terminal/CLI card right over inset background video

PRO

hero100

Fullscreen Hero with Browser Mockup

Fullscreen hero with centered content and browser window frame mockup over inset background video

PRO

hero99

Fullscreen Hero with Marquee Ticker

Cinematic fullscreen hero with scrolling marquee keyword band over inset background video

PRO

hero98

Cinematic Hero with Social Proof

Cinematic hero with announcement pill, avatar social proof, and overlapping dashboard media

Markdown version