See the difference in every detail
A 1:2 split layout with a smaller text column on the left and a larger image on the right. Use it for feature highlights where the visual should dominate.
- Compact text column with checklist
- Larger image area for visual emphasis
- Asymmetric grid for visual hierarchy
---
import Content4Block from "@/components/blocks/content-4.astro"
import placeholderImage from "@/assets/placeholder.webp"
---
<Content4Block
title="See the difference in every detail"
description="A 1:2 split layout with a smaller text column on the left and a larger image on the right. Use it for feature highlights where the visual should dominate."
features={[
"Compact text column with checklist",
"Larger image area for visual emphasis",
"Asymmetric grid for visual hierarchy",
]}
buttons={[
{ label: "Get started", href: "#" },
{ label: "Learn more", href: "#", variant: "secondary" },
]}
image={{ src: placeholderImage, alt: "Feature preview" }}
/>