A full-width media section with a spread header
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.
---
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" }}
/>