# Contact section

A validated contact form that morphs into a confirmation, support channels, and office cards with local times.

- ID: `contact-section`
- Import: `animui/contact-section`
- Category: blocks
- Runtime exports: `ContactSection`, `ContactSectionBlock`, `contactExampleChannels`, `contactExampleOffices`, `default`
- Declaration: `types/free/blocks/contact-section.d.ts`
- Type provenance: emitted-original-typescript
- Related: signup-form, support-widget, faq-section, site-footer

```tsx
import { ContactSection } from 'animui/contact-section';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info contact-section` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { ContactSection, ContactSectionBlock, contactExampleChannels, contactExampleOffices, default } from '../registry/blocks/contact-section/contact-section.js';
export type { ContactChannel, ContactMessage, ContactOffice, ContactSectionProps, ContactSectionVariant } from '../registry/blocks/contact-section/contact-section.js';
```