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

Add HeroText widget for H1

Browse Source
This commit is contained in:
prototypa
2023-08-16 03:31:17 -04:00
parent b10129dccc
commit c427070a1a
1 changed files with 48 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/pages/pricing.astro
View File

@ -1,5 +1,6 @@
--- ---
import Layout from '~/layouts/PageLayout.astro'; import Layout from '~/layouts/PageLayout.astro';
import HeroText from '~/components/widgets/HeroText.astro';
import Prices from '~/components/widgets/Pricing.astro'; import Prices from '~/components/widgets/Pricing.astro';
import FAQs from '~/components/widgets/FAQs.astro'; import FAQs from '~/components/widgets/FAQs.astro';
import Steps from '~/components/widgets/Steps.astro'; import Steps from '~/components/widgets/Steps.astro';
@ -12,6 +13,14 @@ const metadata = {
--- ---
<Layout metadata={metadata}> <Layout metadata={metadata}>
<!-- HeroText Widget ******************* -->
<HeroText
tagline="Pricing"
title="Stellar Pricing for Every Journey"
subtitle="Choose the perfect plan that aligns with your cosmic goals."
/>
<!-- Pricing Widget ******************* --> <!-- Pricing Widget ******************* -->
<Prices <Prices
@ -101,45 +110,46 @@ const metadata = {
]} ]}
/> />
<!-- Features3 Widget ************** --> <!-- Features3 Widget ************** -->
<Features3 <Features3
title="Price-related features" title="Price-related features"
subtitle="Discover the advantages of choosing our plans" subtitle="Discover the advantages of choosing our plans"
columns={3} columns={2}
items={[ items={[
{ {
title: 'Tiered Pricing Plans', title: 'Tiered Pricing Plans',
description: 'Choose from a range of pricing plans designed to accommodate different budgets and requirements.', description: 'Choose from a range of pricing plans designed to accommodate different budgets and requirements.',
icon: 'tabler:stairs', icon: 'tabler:stairs',
}, },
{ {
title: 'Transparent Pricing', title: 'Transparent Pricing',
description: 'Clearly displayed pricing details for each plan, with no hidden costs or unexpected charges.', description: 'Clearly displayed pricing details for each plan, with no hidden costs or unexpected charges.',
icon: 'tabler:flip-vertical', icon: 'tabler:flip-vertical',
}, },
{ {
title: 'Secure Payment Methods', title: 'Secure Payment Methods',
description: 'Secure payment gateways to protect your financial information during transactions.', description: 'Secure payment gateways to protect your financial information during transactions.',
icon: 'tabler:shield-lock', icon: 'tabler:shield-lock',
}, },
{ {
title: 'Instant Access', title: 'Instant Access',
description: `Immediate access to your chosen plan's features and templates upon subscription.`, description: `Immediate access to your chosen plan's features and templates upon subscription.`,
icon: 'tabler:accessible', icon: 'tabler:accessible',
}, },
{ {
title: 'Upgrade Value', title: 'Upgrade Value',
description: 'Upgrade to higher-tier plans to unlock more features and benefits for an enhanced experience.', description: 'Upgrade to higher-tier plans to unlock more features and benefits for an enhanced experience.',
icon: 'tabler:chevrons-up', icon: 'tabler:chevrons-up',
}, },
{ {
title: '24H support', title: '24H support',
description: 'Questions answered via live chat, email or phone, every calendar day.', description: 'Questions answered via live chat, email or phone, every calendar day.',
icon: 'tabler:headset', icon: 'tabler:headset',
}, },
]} ]}
/> classes={{ container: "max-w-5xl"}}
/>
<!-- Steps Widget ****************** --> <!-- Steps Widget ****************** -->