Heroes
23 components
Consultant Circle
Portrait inside a circle backdrop with floating stat cards and 4-card service strip
Landscape Card
White card centered on a moody full-bleed landscape photograph; orange-underlined accent words
Soft Gradient
Cream-to-emerald gradient bg, eyebrow + gradient-text headline + 2 CTAs + image. From Genius Coaching.
Expert with Floating Quotes
Two-column with bullets, avatar stack, and 4 floating testimonial bubbles around the hero image. From Laurie Mabelis.
Crouching Tiger Hero (Local Service)
Bg image with navy tint, 5-star + Top Rated, blob portrait with 3 staggered review toasts + Google rating badge, wave divider. From Crouching Tiger.
Event Countdown (Playful Collage)
Vibrant event hero with bold serif + script accent, two stacked rotated photo cards, scattered stars/squiggle, location + dates, 4-block countdown.
Practice Portrait (Medical / Professional)
Two-column with eyebrow pill + headline + 2 CTAs left, oval-cropped portrait on tinted bg right. 3-card trust strip below: years stat + team avatars + legacy.
Product Cutout (Fashion / Ecom)
Bold-color hero with full-bleed cutout product photo, big serif + script headline accent, two-tone offer badge floating bottom-right.
Quantum Soft (Editorial 3-Column Card)
3-column hero with ivory pill headlines, sage CTA, tall main photo card with floating badge + tag strip, side panel with secondary card. From quantumrealitycreators.com/soft.
Blob Portrait (Editorial Magazine)
Cream/yellow editorial hero with italic Cormorant serif headline, blob-shaped portrait, three yellow circle accents bleeding off corners.
Dating Cards (Member-Card Sticker Wall)
Member/community hero with email-signup pill, 3-stat row, couple photo surrounded by floating member cards, payment card, badges, star + moon decorations.
BP Centered (Editorial Logo + CTA)
Calm centered editorial: large brand logo, single-sentence headline, subhead, dark CTA + secondary link, micro-copy below. From beautiful-possibilities.com.
Wilson Hero (Wide Image + Cream Caption)
Wide cinematic 24:10 photo at top with cream caption card overlapping below, Fraunces serif headline with italic teal accent. From deborahwilsonmd.com.
Cmillworks Hero (Walnut Luxury Craftsman)
Premium walnut bg with bronze blob filters, Playfair italic headline, 4-tile masonry + 3 floating testimonial cards, 3-layer wave divider. From cmillworks.com.
Mazixmahalel Video Hero (Vimeo BG · Gold/Cinzel)
Full-screen Vimeo video background with image fallback, Cinzel serif gradient-gold headline, italic Cormorant tagline, bordered gold CTA, scroll indicator. From mazixmahalel.com.
AI Summit Hero (Glass Pill Nav + Speaker Mosaic)
Deep purple conference hero with translucent glass-pill nav, gradient Register CTA, oversized headline + Learn More button, staggered 5-tile speaker portrait mosaic. For AI / tech / conference / event sites.
AI Summit Tilted (Diagonal Marquee · Deep Teal)
Teal-palette variant with the dual speaker marquees rotated 45° as a unit. Uniform 3:4 portraits scroll diagonally in opposite directions across the right half. Horizontal vignette keeps the headline readable.