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

---
type: block
category: hero
title: Hero 13
description: A 1:3 split where the content stays compact on the left and the image takes the dominant position on the right.
---

```astro live props={{ name: 'hero-13' }}
---
import Hero13Block from "@/components/blocks/hero-13.astro"
import placeholderImage from "@/assets/placeholder.webp"
---

<Hero13Block
  title="Small text, large image"
  description="A 1:3 split where the content stays compact on the left and the image takes the dominant position on the right."
  buttons={[{ label: "View products", href: "/blocks/products/" }]}
  image={{ src: placeholderImage, alt: "Product showcase" }}
/>
```