From b3a27c3f79238fde015084276705a30ff7f82c7e Mon Sep 17 00:00:00 2001
From: James Wyndham <samwyn@xam.com.au>
Date: Thu, 21 Mar 2024 07:17:41 +0800
Subject: [PATCH] feature - modified FAQ

---
 Frontend/components/FAQQuestion.tsx           | 61 -------------------
 .../FAQ/RightAlignedBorderBottomFAQ.tsx       | 17 +++---
 2 files changed, 10 insertions(+), 68 deletions(-)
 delete mode 100644 Frontend/components/FAQQuestion.tsx

diff --git a/Frontend/components/FAQQuestion.tsx b/Frontend/components/FAQQuestion.tsx
deleted file mode 100644
index b79a24b..0000000
--- a/Frontend/components/FAQQuestion.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import Link from "next/link";
-import React from "react";
-
-const FAQQuestion = ({
-  title,
-  children,
-}: {
-  title: string;
-  children: React.ReactNode;
-}) => {
-  return (
-    <div
-      className="hs-accordion hs-accordion-active:bg-gray-100 rounded-xl p-6 dark:hs-accordion-active:bg-base-100/[.05] active"
-      id="hs-basic-with-title-and-arrow-stretched-heading-one"
-    >
-      <button
-        className="hs-accordion-toggle group pb-3 inline-flex items-center justify-between gap-x-3 w-full md:text-lg font-semibold text-start text-gray-800 rounded-lg transition hover:text-gray-500 dark:text-gray-200 dark:hover:text-gray-400 dark:focus:outline-none"
-        aria-controls="hs-basic-with-title-and-arrow-stretched-collapse-one"
-      >
-        {title}
-        <svg
-          className="hs-accordion-active:hidden block flex-shrink-0 w-5 h-5 text-gray-600 group-hover:text-gray-500 dark:text-gray-400"
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        >
-          <path d="m6 9 6 6 6-6" />
-        </svg>
-        <svg
-          className="hs-accordion-active:block hidden flex-shrink-0 w-5 h-5 text-gray-600 group-hover:text-gray-500 dark:text-gray-400"
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        >
-          <path d="m18 15-6-6-6 6" />
-        </svg>
-      </button>
-      <div
-        id="hs-basic-with-title-and-arrow-stretched-collapse-one"
-        className="hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
-        aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-one"
-      >
-        {children}
-      </div>
-    </div>
-  );
-};
-
-export default FAQQuestion;
diff --git a/Frontend/sections/FAQ/RightAlignedBorderBottomFAQ.tsx b/Frontend/sections/FAQ/RightAlignedBorderBottomFAQ.tsx
index dfdb6d9..443bce6 100644
--- a/Frontend/sections/FAQ/RightAlignedBorderBottomFAQ.tsx
+++ b/Frontend/sections/FAQ/RightAlignedBorderBottomFAQ.tsx
@@ -54,13 +54,16 @@ function RightAlignedBorderBottomFAQ() {
               </div>
               <div className="collapse-content">
                 <p>
-                  1/ The NextJS starter with all the boilerplate code you need
-                  to run an online business: a payment system, a database,
-                  login, a blog, UI components, and much more. The repo is
-                  available in: - Typescript - /app router and /pages router. 2/
-                  The documentation helps you set up your app from scratch,
-                  write copy that sells, and ship fast. 3/ Access to deployment
-                  templates to self host your app for free
+                  1.The NextJS starter with all the boilerplate code you need to
+                  run an online business: a payment system, a database, login, a
+                  blog, UI components, and much more.
+                </p>
+                <p>
+                  2. Documentation that helps you set up your app from scratch
+                </p>
+                <p>
+                  3. Access to deployment templates to self host your app for
+                  free
                 </p>
               </div>
             </div>