Skip to content
Get Theme
Search icon
Get Theme

Website Hero Sections

Premade hero sections you can drag and drop onto any page. Fully customizable with Generator’s editor to fit your brand and message.
Sections    Hero

Hero Section with Centered Headline and Subheadline

A clean, centered hero layout that comes prebuilt with Generator. Drag and drop it onto your page in seconds, then customize every design detail to make it your own.
Call to Action
Sections    Hero

Hero Section with Product Image

Showcase your SaaS or digital product with a prebuilt hero that highlights your platform alongside a bold headline. Drop it in with Generator and customize every detail to fit your brand.
hero-img-dark
Sections    Hero

Hero Section with Full-Height Image

A bold 50/50 layout with a full-height image on one side and text on the other.

This prebuilt section comes with Generator, making it easy to create a striking visual statement while keeping every design detail fully customizable.

img-hero-guy-on-laptop
Sections    Hero

Pre-built Website Hero Sections for Your HubSpot Site

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.
img-video-popover-thumbnail-1
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
Screenshot 2025-07-20 at 11.54.01 AM
HERO SECTION

Hero Section with Product Image

Showcase your SaaS or digital product with a prebuilt hero that highlights your platform alongside a bold headline.

Drop it in with Generator and customize every detail to fit your brand.

Learn more
HERO SECTION

Pre-built hero section for

This example uses the Typewriter module — just one of many modules included with the Generator theme. Drop it into any page and customize the design in seconds.

project-app-screenshot
video poster image
CONTENT SECTION

Hero with video background

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

Learn more
HERO SECTION

Two Column Product Section with Image

This prebuilt section is perfect for apps, SaaS platforms, or product features — and with Generator, you can drag and drop it onto your page, then fully customize every detail to match your brand.

App Store
Google Play
mobile-front-light

Hero Section with Parallax Background

Create a dynamic hero with a parallax effect, where the background image moves at a different speed than the foreground content.
Learn more