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

---
type: block
category: hero
title: Hero 3
description: A bold hero with text centered over a full background image. Ideal for launches, events, and product announcements.
---

```astro live props={{ name: 'hero-3' }}
---
import Hero3Block from "@/components/blocks/hero-3.astro"
import placeholderImage from "@/assets/placeholder.webp"
---

<Hero3Block
  title="Ship landing pages in hours, not weeks"
  description="A bold hero with text centered over a full background image. Ideal for launches, events, and product announcements."
  buttons={[
    { label: "Start building", href: "/docs/", variant: "default" },
    { label: "See examples", href: "/blocks/", variant: "secondary" },
  ]}
  image={{ src: placeholderImage, alt: "Abstract background" }}
/>
```