Home Hero Sections

Full-screen background-image hero with a dark overlay, transparent navbar, centered uppercase eyebrow, display headline, lead paragraph, and dual call-to-action buttons.

Stacked light hero with a light navbar, left-aligned accent eyebrow, bold headline, lead copy, primary button, arrow link, and full-width bottom banner image.

Two-column split hero on a yellow-mint-blue gradient background, pairing an announcement pill, mixed-font headline, and dual CTAs with a rounded interactive video player.

Two-column split hero on a soft cream background with left-aligned copy and dual CTAs beside an overlapping two-image collage with parallax scroll motion.

Centered purple hero with a soft radial glow, rounded announcement pill, mixed sans-serif and italic serif headline, dual CTAs, and a bottom scrolling logo ticker.

Full-screen grayscale background-image hero with a bottom-left frosted purple card overlay containing an uppercase eyebrow, mixed-font headline, lead copy, solid button, and arrow link.

Full-screen background-image hero featuring a skewed frosted-glass blue content panel on the left with a mixed-font headline, lead copy, primary button, and arrow link.

Contained pastel-gradient card hero with a left-aligned eyebrow, bold headline, body copy, two CTA buttons, and a right-aligned cutout portrait overflowing the top edge.

Framed full-screen hero inside a rounded dark-overlay background image card, featuring a centered eyebrow, italic serif headline, lead text, and dual CTA buttons.

Stacked SaaS hero with an announcement pill, typewriter-animated headline, dual CTAs, gradient-framed wide showcase image, and a scrolling client logo ticker.

Centered full-screen background-video hero with a dark overlay, transparent navbar, uppercase eyebrow, light-weight display headline, lead copy, and animated bottom scroll indicator.

Centered light-gradient hero featuring a rounded announcement pill, gradient-clipped headline, vertical looping text rotator, lead copy, primary button, and arrow link.

Centered full-screen hero on an orange-to-pink gradient background with a soft glow accent, brand icon, large italic serif headline, lead copy, and dual CTAs.

Full-screen hero carousel with navigation arrows, pagination dots, darkened background images, centered mixed-font headline, lead paragraph, and single primary CTA button per slide.

Full-screen hero with an autoplaying crossfade background image slider, transparent navbar, and bottom-left eyebrow, mixed-font headline, lead copy, and dual CTAs.

Bottom-aligned two-column hero over a dark-tinted background image, pairing a left eyebrow and mixed-font headline with right-side lead copy, primary button, and arrow link.

Centered full-screen hero over a darkened background image with a transparent navbar, mixed sans-serif and italic serif headline, lead paragraph, and single primary CTA.

Full-screen background-image hero with a left-to-right dark gradient overlay, transparent navbar, left-aligned eyebrow, mixed sans-serif and italic serif headline, and dual CTAs.

Light split-tone hero with a right-side gradient-masked photo, rounded announcement pill link, left-aligned display headline, lead copy, primary button, and arrow link.

Warm yellow hero with a right-side gradient-masked cutout image, transparent header, left-aligned eyebrow, bold display headline, lead copy, and solid and outlined CTA buttons.

Dark portfolio hero with a minimal menu header, right-side gradient-masked portrait, left-aligned eyebrow, italic serif headline with an accent highlight, and two CTA buttons.

Full-screen background-video hero with a dark overlay, transparent header, left-aligned eyebrow, large italic serif headline, lead copy, and dual CTA buttons.

Centered full-screen hero on a soft white-to-pink gradient background with a light navbar, uppercase eyebrow, display headline, lead copy, and two CTA buttons.