From d4ecb7aba937c77a3c1cd87ed632e6bcb52fb05a Mon Sep 17 00:00:00 2001
From: Elvin Kyungu <elvinkyungu.75@gmail.com>
Date: Sat, 9 Nov 2024 10:28:54 +0200
Subject: [PATCH] Transform Next.js FAQ component to Nuxt.js structure for
 compatibility

---
 src/blocks/faqs/plain.ts | 42 +++++++++++++++++++++++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

diff --git a/src/blocks/faqs/plain.ts b/src/blocks/faqs/plain.ts
index 0425584..1e178e2 100644
--- a/src/blocks/faqs/plain.ts
+++ b/src/blocks/faqs/plain.ts
@@ -84,7 +84,47 @@ const nextjsCode = `export default function FAQs(){
     )
 }`
 
-const nuxtjsCode = ``
+const nuxtjsCode = `
+    <section id="faqs" class="scroll-py-32 bg-white py-32 dark:bg-transparent">
+        <div class="mx-auto max-w-5xl px-6">
+            <div class="grid gap-y-12 px-2 lg:[grid-template-columns:1fr_auto]">
+                <div class="text-center lg:text-left">
+                    <h2 class="text-title mb-4 text-3xl font-semibold md:text-4xl">Frequently <br class="hidden lg:block" /> Asked <br class="hidden lg:block" />Questions</h2>
+                    <p>Accusantium quisquam. Illo, omnis?</p>
+                </div>
+
+                <div class="divide-y divide-dashed sm:mx-auto sm:max-w-lg lg:mx-0">
+                    <div class="pb-6">
+                        <h3 class="text-title font-medium">What is the refund policy?</h3>
+                        <p class="text-body mt-4">We offer a 30-day money back guarantee. If you are not satisfied with our product, you can request a refund within 30 days of your purchase.</p>
+
+                        <ol class="list-outside list-decimal space-y-2 pl-4">
+                            <li class="text-body mt-4">To request a refund, please contact our support team with your order number and reason for the refund.</li>
+                            <li class="text-body mt-4">Refunds will be processed within 3-5 business days.</li>
+                            <li class="text-body mt-4">Please note that refunds are only available for new customers and are limited to one per customer.</li>
+                        </ol>
+                    </div>
+                    <div class="py-6">
+                        <h3 class="text-title font-medium">How do I cancel my subscription?</h3>
+                        <p class="text-body mt-4">You can cancel your subscription at any time by logging into your account and clicking on the cancel button.</p>
+                    </div>
+                    <div class="py-6">
+                        <h3 class="text-title font-medium">Can I upgrade my plan?</h3>
+                        <p class="text-body my-4">Yes, you can upgrade your plan at any time by logging into your account and selecting the plan you want to upgrade to.</p>
+                        <ul class="list-outside list-disc space-y-2 pl-4">
+                            <li class="text-body">You will be charged the difference in price between your current plan and the plan you are upgrading to.</li>
+                            <li class="text-body">Your new plan will take effect immediately and you will be billed at the new rate on your next billing cycle.</li>
+                        </ul>
+                    </div>
+                    <div class="py-6">
+                        <h3 class="text-title font-medium">Do you offer phone support?</h3>
+                        <p class="text-body mt-4">We do not offer phone support at this time. However, you can contact us via email or live chat for any questions or concerns you may have.</p>
+                    </div>
+                </div>
+            </div>
+      </div>
+    </section>
+`
 
 export const plainCode: Code = {
     html: htmlCode,