# Support Channels block

> Channel-first contact section with clickable Frame panels for chat, email, and GitHub community

Channel-first contact section: three clickable Frame panels (Live Chat, Email Us, GitHub Community) over a muted docs and FAQ card. ReUI Frame, FramePanel; shadcn Card, Item, Button. Contact us, get in touch, support channels page.

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

## Best for

A choice of live chat, email or GitHub community in 3 panels, with a docs and FAQ fallback card below

## Agent notes

- `CHANNELS` holds the 3 sample channels, including the Monday to Friday chat hours and the business day reply promise; edit the text to match
- Every `CHANNELS` entry sets `href` to a placeholder and Live Chat loads no chat widget; wire a real launcher, mailto and community URL
- The Read the Docs and Browse the FAQ `Button` links in `ContactChannels` use a placeholder href; point them at your docs and FAQ

## When not to use

- A written project inquiry with a message field and a consent line: use [Project Inquiry](https://web.dev.reui.io/blocks/marketing/contact/contact-5.md) (`get_block("contact-5")`)
- Grouped content panels that have nothing to do with reaching a team: use [Frame](https://web.dev.reui.io/components/frame.md) (`get_component("frame")`)

## Install

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

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