Grouped FAQ Section

import GroupedFAQSection from "@/components/ruixen/grouped-faq-section";
 
// Defaults — Installation / Stack Support / Pricing & License
<GroupedFAQSection />;

<GroupedFAQSection
  title="Help Center"
  description="Common questions and answers."
  groups={[
    {
      title: "Account",
      items: [
        {
          question: "How do I sign up?",
          answer: "Visit the signup page at /signup.",
        },
        {
          question: "How do I reset my password?",
          answer: "Click 'Forgot password' on the login screen.",
        },
      ],
    },
    {
      title: "Billing",
      items: [
        {
          question: "When do I get charged?",
          answer: "On the same day each month, starting from your signup date.",
        },
      ],
    },
  ]}
  contactCTA="our team"
  contactHref="/contact"
/>

interface GroupedFAQGroup {
  title: string;
  items: GroupedFAQItem[];
}
 
interface GroupedFAQItem {
  question: string;
  answer: string;
}