Include a FAQS section on saas page

This commit is contained in:
widgeter
2023-08-16 22:08:36 +02:00
parent c4b17c61b5
commit 46e9deae1d

View File

@ -10,6 +10,7 @@ import CallToAction from '~/components/widgets/CallToAction.astro';
import Pricing from '~/components/widgets/Pricing.astro'; import Pricing from '~/components/widgets/Pricing.astro';
import { headerData } from '~/navigation'; import { headerData } from '~/navigation';
import FAQs from '~/components/widgets/FAQs.astro';
const metadata = { const metadata = {
title: 'Saas Landing Page', title: 'Saas Landing Page',
@ -260,6 +261,40 @@ const metadata = {
]} ]}
/> />
<!-- FAQs Widget ******************* -->
<FAQs
title="Frequently Asked Questions"
items={[
{
title: 'Is AstroWind compatible with the latest versions of Astro and Tailwind CSS?',
description:
'Yes, AstroWind is designed to be compatible with the latest versions of both Astro and Tailwind CSS. This ensures that you can harness the full capabilities of these technologies while benefiting from the features offered by AstroWind.',
icon: 'tabler:chevrons-right',
},
{
title: 'Can I use AstroWind for both personal and commercial projects?',
description: `Certainly! AstroWind is versatile and can be used for a wide range of projects, including both personal and commercial endeavors. Whether you're building a professional portfolio, launching a startup, or creating a marketing website, AstroWind has you covered.`,
icon: 'tabler:chevrons-right',
},
{
title: 'What level of coding knowledge is required to use AstroWind?',
description:
'While some familiarity with HTML, CSS, and web development concepts is helpful, the user-friendly interface and customization options allow those with limited coding experience to create impressive websites. For more advanced users, AstroWind offers extensive customization capabilities.',
icon: 'tabler:chevrons-right',
},
{
title: 'Is customer support available for AstroWind users seeking guidance?',
description: `Absolutely, our dedicated customer support team is here to assist you with any questions or challenges you may encounter. Feel free to reach out to us through our support channels, and we'll be happy to provide the help you need.`,
icon: 'tabler:chevrons-right',
},
]}
>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
</FAQs>
<!-- Steps2 Widget ****************** --> <!-- Steps2 Widget ****************** -->
<Steps2 <Steps2