# FAQ Section v1

> Minimal centered FAQ with a simple headline and clean divider accordion.

A shadcn/ui block from the [@uiception](https://uiception.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/uiception/faq-section-v1).

- Page, with a live preview: https://shadcn.exchange/r/uiception/faq-section-v1
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/uiception/faq-section-v1-light-e21aa5cb0a053595.png
- Registry item: https://uiception.com/r/faq-section-v1.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://uiception.com/r/faq-section-v1.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `accordion`

## Files

### `registry/new-york/blocks/faq-section-v1/page.tsx`

```tsx
import FaqSectionV1 from "./components/faq-section-v1"

export default function Page() {
  return <FaqSectionV1 />
}
```

### `registry/new-york/blocks/faq-section-v1/components/faq-section-v1.tsx`

```tsx
import FaqAccordion from "./faq-accordion"
import { faqSectionMeta } from "../lib/faq-content"

export default function FaqSectionV1() {
  return (
    <section className="py-4 md:py-6 lg:py-8">
      <div className="mx-auto max-w-4xl px-4">
        <div className="mb-10 text-center md:mb-12">
          <h2 className="text-3xl font-medium tracking-tight sm:text-4xl">
            {faqSectionMeta.title}
          </h2>
          <p className="mt-2 text-base text-muted-foreground">
            {faqSectionMeta.description}
          </p>
        </div>

        <FaqAccordion />
      </div>
    </section>
  )
}
```

### `registry/new-york/blocks/faq-section-v1/components/faq-accordion.tsx`

```tsx
"use client"

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/components/ui/accordion"

import { faqItems } from "../lib/faq-content"

export default function FaqAccordion() {
  return (
    <Accordion type="single" collapsible className="w-full">
      {faqItems.map((item) => (
        <AccordionItem key={item.id} value={item.id} className="border-border">
          <AccordionTrigger className="py-5 text-[15px] font-medium hover:no-underline">
            {item.question}
          </AccordionTrigger>
          <AccordionContent className="text-sm leading-relaxed text-muted-foreground">
            {item.answer}
          </AccordionContent>
        </AccordionItem>
      ))}
    </Accordion>
  )
}
```

### `registry/new-york/blocks/faq-section-v1/lib/faq-content.ts`

```ts
export type FaqItem = {
  id: string
  question: string
  answer: string
}

export const faqSectionMeta = {
  title: "Frequently Asked Questions",
  description: "Quick answers about the agent SDK, routing, and getting started.",
}

export const faqItems: FaqItem[] = [
  {
    id: "what-is-sdk",
    question: "What is the AI coding agent SDK?",
    answer:
      "A single SDK to build and deploy coding agents with composable tools and session management.",
  },
  {
    id: "model-routing",
    question: "How does model routing work?",
    answer:
      "Agents pick the right model per task for speed, cost, and quality. You set guardrails; routing runs automatically.",
  },
  {
    id: "codebase-context",
    question: "Can agents work across multiple repos?",
    answer:
      "Yes. Agents can reason across repos, branches, and file trees in one session. Limits depend on your plan.",
  },
  {
    id: "getting-started",
    question: "How do I get started?",
    answer:
      "Install the package, add your API key, and use the playground. Most teams ship a first agent within a day.",
  },
  {
    id: "security",
    question: "How is my code handled?",
    answer:
      "Indexed code stays in your region. We do not train on customer code by default. SSO and audit logs on higher tiers.",
  },
]
```