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

---
type: block
category: "content"
title: "Content 2"
description: "Use this block when screenshots, diagrams, or photos need to sit beside copy without turning the whole page into a gallery."
---

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

<Content2Block
  title="Pair editorial copy with a supporting image"
  description="Use this block when screenshots, diagrams, or photos need to sit beside copy without turning the whole page into a gallery."
  features={[
    "Clear headline and intro with supporting copy",
    "One media surface with rounded treatment",
    "Concise bullet points instead of a heavy card grid",
  ]}
  buttons={[
    { label: "Get started", href: "#" },
    { label: "Learn more", href: "#", variant: "secondary" },
  ]}
  image={{ src: placeholderImage, alt: "Editorial workspace" }}
/>
```