# Shadcn Contact blocks

> Contact forms, support and enquiry sections, and office detail panels for business and portfolio sites.

- Type: Pro blocks (Marketing)
- Page: https://web.dev.reui.io/blocks/marketing/contact
- Blocks: 6
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

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

## Blocks

- [Single Email Contact](https://web.dev.reui.io/blocks/marketing/contact/contact-1.md): Centered single-email contact card with framed mail row and full-width email action button. Best for a help page reduced to one support inbox, with no fields, no phone and no other channel.
- [Project Brief Form](https://web.dev.reui.io/blocks/marketing/contact/contact-2.md): Split contact card with project intake form and abstract SVG scope panel. Best for a quote request that collects project type, a dollar budget and a timeline, beside a gradient panel with email and phone.
- [Topic Contact Form](https://web.dev.reui.io/blocks/marketing/contact/contact-3.md): Frameless split contact form with topic Select and image-backed Card panel of email and phone links. Best for a general message routed by topic, from product questions to licensing, partnerships and press, beside a photo panel.
- [Global Offices](https://web.dev.reui.io/blocks/marketing/contact/contact-4.md): Contact section with global office columns ordered west to east as a follow-the-sun timezone band. Best for a row of 3 offices in 3 timezones, each with a street address, UTC offset, office hours and a directions link.
- [Project Inquiry](https://web.dev.reui.io/blocks/marketing/contact/contact-5.md): Two-column contact Card pairing a tinted contact-details panel with a short project inquiry form. Best for a short inquiry with a reply time promise, a studio location, a docs link and a terms and privacy consent line.
- [Support Channels](https://web.dev.reui.io/blocks/marketing/contact/contact-6.md): Channel-first contact section with clickable Frame panels for chat, email, and GitHub community. Best for a choice of live chat, email or GitHub community in 3 panels, with a docs and FAQ fallback card below.

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.