# Single Email Contact block

> Centered single-email contact card with framed mail row and full-width email action button

Centered contact section with one direct-email path instead of a form: eyebrow, heading, a framed mail-icon row, and a full-width outline button showing the support email. Uses ReUI Frame, shadcn Item and Button. For contact us and support pages.

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

## Best for

A help page reduced to one support inbox, with no fields, no phone and no other channel

## Agent notes

- The email `Button` has no link target or handler, so the address does nothing on click; wire a mailto link yourself
- `SUPPORT_EMAIL` feeds both the visible `Button` text and its `aria-label`, so one edit changes the address everywhere
- The eyebrow, heading and ReUI licensing intro are literal text inside `ContactSection`, with no data file to edit

## When not to use

- A page that has to collect a written message and the sender's own details: use [Project Inquiry](https://web.dev.reui.io/blocks/marketing/contact/contact-5.md) (`get_block("contact-5")`)
- An email capture that asks visitors to type in their own address: use [Newsletter CTA](https://web.dev.reui.io/blocks/marketing/cta/cta-1.md) (`get_block("cta-1")`)

## Install

```bash
npx shadcn@latest add @reui/contact-1
```

## About Contact blocks

### When to use

- A contact us or support page that sends visitors to email, phone, live chat or a community
- A project, sales or support inquiry form set beside a panel with the team's email
- A find us section listing office addresses, timezones, business hours and directions links

### When not to use

- A person's details tile in a product, such as an applicant with copyable phone and email: use the [Card blocks](https://web.dev.reui.io/blocks/application/card.md)
- Record entry or editing inside a product, such as an invoice, a member invite or a ticket: use the [Form blocks](https://web.dev.reui.io/blocks/application/form.md)
- A closing banner that asks for a newsletter signup or a sales call, not a written message: use the [CTA blocks](https://web.dev.reui.io/blocks/marketing/cta.md)

### Agent notes

- Every block centers itself in a `min-h-svh` wrapper with its own padding and max width; strip it when stacking the section in a landing page
- Every block hardcodes a ReUI demo inbox such as `hello@reui.io` or `studio@reui.example`; set your own address in its data or component file
- Every `Button` lacks a handler and a real target, and no block is a client component; wire the submit and link actions yourself

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.