FAQ Section

1import Link from "next/link";
2import { ReactNode } from "react";
3 
4 
5import {
6  Accordion,
7  AccordionContent,
8  AccordionItem,
9  AccordionTrigger,
10} from "../../ui/accordion";
11import { Section } from "../../ui/section";
12 
13interface FAQItemProps {
14  question: string;
15  answer: ReactNode;
16  value?: string;
17}
18 
19interface FAQProps {
20  title?: string;
21  items?: FAQItemProps[] | false;
22  className?: string;
23}
24 
25export default function FAQ({
26  title = "Questions and Answers",
27  items = [
28    {
29      question:
30        "Why is building a great landing page critical for your business?",
31      answer: (
32        <>
33          <p className="text-muted-foreground mb-4 max-w-[640px] text-balance">
34            In today&apos;s AI-driven world, standing out is harder than ever.
35            While anyone can build a product, a professional landing page makes
36            the difference between success and failure.
37          </p>
38          <p className="text-muted-foreground mb-4 max-w-[640px] text-balance">
39            Launch UI helps you ship faster without compromising on quality.
40          </p>
41        </>
42      ),
43    },
44    {
45      question: "Why use Launch UI instead of a no-code tool?",
46      answer: (
47        <>
48          <p className="text-muted-foreground mb-4 max-w-[600px]">
49            No-code tools lock you into their ecosystem with recurring fees and
50            limited control. They often come with performance issues and make it
51            difficult to integrate with your product.
52          </p>
53          <p className="text-muted-foreground mb-4 max-w-[600px]">
54            You can&apos;t even change your hosting provider and basic things
55            like web analytics come as extra costs and paid add-ons.
56          </p>
57          <p className="text-muted-foreground mb-4 max-w-[600px]">
58            What might seem like a convenient solution today could paint you
59            into a corner tomorrow, limiting your ability to scale and adapt.
60            Launch UI gives you full control of your code while maintaining
61            professional quality.
62          </p>
63        </>
64      ),
65    },
66    {
67      question:
68        "How is Launch UI different from other component libraries and templates?",
69      answer: (
70        <>
71          <p className="text-muted-foreground mb-4 max-w-[580px]">
72            Launch UI stands out with premium design quality and delightful
73            touches of custom animations and illustrations.
74          </p>
75// … truncated