From 2ab71ca78441ff1681176289eb8720988f7cea30 Mon Sep 17 00:00:00 2001 From: Akash kumar kumawat Date: Tue, 2 Jul 2024 20:33:23 +0530 Subject: [PATCH] Add html for FAQS component --- .../viewport/components/reactComponents.tsx | 166 ++++++++++++++++++ 1 file changed, 166 insertions(+) diff --git a/apps/www/viewport/components/reactComponents.tsx b/apps/www/viewport/components/reactComponents.tsx index 614ff5e3..47ce2c6b 100644 --- a/apps/www/viewport/components/reactComponents.tsx +++ b/apps/www/viewport/components/reactComponents.tsx @@ -326,6 +326,172 @@ export default function FUIHeroSectionWithImage() { react: ` \nimport React from \"react\";\n\nexport default function FUIFaqsWithSearchBox() {\n const faqsList = [\n {\n q: \"What are some random questions to ask?\",\n a: \"That's exactly the reason we created this random question generator. There are hundreds of random questions to choose from so you're able to find the perfect random question.\",\n href: \"javascript:void(0)\",\n },\n {\n q: \"Do you include common questions?\",\n a: \"This generator doesn't include most common questions. The thought is that you can come up with common questions on your own so most of the questions in this generator.\",\n href: \"javascript:void(0)\",\n },\n {\n q: \"Can I use this for 21 questions?\",\n a: \"Yes! there are two ways that you can use this question generator depending on what you're after. You can indicate that you want 21 questions generated.\",\n href: \"javascript:void(0)\",\n },\n {\n q: \"Are these questions for girls or for boys?\",\n a: \"The questions in this generator are gender neutral and can be used to ask either male of females (or any other gender the person identifies with).\",\n href: \"javascript:void(0)\",\n },\n {\n q: \"What do you wish you had more talent doing?\",\n a: \"If you've been searching for a way to get random questions, you've landed on the correct webpage. We created the Random Question Generator to ask you as many random questions as your heart desires.\",\n href: \"javascript:void(0)\",\n },\n ];\n\n return (\n
\n \n\n
\n\n
\n
\n

\n How can we help?\n

\n

\n Everything you need to know about the product. Can’t find the answer\n you’re looking for? feel free to{\" \"}\n \n contact us\n \n .\n

\n e.preventDefault()}\n className=\"mx-auto sm:mx-auto \"\n >\n
\n \n \n
\n \n
\n \n
\n
    \n {faqsList.map((item, idx) => (\n
  • \n \n {item.q}\n \n

    \n \n Read more\n \n \n \n \n
    • \n ))}\n
\n
\n
\n
\n );\n}\n\n `, + html: ` +
+ back bg + +
+ +
+
+

How can we help?

+

+ Everything you need to know about the product. Can’t find the answer you’re looking for? feel free to + + contact us + + . +

+
+
+ + + + + +
+
+
+
+
+
    +
  • + + What are some random questions to ask? + +

    + That's exactly the reason we created this random question generator. There are hundreds of random + questions to choose from so you're able to find the perfect random question. +

    + + Read more + + + + +
    • +
  • + + Do you include common questions? + +

    + This generator doesn't include most common questions. The thought is that you can come up with common + questions on your own so most of the questions in this generator. +

    + + Read more + + + + +
    • +
  • + + Can I use this for 21 questions? + +

    + Yes! there are two ways that you can use this question generator depending on what you're after. You can + indicate that you want 21 questions generated.. +

    + + Read more + + + + +
    • +
  • + + Are these questions for girls or for boys? + +

    + The questions in this generator are gender neutral and can be used to ask either male of females (or any + other gender the person identifies with). +

    + + Read more + + + + +
    • +
  • + + What do you wish you had more talent doing? + +

    + If you've been searching for a way to get random questions, you've landed on the correct webpage. We + created the Random Question Generator to ask you as many random questions as your heart desires. +

    + + Read more + + + + +
    • +
+
+
+
+ +`, }, }, "farmui-faq-01": {