# Outcome Checklist CTA block

> Outcome checklist CTA banner on emerald with 4 checked items, an amber action and lime corner glows

Benefits recap whose checklist covers shipping pages, MCP support for AI agents, accessibility and consistent design systems, stacking below the copy on cards under 900px. shadcn Card, Button. Landing page ending, feature summary.

- Type: Pro block
- Category: [CTA](https://web.dev.reui.io/blocks/marketing/cta.md)
- Page: https://web.dev.reui.io/blocks/marketing/cta/cta-15
- MCP: `get_block("cta-15")`
- Built with: Button, Card
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A benefits recap pairing the pitch and an amber action with a column of 4 checked outcomes beside it

## Agent notes

- `CTA_HIGHLIGHTS` is the checklist, 4 `id` and `label` pairs of ReUI outcome copy; replace them with your own product benefits
- The amber action comes from primary color tokens set on the button wrapper in `Cta`, not from a Button variant; edit that wrapper to recolor it

## When not to use

- A launch checklist with sections that expand and rows the visitor edits in place: use [Launch Checklist](https://web.dev.reui.io/blocks/application/dialog/dialog-4.md) (`get_block("dialog-4")`)
- Priced options compared card by card, each with its own feature list: use [Buying Guide Picks](https://web.dev.reui.io/blocks/ecommerce/comparison/comparison-3.md) (`get_block("comparison-3")`)

## Install

```bash
npx shadcn@latest add @reui/cta-15
```

## About CTA blocks

### When to use

- A closing get started band with a headline and 1 or 2 actions, some backed by logos, avatars or a rating
- Email capture for a newsletter, a waitlist or release updates, with an inline email field and submit button
- A sales prompt that books a call or opens a contact route rather than a self-serve signup

### When not to use

- The first screen of a page, with the main headline and a product console above the fold: use the [Hero blocks](https://web.dev.reui.io/blocks/marketing/hero.md)
- A compact promo tile with 1 button, sized to sit beside other cards in an app page: use the [Card blocks](https://web.dev.reui.io/blocks/application/card.md)
- A sign in or sign up page with a password, a magic link or social provider buttons: use the [Auth blocks](https://web.dev.reui.io/blocks/application/auth.md)

### Agent notes

- The headline and every action label are written inline in `Cta` in components/cta.tsx, never in a data file; rewrite them there
- No action is wired: every `href` is a placeholder hash and no email form reaches a backend; connect real routes and a submit handler

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.