mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Include Faqs widget in startup page

Browse Source
This commit is contained in:
widgeter
2023-08-04 22:03:31 +02:00
parent 157b207c9c
commit d596ad13ed
3 changed files with 52 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/widgets/Hero.astro
View File

@ -1,7 +1,7 @@
---
import { Icon } from 'astro-icon/components';
import { Picture } from '@astrojs/image/components';
import type { CallToAction } from '~/components/widgets/CallToAction.astro';
import { CallToAction } from '~/types';
export interface Props {
title?: string;
@ -48,7 +48,8 @@ const {
<a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
{callToAction?.icon && (
<>
<Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />&nbsp;
<Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />
&nbsp;
</>
)}
{callToAction?.text}
@ -66,7 +67,8 @@ const {
<a class="btn w-full" href={callToAction2?.href}>
{callToAction2?.icon && (
<>
<Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />&nbsp;
<Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />
&nbsp;
</>
)}
{callToAction2.text}

7
src/components/widgets/Hero2.astro
View File

@ -1,8 +1,7 @@
---
import { Icon } from 'astro-icon/components';
import { Picture } from '@astrojs/image/components';
import type { CallToAction } from '~/components/widgets/CallToAction.astro';
import { CallToAction } from '~/types';
export interface Props {
title?: string;
@ -39,7 +38,9 @@ const {
}
<div class="max-w-3xl mx-auto lg:max-w-none">
{subtitle && <p class="text-xl text-muted mb-6 dark:text-slate-300" set:html={subtitle} />}
<div class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4 lg:justify-start lg:m-0 lg:max-w-7xl">
<div
class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4 lg:justify-start lg:m-0 lg:max-w-7xl"
>
{
callToAction && (
<div class="flex w-full sm:w-auto">

43
src/pages/landing/startup.astro
View File

@ -10,6 +10,7 @@ import Features2 from '~/components/widgets/Features2.astro';
import Features from '~/components/widgets/Features.astro';
import Stats from '~/components/widgets/Stats.astro';
import Features3 from '~/components/widgets/Features3.astro';
import FAQs from '~/components/widgets/FAQs.astro';
const metadata = {
title: 'Startup Landing Page',
@ -139,6 +140,48 @@ const metadata = {
]}
/>
<!-- FAQs Widget ******************* -->
<FAQs
title="Frequently Asked Questions"
items={[
{
title: 'What are landing page templates?',
description:
'Landing page templates are pre-designed web page layouts that are specifically created to serve as a foundation for building effective landing pages. These templates are designed to capture the attention of visitors and guide them towards a specific action or goal, such as signing up for a newsletter, making a purchase, or downloading a resource.',
},
{
title: 'Why should I use a template?',
description:
'Some of the advantages are that they provide a ready-to-use structure, saving you significant time. Are designed with user-friendliness in mind and provide a cost-effective alternative, saving you money while still delivering a quality result.',
},
{
title: 'Can I preview templates before buying?',
description:
'Yes, the templates allow you to preview them before making a purchase. There is a "Demo" button associated with each template.',
},
{
title: 'Do I need technical skills to use a template?',
description:
'Advanced technical skills are not required to use a template, but having a basic understanding of web navigation and familiarity with using online tools can still be beneficial. If you have more specific customization needs, you might need to consult guides or reach out to customer support for assistance.',
},
{
title: 'Can I use the template on multiple websites?',
description:
'No, the template comes with a single-use license, meaning you can use the template on one website or project only. Using the template on additional websites would require purchasing additional licenses.',
},
{
title: 'What if I need help with customization?',
description:
"The templates provides a comprehensive step-by-step guide that walk you through the customization process. If you still have doubts, you can reach out to our customer support team. They can answer your questions, provide guidance on customization, and address any issues you're facing.",
},
]}
>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
</FAQs>
<!-- CallToAction Widget *********** -->
<CallToAction