Hero with code preview

A hero with tabbed panels that swap content beneath a headline and CTA. Use it to present several use cases or features in one compact area.

A hero placing a app dashboard screenshot next to a headline and CTA. Shows your interface and data at the top of a SaaS or analytics page.

A hero centered on an inline email capture form below a headline and subtext. Ideal for waitlists, newsletters, and early access landing pages.

A hero with a row of feature cards beneath a headline and CTA. Breaks your key benefits into scannable tiles at the top of a landing page.

A hero with a feature timeline beside a headline and CTA. Walks visitors through a workflow or roadmap at the top of a app landing page.

A hero showing a grid of integration logos beside a headline and CTA. Highlights the tools your app connects to on a platform landing page.

A hero with framed app screenshots next to a headline and CTA. Shows the real interface at the top of a software or SaaS landing page.

A hero pairing a headline and CTA with a grid of team member photos. Adds a human face to about, agency, and company landing pages from the start.

A hero pairing a headline and CTA with an animated terminal window. Speaks to developers and shows install or usage commands on a tool landing page.

A typography only hero with a centered headline, lede, single CTA, and a muted trust line.

A centered hero with headline and CTAs above a browser mockup with sidebar, chart, and table rows.

A centered headline, lede, and dual CTAs above a wrapped row of bordered icon feature pills.