FAQ section

import { FaqSection } from "@/components/ui/faq-section"

const faq = [
  { id: "own", question: "Do I own the code?", answer: "Yes. Components are copied into your project as readable source. You can edit, rename or delete anything." },
  { id: "license", question: "What does the license allow?", answer: "Use it in unlimited projects for your own products and clients. You may not resell the components as a competing library." },
  { id: "frameworks", question: "Which frameworks do you support?", answer: "React 19 with any bundler. The examples run in Next.js, and nothing depends on it." },
  { id: "a11y", question: "How is accessibility handled?", answer: "Every component is tested with the keyboard and a screen reader, and keeps visible focus, text alternatives and reduced-motion behavior." },
  { id: "theming", question: "Can I change the look?", answer: "Colors, spacing, radii and motion live in a small set of tokens. Change them once and everything follows." },
  { id: "updates", question: "How do updates work?", answer: "Run the update command to see a diff of what changed upstream, then accept the parts you want." },
  { id: "support", question: "Where do I get help?", answer: "Read the docs first, then ask in the community or email support. Paid plans include a two-day reply." },
  { id: "refunds", question: "Can I get a refund?", answer: "Within 30 days, no questions asked, if it is not right for your team." },
];

export function FaqSectionDemo() {
  return (
    <FaqSection description="Short answers. Search if you are looking for something specific." items={faq} contact={{ label: "Ask us directly", href: "#contact" }} />
  );
}