Hero Section Components
Create stunning first impressions with our collection of professionally designed hero components. From full-screen backgrounds to split layouts, these components help you build compelling landing sections that convert visitors into users.
Video Background Hero
A powerful hero component featuring full-screen background videos, customizable CTAs, and responsive typography. Perfect for landing pages and marketing sites where visual impact is crucial.
Full Background Hero
A powerful hero component featuring full-screen background images, customizable CTAs, and responsive typography. Perfect for landing pages and marketing sites where visual impact is crucial.
Welcome to Our Website
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo,
ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet,
consectetuer.
Footnote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Split Layout Hero
A versatile hero component with side-by-side content and background layout. Ideal for showcasing product features, services, or creating engaging content-rich hero sections with balanced visual hierarchy.
Welcome to Our Website
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo,
ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet,
consectetuer.
Footnote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Bottom Image Hero
A versatile hero component with a bottom image layout. Ideal for showcasing product features, services, or creating engaging content-rich hero sections with balanced visual hierarchy.
Welcome to Our Website
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo,
ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet,
consectetuer.
Footnote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Single Page Hero Variants
Responsive single hero variants. Each example is one component that adapts across 1440px, 1024px, and mobile breakpoints.
Section: Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo.
Section: Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo.
Section: Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo.
Section: Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo.
