# Support Sidecard FAQ block

> Two-column FAQ pairing a single-open accordion card with a sticky support-CTA sidecard

Two-column marketing FAQ: a single-open Accordion in a Card (hairline rows, first open) beside a sticky dashed support CTA card with a contact link Button and email fallback. ReUI Badge, shadcn Accordion, Card, Button. For help, support, FAQ pages.

- Type: Pro block
- Category: [FAQ](https://web.dev.reui.io/blocks/marketing/faq.md)
- Page: https://web.dev.reui.io/blocks/marketing/faq/faq-5
- 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-5")`
- Built with: Accordion, Badge, Button, Card
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

Questions in 1 card beside a sticky side card that offers a support button and an email fallback

## Agent notes

- Replace the sample questions in `FAQ_ITEMS` and keep the `defaultValue` id on `Accordion` pointing at one of them
- `SupportCta` holds the Talk to Support button and a sample email link; both use a hash `href`, so wire a real destination and address

## When not to use

- A single column with a support footer joined under the questions in one stacked box: use [Support Footer FAQ](https://web.dev.reui.io/blocks/marketing/faq/faq-6.md) (`get_block("faq-6")`)
- A bare list of questions with no card and no side panel: 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-5
```

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