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

---
type: block
category: "cta"
title: "CTA 7"
description: "This centered CTA with a tinted background works when the section needs to feel distinct from the surrounding content without being too bold."
---

```astro live props={{ name: 'cta-7' }}
---
import Cta7Block from "@/components/blocks/cta-7.astro"
import avatarSil from "@/assets/avatar-sil-veltman.webp"
---

<Cta7Block
  title="Create launch sections everyone can reuse"
  description="This centered CTA with a tinted background works when the section needs to feel distinct from the surrounding content without being too bold."
  buttons={[
    { label: "Layout docs", href: "/components/layout/" },
    {
      label: "Sidebar docs",
      href: "/components/sidebar/",
      variant: "secondary",
    },
  ]}
  socialProof={{
    avatars: [
      { image: avatarSil, initials: "SV", name: "Sil Veltman" },
      { image: avatarSil, initials: "JD", name: "Sil Veltman" },
      { image: avatarSil, initials: "MK", name: "Sil Veltman" },
      { image: avatarSil, initials: "AR", name: "Sil Veltman" },
    ],
    rating: 5,
    text: "Best for design teams",
  }}
/>
```