From c53cab67d98f92c7da88ed8298fa09e72dec2152 Mon Sep 17 00:00:00 2001
From: lazoliver <wilian.oliveiractt@gmail.com>
Date: Sat, 20 May 2023 16:22:28 -0300
Subject: [PATCH] FAQ

---
 components/footer/Footer.tsx |  4 +--
 components/header/Modals.tsx | 12 ++-----
 components/ui/Features.tsx   |  4 +--
 schemas.gen.json             |  2 +-
 sections/Faq.tsx             | 70 ++++++++++++++++++++----------------
 5 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/components/footer/Footer.tsx b/components/footer/Footer.tsx
index f02d9113..da04992e 100644
--- a/components/footer/Footer.tsx
+++ b/components/footer/Footer.tsx
@@ -1,6 +1,4 @@
-import Icon, {
-  AvailableIcons,
-} from "$store/components/ui/Icon.tsx";
+import Icon, { AvailableIcons } from "$store/components/ui/Icon.tsx";
 import Newsletter from "$store/islands/Newsletter.tsx";
 import type { ComponentChildren } from "preact";
 
diff --git a/components/header/Modals.tsx b/components/header/Modals.tsx
index 264683ce..7903e8f9 100644
--- a/components/header/Modals.tsx
+++ b/components/header/Modals.tsx
@@ -6,15 +6,9 @@ import type { Props as MenuProps } from "$store/components/header/Menu.tsx";
 import type { Props as SearchbarProps } from "$store/components/search/Searchbar.tsx";
 import Loading from "$store/components/ui/Loading.tsx";
 
-const Menu = lazy(() =>
-  import("$store/components/header/Menu.tsx")
-);
-const Cart = lazy(() =>
-  import("$store/components/minicart/Cart.tsx")
-);
-const Searchbar = lazy(() =>
-  import("$store/components/search/Searchbar.tsx")
-);
+const Menu = lazy(() => import("$store/components/header/Menu.tsx"));
+const Cart = lazy(() => import("$store/components/minicart/Cart.tsx"));
+const Searchbar = lazy(() => import("$store/components/search/Searchbar.tsx"));
 
 interface Props {
   menu: MenuProps;
diff --git a/components/ui/Features.tsx b/components/ui/Features.tsx
index 258a4dc9..b7391844 100644
--- a/components/ui/Features.tsx
+++ b/components/ui/Features.tsx
@@ -1,6 +1,4 @@
-import Icon, {
-  AvailableIcons,
-} from "$store/components/ui/Icon.tsx";
+import Icon, { AvailableIcons } from "$store/components/ui/Icon.tsx";
 
 export interface Feature {
   /**
diff --git a/schemas.gen.json b/schemas.gen.json
index 7f7faed8..f516bb5b 100644
--- a/schemas.gen.json
+++ b/schemas.gen.json
@@ -12572,4 +12572,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/sections/Faq.tsx b/sections/Faq.tsx
index 044937bf..2263fd16 100644
--- a/sections/Faq.tsx
+++ b/sections/Faq.tsx
@@ -1,35 +1,45 @@
 export interface Props {
-    contact: string;
-    questions: Array<{
-        question: string;
-        answer: string
-    }>;
+  contact: string;
+  questions: Array<{
+    question: string;
+    answer: string;
+  }>;
 }
 
-export default function FAQ({ questions, contact }: Props) {    
-    return (
+export default function FAQ({ questions, contact }: Props) {
+  return (
     <div class="base-500">
-        <div class="container sm:w-1/2 px-4 my-16">
-            <h2 class="text-5xl text-center mb-6">FAQs</h2>
-            <p class="text-lg text-center mb-20 p-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
-            <ul>
-                {questions.map(({
-                    question, answer
-                }) => 
-                    <div tabIndex={0} class="collapse collapse-arrow">
-                        <div>
-                            <li class="collapse-title border-t text-xl font-medium px-0">{question}</li>
-                        </div>
-                        <div class="collapse-content px-0 collapse-close">
-                            <li>{answer}</li>
-                        </div>
-                    </div>
-                )}
-            </ul>
-            <h3 class="text-4xl text-center mt-20 mb-3 p-text">Still have a question?</h3>
-            <p class="text-lg text-center mb-6 p-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-            <a href={contact} class="my-btn">Contact</a>
-        </div>
+      <div class="container sm:w-1/2 px-4 my-16">
+        <h2 class="text-5xl text-center mb-6">FAQs</h2>
+        <p class="text-lg text-center mb-20 p-text">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
+          varius enim in eros elementum tristique.
+        </p>
+        <ul>
+          {questions.map(({
+            question,
+            answer,
+          }) => (
+            <div tabIndex={0} class="collapse collapse-arrow">
+              <div>
+                <li class="collapse-title border-t text-xl font-medium px-0">
+                  {question}
+                </li>
+              </div>
+              <div class="collapse-content px-0 collapse-close">
+                <li>{answer}</li>
+              </div>
+            </div>
+          ))}
+        </ul>
+        <h3 class="text-4xl text-center mt-20 mb-3 p-text">
+          Still have a question?
+        </h3>
+        <p class="text-lg text-center mb-6 p-text">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+        </p>
+        <a href={contact} class="my-btn">Contact</a>
+      </div>
     </div>
-    )
-}
\ No newline at end of file
+  );
+}