# CTA Section v5

> Centered muted-background CTA with a headline, supporting description, and a rounded pill button.

A shadcn/ui block from the [@uiception](https://uiception.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/uiception/cta-section-v5).

- Page, with a live preview: https://shadcn.exchange/r/uiception/cta-section-v5
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/uiception/cta-section-v5-light-82c8c196f4b6cd03.png
- Registry item: https://uiception.com/r/cta-section-v5.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://uiception.com/r/cta-section-v5.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `button`

## Files

### `registry/new-york/blocks/cta-section-v5/page.tsx`

```tsx
import CtaSectionV5 from "./components/cta-section-v5"

export default function Page() {
  return <CtaSectionV5 />
}
```

### `registry/new-york/blocks/cta-section-v5/components/cta-section-v5.tsx`

```tsx
import { ChevronRight } from "lucide-react"
import Link from "next/link"

import { Button } from "@/components/ui/button"

const HREF = "#"

export default function CtaSectionV5() {
  return (
    <section className="py-4 md:py-6 lg:py-8">
      <div className="mx-auto max-w-6xl px-4">
        <div className="bg-muted rounded-2xl px-6 py-16 flex flex-col items-center gap-6 text-center md:py-20 lg:py-24">
          <h2 className="text-4xl tracking-tight sm:text-5xl lg:text-6xl">
            Let&apos;s talk
          </h2>
          <p className="max-w-sm text-base text-muted-foreground sm:text-lg">
            Book a free meeting and we will show how we can simplify your life
          </p>
          <Button size="lg" className="rounded-full px-6 text-base" asChild>
            <Link href={HREF}>
              Book a meeting
              <ChevronRight className="size-4" />
            </Link>
          </Button>
        </div>
      </div>
    </section>
  )
}
```