# FAQ Section v5

> Top-down, docs-style FAQ list with a last-updated date and a was-this-helpful item at the end.

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

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

## Install

```bash
npx shadcn@latest add https://uiception.com/r/faq-section-v5.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: `button`, `item`

## Files

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

```tsx
import FaqSectionV5 from "./components/faq-section-v5"

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

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

```tsx
import Link from "next/link"

import { Button } from "@/components/ui/button"
import {
  Item,
  ItemActions,
  ItemContent,
  ItemDescription,
} from "@/components/ui/item"

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

export default function FaqSectionV5() {
  return (
    <section className="bg-background py-16 md:py-20 lg:py-24">
      <div className="mx-auto max-w-3xl px-4">
        <div className="flex flex-col gap-2 pb-6">
          <h2 className="text-3xl font-medium tracking-tight text-foreground sm:text-4xl">
            {faqSectionMeta.title}
          </h2>
          <p className="text-sm text-muted-foreground">
            Last updated — {faqSectionMeta.lastUpdated}
          </p>
        </div>

        <div className="flex flex-col">
          {faqItems.map((item) => (
            <div key={item.id} className="flex flex-col gap-3 py-8">
              <h3 className="text-xl font-medium tracking-tight text-foreground">
                {item.question}
              </h3>
              <p className="text-[0.9375rem] leading-relaxed text-muted-foreground">
                {item.answer}
              </p>
            </div>
          ))}
        </div>

        <Item variant="muted" className="mt-8">
          <ItemContent>
            <ItemDescription>Was this helpful?</ItemDescription>
            <ItemDescription>
              Have more questions? Visit our{" "}
              <Button variant="link" size="sm" className="h-auto p-0" asChild>
                <Link href="#" target="_blank" rel="noopener noreferrer">
                  community
                </Link>
              </Button>
              , its open to everyone!
            </ItemDescription>
          </ItemContent>
          <ItemActions>
            <Button variant="outline" size="sm">
              Yes
            </Button>
            <Button variant="destructive" size="sm">
              No
            </Button>
          </ItemActions>
        </Item>
      </div>
    </section>
  )
}
```

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

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

export const faqSectionMeta = {
  title: "Frequently asked questions",
  lastUpdated: "January 1, 2026",
}

export const faqItems: FaqItem[] = [
  {
    id: "getting-started",
    question: "How long does it take to get started?",
    answer:
      "Most teams are up and running in under 10 minutes. Connect your workspace, drop in your knowledge base, and Acme starts answering with your brand voice right away.",
  },
  {
    id: "data-privacy",
    question: "Is my company data used to train models?",
    answer:
      "No. Your prompts, documents, and conversations stay private to your workspace. We never use customer data to train foundation models.",
  },
  {
    id: "integrations",
    question: "Which tools does Acme integrate with?",
    answer:
      "Acme connects with Slack, Notion, Google Drive, Confluence, Zendesk, and more via native integrations or webhooks. You can also bring your own API endpoints.",
  },
  {
    id: "billing-cancel",
    question: "What if I need to cancel or change plans?",
    answer:
      "Upgrade, downgrade, or cancel anytime from billing settings. Changes are prorated, and you keep access through the end of your current billing period.",
  },
]
```