questions

components/FAQBlock.tsx

@@ -84,6 +84,49 @@ const DisclosureContainer: FC<PropsWithChildren> = ({ children }) => {
   );
 };
 
+const questions = [
+  {
+    question: 'What makes your budgeting app stand out from the others?',
+    answer:
+      "Our app is designed to minimize your time spent on managing your child's allowance, giving you more quality moments to connect and enjoy family time.",
+  },
+  {
+    question: 'How much does it cost?',
+    answer:
+      'Our app is free to use. We do not charge any fees for using our app.',
+  },
+  {
+    question: 'Does it work on Android and iOS?',
+    answer:
+      'Yes, our app works on both Android and iOS. You can download our app from the Google Play Store and Apple App Store.',
+  },
+  {
+    question: 'How do I get started?',
+    answer:
+      'Press the button above to sign up for an account. Once you have signed up, you can add your children and start managing their allowance.',
+  },
+  {
+    question: 'Can children use the app themselves?',
+    answer:
+      'Yes, children can use the app themselves. They can view their allowance balance, manage goals, track expenses.',
+  },
+  {
+    question: 'Can I share the app with a relative?',
+    answer:
+      'Yes, you can share the app with your spouse or any other person you know.',
+  },
+  {
+    question: 'Can I add multiple children?',
+    answer:
+      'Yes, you can add multiple children. You can add as many children as you want.',
+  },
+  {
+    question: 'Can I add multiple parents?',
+    answer:
+      'Yes, you can add multiple parents. You can add as many parents as you want.',
+  },
+];
+
 export default function FAQBlock() {
   return (
     <section className={'md:flex mt-10 md:my-28'}>
@@ -96,71 +139,18 @@ export default function FAQBlock() {
       </div>
 
       <div className="w-full">
-        <Disclosure>
-          {({ open }) => (
-            <DisclosureContainer>
-              <CustomDisclosureButton open={open}>
-                Does Budgeting app work on Safari or other browsers?
-              </CustomDisclosureButton>
-              <CustomDisclosurePanel>
-                Currently, we only have the Chrome extension. Safari plugin will
-                be available in 2 months. Sign up at the wait-list here
-              </CustomDisclosurePanel>
-            </DisclosureContainer>
-          )}
-        </Disclosure>
-        <Disclosure>
-          {({ open }) => (
-            <DisclosureContainer>
-              <CustomDisclosureButton open={open}>
-                Does it work on mobile?
-              </CustomDisclosureButton>
-              <CustomDisclosurePanel>
-                Currently, we only have the Chrome extension. Safari plugin will
-                be available in 2 months. Sign up at the wait-list here
-              </CustomDisclosurePanel>
-            </DisclosureContainer>
-          )}
-        </Disclosure>
-        <Disclosure>
-          {({ open }) => (
-            <DisclosureContainer>
-              <CustomDisclosureButton open={open}>
-                How can I install Budgeting kid on an Android device?
-              </CustomDisclosureButton>
-              <CustomDisclosurePanel>
-                Currently, we only have the Chrome extension. Safari plugin will
-                be available in 2 months. Sign up at the wait-list here
-              </CustomDisclosurePanel>
-            </DisclosureContainer>
-          )}
-        </Disclosure>
-        <Disclosure>
-          {({ open }) => (
-            <DisclosureContainer>
-              <CustomDisclosureButton open={open}>
-                How can I install Budgetingkid on an iPhone or iPad?
-              </CustomDisclosureButton>
-              <CustomDisclosurePanel>
-                Currently, we only have the Chrome extension. Safari plugin will
-                be available in 2 months. Sign up at the wait-list here
-              </CustomDisclosurePanel>
-            </DisclosureContainer>
-          )}
-        </Disclosure>
-        <Disclosure>
-          {({ open }) => (
-            <DisclosureContainer>
-              <CustomDisclosureButton open={open}>
-                How can I install Budgetingkid on SmartTV?
-              </CustomDisclosureButton>
-              <CustomDisclosurePanel>
-                Currently, we only have the Chrome extension. Safari plugin will
-                be available in 2 months. Sign up at the wait-list here
-              </CustomDisclosurePanel>
-            </DisclosureContainer>
-          )}
-        </Disclosure>
+        {questions.map((question, index) => (
+          <Disclosure key={index}>
+            {({ open }) => (
+              <DisclosureContainer>
+                <CustomDisclosureButton open={open}>
+                  {question.question}
+                </CustomDisclosureButton>
+                <CustomDisclosurePanel>{question.answer}</CustomDisclosurePanel>
+              </DisclosureContainer>
+            )}
+          </Disclosure>
+        ))}
       </div>
     </section>
   );