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

---
type: block
category: "cta"
title: "CTA 1"
description: "Use a centered CTA when the rest of the page already did the explaining and the final section needs one clear invitation."
---

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

<CallToActionBlock
  title="Give every launch page a decisive close"
  description="Use a centered CTA when the rest of the page already did the explaining and the final section needs one clear invitation."
  buttons={[
    { label: "Start project", href: "/docs/" },
    {
      label: "Browse components",
      href: "/components/",
      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: "Loved by 2,000+ developers",
  }}
/>
```