Pair editorial copy with a supporting image
Use this block when screenshots, diagrams, or photos need to sit beside copy without turning the whole page into a gallery.
- Clear headline and intro with supporting copy
- One media surface with rounded treatment
- Concise bullet points instead of a heavy card grid
---
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" }}
/>