# Agency Booking CTA block

> Animated analytics dashboard mockup on a gradient mesh beside CTA copy and a scrolling logo marquee

Agency or product studio pitch: Book a Call and Contact Us links beside a console of KPI sparkline cards, a revenue chart and an order table. ReUI Badge, IconTile; shadcn Button, Card, Table, Progress. Demo booking, SaaS landing.

- Type: Pro block
- Category: [CTA](https://web.dev.reui.io/blocks/marketing/cta.md)
- Page: https://web.dev.reui.io/blocks/marketing/cta/cta-7
- MCP: `get_block("cta-7")`
- Built with: Avatar, Badge, Button, Card, Icon Tile, Item, Kbd, Progress, Separator, Table
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

An agency booking pitch beside a scaled analytics console mockup with an order table, and a wordmark marquee under the copy

## Agent notes

- `AppFrame` is a fixed 1400 by 1000 mockup scaled with CSS and has no handlers; its `KPIS` and `ORDERS` are sample Acme figures
- The wordmark row comes from `CTA_BRANDS` in data.tsx and `BrandMarquee` scrolls it on a 32s loop; swap in your own client marks

## When not to use

- A working page with live filters, tables and charts over real metrics: use the [Dashboard blocks](https://web.dev.reui.io/blocks/application/dashboard.md)
- A three step explainer where tabs swap product consoles: use [Vertical Demo Tabs](https://web.dev.reui.io/blocks/marketing/how-it-works/how-it-works-5.md) (`get_block("how-it-works-5")`)

## Install

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

## 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.