"use client"; import { Badge } from "@/components/ui/badge"; import { cn } from "@/lib/utils"; interface FaqItem { question: string; answer: string; } interface Faq51Props { badge?: string; heading?: string; description?: string; items?: FaqItem[]; className?: string; } export const faq51Demo: Faq51Props = { badge: "FAQ", heading: "At a glance", description: "Key information about our platform.", items: [ { question: "Free Plan", answer: "3 projects • 1GB storage • Community support • Core features", }, { question: "Pro Plan", answer: "$12/mo • Unlimited projects • 100GB • Priority support", }, { question: "Enterprise", answer: "Custom pricing • SSO • Dedicated CSM • SLA guarantee", }, { question: "Security", answer: "SOC 2 • AES-256 • GDPR • Daily backups", }, { question: "Integrations", answer: "Slack • GitHub • Notion • Zapier • 50+ more", }, { question: "Support", answer: "Email • Chat • Phone • Documentation • Tutorials", }, ], }; export function Faq51({ badge, heading, description, items = [], className }: Faq51Props) { return (

{/* Header */}

{badge && ( {badge} )} {heading && (

{heading}

)} {description &&

{description}

}

{/* Two-tone Cards */}

{items.map((item, index) => (

{item.question}

{item.answer}

))}

); }