Navigation: [/sitemap.md](/sitemap.md)

---
type: block
title: Hero
description: Hero sections for launches, product storytelling, editorial pages, and social proof.
---

import Hero1Example from "./hero-1.mdx"
import Hero2Example from "./hero-2.mdx"
import Hero3Example from "./hero-3.mdx"
import Hero4Example from "./hero-4.mdx"
import Hero5Example from "./hero-5.mdx"
import Hero6Example from "./hero-6.mdx"
import Hero7Example from "./hero-7.mdx"
import Hero8Example from "./hero-8.mdx"
import Hero9Example from "./hero-9.mdx"
import Hero10Example from "./hero-10.mdx"
import Hero11Example from "./hero-11.mdx"
import Hero12Example from "./hero-12.mdx"
import Hero13Example from "./hero-13.mdx"

## [Hero 1](/blocks/hero-1/)

<Hero1Example />

## [Hero 2](/blocks/hero-2/)

<Hero2Example />

## [Hero 3](/blocks/hero-3/)

<Hero3Example />

## [Hero 4](/blocks/hero-4/)

<Hero4Example />

## [Hero 5](/blocks/hero-5/)

<Hero5Example />

## [Hero 6](/blocks/hero-6/)

<Hero6Example />

## [Hero 7](/blocks/hero-7/)

<Hero7Example />

## [Hero 8](/blocks/hero-8/)

<Hero8Example />

## [Hero 9](/blocks/hero-9/)

<Hero9Example />

## [Hero 10](/blocks/hero-10/)

<Hero10Example />

## [Hero 11](/blocks/hero-11/)

<Hero11Example />

## [Hero 12](/blocks/hero-12/)

<Hero12Example />

## [Hero 13](/blocks/hero-13/)

<Hero13Example />