first commit

2025-02-12 23:25:43 -05:00
commit d8c7ec4866
1400 changed files with 90826 additions and 0 deletions
@@ -0,0 +1,59 @@
+'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;