Skip to content

Add Nuxt.js FAQ component #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add Nuxt.js FAQ component #4

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 41 additions & 1 deletion src/blocks/faqs/plain.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down