Eye-catching hero sections to make a strong first impression.
73–96 of 124
PRO
hero97
Bottom-Aligned Hero with Stack Cards
Fullscreen bottom-aligned hero with vertical stack cards and inset background video with gradient overlay
PRO
hero96
Split Hero with Metric Dashboard
50/50 split hero with content left and metric dashboard cards with trend badges over video right
PRO
hero95
Fullscreen Hero with Bento Grid
Fullscreen hero with centered heading and 4-column bento feature grid over inset background video
PRO
hero94
Reverse Split Hero with Pill Grid
Reverse split hero with compact 3x2 pill grid over video left, content right
PRO
hero93
Asymmetric Split Hero with Quick Links
40/60 asymmetric split hero with narrow content panel and vertical quick links over video
PRO
hero92
Split Hero with Bento Feature Grid
50/50 split hero with content left and bento feature grid overlay on video right
PRO
hero91
Split Hero with Feature List Panel
50/50 split hero with muted content panel and feature list left, video/image right
PRO
hero90
Stacked Hero with Media Top
Vertical split hero with video/image on top and content section below
PRO
hero89
Reverse Split Hero with Testimonial
50/50 split hero with video/image left and content with testimonial quote right
PRO
hero88
Lead Capture Hero with Email Input
Fullscreen hero with email capture input over inset background video
PRO
hero87
Floating Glassmorphism Card Hero
Fullscreen hero with centered glassmorphism card floating over inset background video
PRO
hero86
Fullscreen Hero with Logo Cloud
Cinematic fullscreen hero with inset background video and trusted-by logo strip
PRO
hero85
Fullscreen Hero with Floating Testimonials
Cinematic fullscreen hero with inset background video and floating glassmorphism testimonial cards
PRO
hero84
Split Hero with Edge-to-Edge Media
50/50 split hero with content left and edge-to-edge video/image right with checklist items
PRO
hero83
Bottom-Aligned Hero with Quick Links
Bottom-aligned fullscreen hero with inset background media and right-side quick link cards
PRO
hero82
Left-Aligned Hero with Gradient Overlay
Left-aligned fullscreen hero with inset background media and directional gradient overlay
PRO
hero81
Fullscreen Hero with Quick-Access Cards
Cinematic fullscreen hero with inset background media and glassmorphism quick-access cards
PRO
hero80
Cinematic Hero with Overlapping Media
Centered hero with inset background media and overlapping product image
PRO
hero51
Split Hero with 3D Tilt Effect
Two-column hero with interactive image card that tilts in 3D on mouse movement with shine effect. Perfect for showcasing premium or interactive products.
PRO
hero50
Centered Hero with Announcement Pill
Clean centered hero with clickable announcement banner pill above the heading with sparkle icon. Perfect for product launches and feature announcements.
PRO
hero79
Split Hero with Avatar Social Proof
Two-column hero with avatar stack social proof positioned above action buttons alongside featured image. Perfect for startup and team-focused products.
PRO
hero78
Centered Hero with Founder Social Proof
Centered hero with avatar stack and founder count text between buttons and featured image. Perfect for startup products and B2B SaaS.
PRO
hero77
Calendar Schedule Hero
Split-layout hero with weekly calendar mockup showing events, attendees, and floating reminder notification. Perfect for scheduling and calendar apps.
PRO
hero76
Kanban Board Hero
Split-layout hero with interactive kanban board mockup showing tasks with priorities, tags, assignees, and floating completion stats. Perfect for project management tools.