dev-chiefworks
60 lines
1.8 KiB
React
60 lines
1.8 KiB
React
'use client'
|
|
import React from "react";
|
|
import {
|
|
Accordion,
|
|
AccordionItem,
|
|
AccordionItemHeading,
|
|
AccordionItemButton,
|
|
AccordionItemPanel,
|
|
} from "react-accessible-accordion";
|
|
|
|
const FaqContent = [
|
|
{
|
|
title: " Register and create your first seller portal.",
|
|
desc: ` It only takes 5 minutes. Set-up is smooth & simple, with fully
|
|
customisable page design to reflect your brand lorem dummy.`,
|
|
expand: "a",
|
|
},
|
|
{
|
|
title: "Manage your client easily",
|
|
desc: ` It only takes 5 minutes. Set-up is smooth & simple, with fully
|
|
customisable page design to reflect your brand lorem dummy.`,
|
|
expand: "b",
|
|
},
|
|
{
|
|
title: "Start selling ticket",
|
|
desc: ` It only takes 5 minutes. Set-up is smooth & simple, with fully
|
|
customisable page design to reflect your brand lorem dummy.`,
|
|
expand: "c",
|
|
},
|
|
];
|
|
|
|
const Faq = () => {
|
|
return (
|
|
<div className="accordion-style-two pe-5">
|
|
<div className="faq-wrraper">
|
|
<Accordion preExpanded={["a"]} allowZeroExpanded>
|
|
{FaqContent.map((item, i) => (
|
|
<AccordionItem className="card" key={i} uuid={item.expand}>
|
|
<AccordionItemHeading className="card-header">
|
|
<AccordionItemButton>
|
|
<h5 className="mb-0">
|
|
<button className="btn btn-link">{item.title}</button>{" "}
|
|
</h5>
|
|
</AccordionItemButton>
|
|
</AccordionItemHeading>
|
|
{/* Accordion Heading */}
|
|
<AccordionItemPanel className="card-body fadeInUp">
|
|
<p>{item.desc}</p>
|
|
</AccordionItemPanel>
|
|
{/* Accordion Body Content */}
|
|
</AccordionItem>
|
|
))}
|
|
</Accordion>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Faq;
|