# Global Offices block

> Contact section with global office columns ordered west to east as a follow-the-sun timezone band

Form-free contact band: three office columns split by dividers, each with city, postal address, UTC offset, business hours, and a directions link, plus an email and CTA button. Uses shadcn Button and Separator. For contact us, our offices, find us.

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

## Best for

A row of 3 offices in 3 timezones, each with a street address, UTC offset, office hours and a directions link

## Agent notes

- The layout is fixed at 3 columns and the intro says three studios, so a different `OFFICES` count means editing `Offices`
- `utc` and `hours` are plain strings in `OFFICES` tied to the sample cities; nothing computes local time or open status
- Every directions link in `OfficeColumn`, the email link and the Talk to us `Button` in `Offices` use a placeholder href

## When not to use

- One studio location with an email, set beside a short written inquiry form: use [Project Inquiry](https://web.dev.reui.io/blocks/marketing/contact/contact-5.md) (`get_block("contact-5")`)

## Install

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

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