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

---
type: block
category: "content"
title: "Content 5"
description: "A framed editorial content section with numbered supporting points and an immersive media panel. Use it when a story needs more structure than a plain side-by-side split."
---

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

<Content5Block
  eyebrow="Editorial proof"
  title="Turn supporting context into a guided product story"
  description="A framed editorial content section with numbered supporting points and an immersive media panel. Use it when a story needs more structure than a plain side-by-side split."
  features={[
    "Framed surface separates the story from surrounding page sections",
    "Numbered points make the argument easy to scan in order",
    "Media panel gets more presence without taking over the copy",
  ]}
  buttons={[
    { label: "Get started", href: "#" },
    { label: "Learn more", href: "#", variant: "secondary" },
  ]}
  image={{ src: placeholderImage, alt: "Editorial product story preview" }}
/>
```