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

---
type: block
category: "content"
title: "Content 3"
description: "This variation uses a spread layout with title and description on the left, action buttons on the right, and a prominent full-width image below."
---

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

<Content3Block
  title="A full-width media section with a spread header"
  description="This variation uses a spread layout with title and description on the left, action buttons on the right, and a prominent full-width image below."
  buttons={[
    { label: "Get started", href: "#" },
    { label: "Learn more", href: "#", variant: "secondary" },
  ]}
  image={{ src: placeholderImage, alt: "Media preview" }}
/>
```