Faq Block 1

1import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'
2import { faqItems } from "@/components/data/faq-block-1-data"
3 
4export function FaqBlock1() {
5  return (
6    <div className='w-full py-16'>
7      <div className='mx-auto w-full max-w-4xl px-4 sm:px-6 lg:px-8'>
8        <div className='mb-12 text-center'>
9          <h2 className='mb-4 text-4xl font-bold'>Frequently asked questions</h2>
10          <p className='text-muted-foreground'>Everything you need to know about our different services.</p>
11        </div>
12 
13        <Accordion multiple className='flex flex-col gap-4'>
14          {faqItems.map(item => (
15            <AccordionItem key={item.value} value={item.value} className='rounded-md !border'>
16              <AccordionTrigger className='cursor-pointer px-4 py-4'>{item.question}</AccordionTrigger>
17              <AccordionContent className='text-muted-foreground px-4'>{item.answer}</AccordionContent>
18            </AccordionItem>
19          ))}
20        </Accordion>
21      </div>
22    </div>
23  )
24}
25 
26export default FaqBlock1