dev-chiefworks
83 lines
2.8 KiB
React
83 lines
2.8 KiB
React
'use client'
|
|
|
|
|
|
import React from "react";
|
|
import {
|
|
Accordion,
|
|
AccordionItem,
|
|
AccordionItemHeading,
|
|
AccordionItemButton,
|
|
AccordionItemPanel,
|
|
} from "react-accessible-accordion";
|
|
|
|
const FaqContent = [
|
|
{
|
|
title: "How does the free trial work?",
|
|
desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`,
|
|
expand: "a",
|
|
},
|
|
{
|
|
title: "How do you weigh different criteria in your process?",
|
|
desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`,
|
|
expand: "b",
|
|
},
|
|
{
|
|
title: " What does First Round look for in an idea?",
|
|
desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`,
|
|
expand: "c",
|
|
},
|
|
{
|
|
title: " What do you look for in a founding team?",
|
|
desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`,
|
|
expand: "d",
|
|
},
|
|
{
|
|
title: " Do you recommend Pay as you go or Pre pay?",
|
|
desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`,
|
|
expand: "e",
|
|
},
|
|
{
|
|
title: " Can I pass the fees on to my customers?",
|
|
desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`,
|
|
expand: "f",
|
|
},
|
|
{
|
|
title: "Roem ipsum dummy here will some questions?",
|
|
desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`,
|
|
expand: "g",
|
|
},
|
|
];
|
|
|
|
const FaqFour = () => {
|
|
return (
|
|
<div
|
|
className="accordion-style-four"
|
|
data-aos="fade-up"
|
|
data-aos-duration="1200"
|
|
>
|
|
<div className="faq-wrraper">
|
|
<Accordion preExpanded={["b"]} 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 FaqFour;
|