# Two-Column FAQ block

> Centered two-column FAQ with multi-open divider accordion and a dot-grid framed support panel

Centered two-column marketing FAQ that keeps one answer open per column. Divider-row Accordion over a dot-grid Frame support panel and outline link CTA. ReUI Badge, Frame, FramePanel, shadcn Accordion, Button. For help, support, pricing FAQ, docs.

- Type: Pro block
- Category: [FAQ](https://web.dev.reui.io/blocks/marketing/faq.md)
- Page: https://web.dev.reui.io/blocks/marketing/faq/faq-2
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/accordion.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/accordion.md
- MCP: `get_block("faq-2")`
- Built with: Accordion, Badge, Button, Frame
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A 2 column list that opens the first answer in each column, above a dot textured panel for booking a review

## Agent notes

- Replace the questions in `FAQ_COLUMNS`; each inner array is one column and renders through `FaqColumn`
- The `defaultValue` on `Accordion` lists the opened ids by hand, so renaming an item id in `FAQ_COLUMNS` leaves that answer closed
- The Book a review button is an anchor with a hash `href` and no handler; point it at your booking link

## When not to use

- A support area that lists chat, email and community as separate panels: use [Support Channels](https://web.dev.reui.io/blocks/marketing/contact/contact-6.md) (`get_block("contact-6")`)
- A single centered column of questions that opens one answer at a time: use [Single-Column FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-4.md) (`get_block("faq-4")`)

## Install

```bash
npx shadcn@latest add @reui/faq-2
```

## About FAQ blocks

### When to use

- A questions and answers section on a landing, pricing or product page, collapsed or laid open
- Objections a buyer raises before signing up, answered in place with a route to support for the rest
- A help center page of common questions, with or without topic tabs that filter them

### When not to use

- A few collapsible rows inside a settings panel, filter sidebar or form: use [Accordion](https://web.dev.reui.io/components/accordion.md) (`get_component("accordion")`)
- A page built around a message form, office addresses or support channels: use the [Contact blocks](https://web.dev.reui.io/blocks/marketing/contact.md)
- A help panel where visitors type their own question and an assistant replies: use the [AI Chat blocks](https://web.dev.reui.io/blocks/ai-agents/ai-chat.md)

### Agent notes

- Every block renders a prop-less `Faq` whose questions pitch ReUI blocks; replace them in `faqCategories`, `FAQ_COLUMNS`, `faqItems` or `FAQ_ITEMS`
- Every support link and button points at a hash `href`; aim each one at your help desk, docs, booking page or a mailto address
- Each page.tsx centers `Faq` in a `min-h-svh` wrapper; drop it when the section sits inside your landing page

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.