Vary long pages with a reversed content split
A reversed split content section with media on the left and supporting copy on the right. Use it to vary rhythm across longer pages.
- Media-first layout for visual pacing
- Same content API as adjacent content blocks
- Useful when repeated sections need a different rhythm
---
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" }}
/>