# Customer Logo Pricing block

> Pricing section with 3 plan cards, a billing tab switch and a customer logo row

3-tier SaaS pricing on a dot grain: Monthly or Annual tabs reprice flat Basic and per-seat Business, and quoted Enterprise holds. A Best Value badge tops Business; check or minus rows mark gaps. Built on Card, Tabs, Badge. For free trial pricing.

- Type: Pro block
- Category: [Pricing](https://web.dev.reui.io/blocks/marketing/pricing.md)
- Page: https://web.dev.reui.io/blocks/marketing/pricing/pricing-4
- MCP: `get_block("pricing-4")`
- 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

Flat, per seat and quoted plans as 3 cards on a canvas dot grain that fills the section, with a customer wordmark row below

## Agent notes

- `PlanPricing` has `flat`, `seat` and `quote` kinds; only the first two follow the period tabs, and `quote` holds its `fromMonthly` floor
- `TRUST_LOGOS` entries are sample wordmarks whose `height` is tuned per mark so the letters share a band; retune it when you swap one
- `DotField` paints a canvas in an effect, sized to the whole section; tune `PEAK` for how loud the grain reads behind the cards

## When not to use

- A section that stays dark in light and dark themes, with tinted cards: use [Agency Pricing](https://web.dev.reui.io/blocks/marketing/pricing/pricing-6.md) (`get_block("pricing-6")`)
- Four tiers with a Free plan and help links to a comparison and an FAQ: use [Pricing FAQ Links](https://web.dev.reui.io/blocks/marketing/pricing/pricing-5.md) (`get_block("pricing-5")`)

## Install

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

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