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

---
type: block
category: hero
title: Hero 12
description: Title, description, and actions spread across a bordered bar, followed by a large image below.
---

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

<Hero12Block
  title="A minimal editorial hero with a border bar and full-width image"
  description="Title, description, and actions spread across a bordered bar, followed by a large image below."
  buttons={[{ label: "Read the story", href: "#" }]}
  image={{ src: placeholderImage, alt: "Editorial image" }}
/>
```