FAQ Pro

"use client";

import { FaqPro, type FaqProItem } from "@/components/ui/faq-pro";

const items: FaqProItem[] = [
  {
    id: "what-is-iconiq",
    question: "What is Iconiq?",
    answer: "Iconiq is an open-source library of motion-powered React components built around the shadcn registry workflow. Browse polished UI primitives, install them as local files, and adapt them inside your own codebase.",
    keywords: ["about", "overview", "library"],
  },
  {
    id: "install-iconiq",
    question: "How do I install an Iconiq component?",
    answer: "Install components with shadcn using commands like npx shadcn@latest add @iconiq/b-button, or use a direct registry URL from iconiqui.com/r/b-button.json.",
    keywords: ["setup", "shadcn", "registry", "cli"],
  },
  {
    id: "iconiq-free",
    question: "Is Iconiq free to use?",
    answer: "Yes. Iconiq is open source and free to use for personal and commercial projects.",
    keywords: ["pricing", "license", "cost"],
  },
  {
    id: "iconiq-support",
    question: "Where can I get help?",
    answer: "Open an issue on GitHub or start a discussion. Community support is available for setup, theming, and customization questions.",
    keywords: ["help", "contact", "community"],
  }
];

export function FaqProPreview() {
  return (
    <FaqPro
      className="w-full"
      defaultOpenFirst
      items={items}
    />
  );
}