Faq 1

1"use client";
2 
3import {
4  Activity,
5  Clock,
6  DollarSign,
7  Download,
8  Globe,
9  HelpCircle,
10  Lock,
11  MessageCircle,
12  Scale,
13  Settings,
14  ShoppingBag,
15  Undo2,
16  Users,
17  WalletCards,
18  Zap,
19} from "lucide-react";
20import { AnimatePresence, motion, useReducedMotion } from "motion/react";
21import { useState } from "react";
22 
23const ANIMATION_DURATION = 0.3;
24const SPRING_STIFFNESS = 500;
25const SPRING_DAMPING = 30;
26const HOVER_SCALE = 1.02;
27const TAP_SCALE = 0.98;
28const FAQ_STAGGER_DELAY = 0.1;
29const INITIAL_Y_OFFSET = 20;
30const EXIT_Y_OFFSET = -20;
31 
32const iconMap = {
33  Activity,
34  Clock,
35  DollarSign,
36  Download,
37  Globe,
38  HelpCircle,
39  Lock,
40  MessageCircle,
41  Scale,
42  Settings,
43  ShoppingBag,
44  Undo2,
45  Users,
46  WalletCards,
47  Zap,
48};
49 
50interface FaqsGridProps {
51  categories?: Array<{
52    name: string;
53    id: string;
54    faqs: Array<{
55      question: string;
56      answer: string;
57      icon: string;
58    }>;
59  }>;
60  description?: string;
61  title?: string;
62}
63 
64export function FaqsGrid({
65  title = "FAQs",
66  description = "Discover quick and comprehensive answers to common questions about our platform, services, and features.",
67  categories = [
68    {
69      faqs: [
70        {
71          answer:
72            "You can install Smoothui using npm or yarn. Run `npm install smoothui` or `yarn add smoothui` in your project directory. It's completely free and open source.",
73          icon: "Download",
74          question: "How do I install Smoothui?",
75        },
76        {
77          answer:
78            "Smoothui works with React 16.8+ and supports all modern browsers. No additional dependencies are required beyond React and Tailwind CSS.",
79          icon: "Settings",
80          question: "What are the system requirements?",
81        },
82        {
83          answer:
84            "Yes! Smoothui is completely free and open source. You can start using it immediately without any trial limitations or hidden costs.",
85          icon: "Zap",
86          question: "Is Smoothui free to use?",
87        },
88      ],
89      id: "general",
90      name: "General",
91    },
92    {
93      faqs: [
94        {
95          answer:
96            "Smoothui includes over 50+ pre-built components including buttons, forms, navigation, modals, animations, and more. New components are added regularly.",
97          icon: "HelpCircle",
98          question: "How many components are included?",
99        },
100        {
101          answer:
102// … truncated