Faq.js
2.39 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
import React from "react";
import {
Accordion,
AccordionItem,
AccordionItemHeading,
AccordionItemButton,
AccordionItemPanel,
} from "react-accessible-accordion";
import Heading from "./Heading";
const FaqContent = ({ data }) => {
return (
<>
<div className="faq-area">
<div className="container">
<div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */}
<Heading el="h2" heading={data?.Title} />
</div>
<div className="faq-accordion">
<Accordion allowZeroExpanded preExpanded={'0'}>
{data?.FAQList?.map((item, index) => (
<AccordionItem uuid={index.toString()} key={index}>
<AccordionItemHeading>
<AccordionItemButton>
{item.Question}
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<div dangerouslySetInnerHTML={{ __html: item.Description }} />
</AccordionItemPanel>
</AccordionItem>
))}
{/* <AccordionItem uuid="b">
<AccordionItemHeading>
<AccordionItemButton>
Are we asking you to outsource your client work to us?
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
No, we are here to empower you to deliver services to your clients in a digital environment with the support of a highly trained remote physical work force.
</p>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem uuid="c">
<AccordionItemHeading>
<AccordionItemButton>
Is this a plug-n-play?
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Yes, you just pay for the time or effort consumed. There are no prior fixed commitments on how many hours or days service you want to avail.
</p>
</AccordionItemPanel>
</AccordionItem> */}
</Accordion>
</div>
</div>
</div>
</>
);
};
export default FaqContent;