# Agency Pricing block

> Dark pricing section with 3 plan cards, billing tabs and a customer logo row

Always-dark 3-tier studio pricing: Monthly or Yearly tabs with 2 Months Free reprice the base rate and extra seat fee and show the yearly total. Higher tiers list what they add. Built on Card, Tabs, Badge. For agency pricing, dark landing page.

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

## Best for

A section locked to dark, each card tinted its own color, priced as a workspace rate plus a fee per extra seat

## Agent notes

- The section root carries a `dark` class and `TONES` uses literal white, teal and violet washes, so a light theme needs both reworked
- `FREE_MONTHS` drives `monthlyAt` and `yearlyTotal`; keep each rate times the paid months divisible by 12 or yearly prices round
- `TRUST_LOGOS` marks are sample wordmarks that `LogoRow` repaints in one color, each sized by its own `height`

## When not to use

- A section that follows the host light or dark theme: use [Customer Logo Pricing](https://web.dev.reui.io/blocks/marketing/pricing/pricing-4.md) (`get_block("pricing-4")`)
- Seat rates set by team size tabs under a customer quote: use [Per-Seat Pricing](https://web.dev.reui.io/blocks/marketing/pricing/pricing-3.md) (`get_block("pricing-3")`)

## Install

```bash
npx shadcn@latest add @reui/pricing-6
```

## About Pricing blocks

### When to use

- A public plans section with 3 or 4 tiers side by side, each with a price, its inclusions and its own button
- A plan comparison matrix that lines up each tier's limits and included features row by row
- An upgrade dialog or paywall inside the product, where a user picks a plan and a billing period

### When not to use

- A back office where staff edit the plan catalog, coupons or a customer's subscription: use the [Billing blocks](https://web.dev.reui.io/blocks/solutions/billing.md)
- Store products weighed side by side on specs and star ratings before a purchase: use the [Comparison blocks](https://web.dev.reui.io/blocks/ecommerce/comparison.md)
- One plan choice made as a single input inside a signup or checkout form: use [Radio Group](https://web.dev.reui.io/components/radio-group.md) (`get_component("radio-group")`)

### Agent notes

- Each plan's `href` in `PLANS` is a hash placeholder that its plan button links to; point it at your signup, checkout or sales route
- Plan prices print through a `currency` formatter pinned to en-US dollars with `maximumFractionDigits` 0; edit it for cents or another currency

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.