# CTA Minimal

> A headline and a single link. Confidence as design.

A shadcn/ui block from the [@blockforge](https://blockforge.terravidhal.me) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/blockforge/cta-minimal).

- Page, with a live preview: https://shadcn.exchange/r/blockforge/cta-minimal
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/blockforge/cta-minimal-light-e563255651a67cf1.png
- Registry item: https://blockforge.terravidhal.me/r/cta-minimal.json
- Categories: cta
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-minimal.json
```

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

## Dependencies

- npm packages: `lucide-react`

## Files

### `registry/blocks/cta-minimal.tsx`

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

export default function CtaMinimal() {
  return (
    <section className="border-y border-border/60 bg-background">
      <div className="mx-auto w-full max-w-3xl px-6 py-16 text-center sm:py-20">
        <h2 className="text-2xl font-semibold tracking-tight text-balance sm:text-3xl">
          Your first deploy is five minutes away
        </h2>
        <Link
          href="#"
          className="group mt-5 inline-flex items-center gap-2 text-sm font-medium underline-offset-4 hover:underline"
        >
          Start the tutorial
          <ArrowRight className="size-4 transition-transform group-hover:translate-x-0.5 motion-reduce:transition-none" />
        </Link>
      </div>
    </section>
  );
}
```