Skip to content
Get Theme
Search icon
Get Theme
Website template

Website Hero Sections

A collection of prebuilt hero layouts for your HubSpot website and landing pages. Designed to launch fast and fully customizable to match your brand.
Headers
Sections
Modules
Two column section with image and text
The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so
DEPLOY FASTER

Everything you need to deploy your app fast

The headline and subheader tells us what you're offering, and the form header. The headline and subheader.
Learn more
Two column section with image and text
The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so 

Aurora Gradient Text

A prebuilt layout for showcasing content alongside a video—perfect for product overviews, service walkthroughs, or founder intros.

Learn more
Learn more
img-product-dark-small
Two column section with image and text
The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so 
CONTENT SECTION

Full-Width Hero with Background Image

A high-impact hero layout that places your headline and message over a full-screen image—ideal for first impressions on homepages, landing pages, and product launches.

Learn more
Two column section with image and text
The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so 
video poster image
CONTENT SECTION

Hero with video background

Section for highlighting your key services and guiding visitors to the right pages.

Learn more
Two column section with image and text
The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so 

Hero Section with Parallax Background

This hero module allows you to add a video backgroundThis hero module allows you to add a video background.
Learn more
Two column section with image and text
The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so 
HERO SECTION

Two-Column Hero with Image

Generator comes with a library of prebuilt content sections—professionally designed, drag-and-drop layouts you can use to quickly build out your site.

Learn more
Learn more
illustration-girl-compressed
Two column section with image and text
The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so 
HERO SECTION

Hero section for

A homepage-ready section for highlighting your key services and guiding visitors to the right pages.

Learn more
Screenshot 2025-07-20 at 11.40.41 AM
Screenshot 2025-07-20 at 11.54.01 AM
HERO SECTION

Hero section for

A homepage-ready section for highlighting your key services and guiding visitors to the right pages.

Learn more
CONTENT SECTION

Feature Section with Full-Height Image

A bold layout with a 50/50 split—full-height image on one side, stacked text on the other.

This section is great for making a visual statement while explaining a product, service, or key message. Like all Generator layouts, it's prebuilt to save you time and fully customizable—change colors, text styles, image behavior, spacing, and more using simple drag-and-drop tools.
img-hero-guy-on-laptop
Two column section with image and text
The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so 
CONTENT SECTION

Hero Section with Video Popover

A prominent hero layout with headline, supporting text, and a video preview that opens in a full-screen overlay on click—ideal for explaining products, services, or key messaging right at the top of the page.

Learn more
img-video-popover-thumbnail-1
HERO SECTION

Product Feature with Image Left

A modern layout for showcasing a single product with focused messaging.

Use this section to highlight a product visually—like an iPhone—alongside a clear value prop and supporting details. It’s fully

App Store
mobile-front-light