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

---
type: block
category: "content"
title: "Content 6"
description: "A reversed split content section with media on the left and supporting copy on the right. Use it to vary rhythm across longer pages."
---

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

<Content6Block
  title="Vary long pages with a reversed content split"
  description="A reversed split content section with media on the left and supporting copy on the right. Use it to vary rhythm across longer pages."
  features={[
    "Media-first layout for visual pacing",
    "Same content API as adjacent content blocks",
    "Useful when repeated sections need a different rhythm",
  ]}
  buttons={[
    { label: "Get started", href: "#" },
    { label: "Learn more", href: "#", variant: "secondary" },
  ]}
  image={{ src: placeholderImage, alt: "Reversed content preview" }}
/>
```