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

---
type: block
category: "content"
title: "Content 4"
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."
---

```astro live props={{ name: 'content-4' }}
---
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" }}
/>
```