diff options
Diffstat (limited to 'src/pages/pricing.astro')
| -rw-r--r-- | src/pages/pricing.astro | 244 |
1 files changed, 244 insertions, 0 deletions
diff --git a/src/pages/pricing.astro b/src/pages/pricing.astro new file mode 100644 index 0000000..0e7fb1a --- /dev/null +++ b/src/pages/pricing.astro @@ -0,0 +1,244 @@ +--- +import Layout from '~/layouts/PageLayout.astro'; +import HeroText from '~/components/widgets/HeroText.astro'; +import Prices from '~/components/widgets/Pricing.astro'; +import FAQs from '~/components/widgets/FAQs.astro'; +import Steps from '~/components/widgets/Steps.astro'; +import Features3 from '~/components/widgets/Features3.astro'; +import CallToAction from '~/components/widgets/CallToAction.astro'; + +const metadata = { + title: 'Pricing', +}; +--- + +<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 ******************* --> + + <Prices + title="Our prices" + subtitle="Only pay for what you need" + prices={[ + { + title: 'basic', + subtitle: 'Optimal choice for personal use', + price: 29, + period: 'per month', + items: [ + { + description: 'Etiam in libero, et volutpat', + }, + { + description: 'Aenean ac nunc dolor tristique', + }, + { + description: 'Cras scelerisque accumsan lib', + }, + { + description: 'In hac habitasse', + }, + ], + callToAction: { + target: '_blank', + text: 'Get started', + href: '#', + }, + }, + { + title: 'standard', + subtitle: 'Optimal choice for small teams', + price: 69, + period: 'Per Month', + items: [ + { + description: 'Proin vel laoreet', + }, + { + description: 'Ut efficitur habitasse egestas', + }, + { + description: 'Volutpat hac curabitur', + }, + { + description: 'Pellentesque blandit ut nibh', + }, + { + description: 'Donec fringilla sem', + }, + ], + callToAction: { + target: '_blank', + text: 'Get started', + href: '#', + }, + hasRibbon: true, + ribbonTitle: 'popular', + }, + { + title: 'premium', + subtitle: 'Optimal choice for companies', + price: 199, + period: 'Per Month', + items: [ + { + description: 'Curabitur suscipit risus', + }, + { + description: 'Aliquam habitasse malesuada', + }, + { + description: 'Suspendisse sit amet blandit', + }, + { + description: 'Suspendisse auctor blandit dui', + }, + ], + callToAction: { + target: '_blank', + text: 'Get started', + href: '#', + }, + }, + ]} + /> + + <!-- Features3 Widget ************** --> + + <Features3 + title="Price-related features" + subtitle="Discover the advantages of choosing our plans" + columns={2} + items={[ + { + title: 'Tiered Pricing Plans', + description: 'Choose from a range of pricing plans designed to accommodate different budgets and requirements.', + icon: 'tabler:stairs', + }, + { + title: 'Transparent Pricing', + description: 'Clearly displayed pricing details for each plan, with no hidden costs or unexpected charges.', + icon: 'tabler:flip-vertical', + }, + { + title: 'Secure Payment Methods', + description: 'Secure payment gateways to protect your financial information during transactions.', + icon: 'tabler:shield-lock', + }, + { + title: 'Instant Access', + description: `Immediate access to your chosen plan's features and templates upon subscription.`, + icon: 'tabler:accessible', + }, + { + title: 'Upgrade Value', + description: 'Upgrade to higher-tier plans to unlock more features and benefits for an enhanced experience.', + icon: 'tabler:chevrons-up', + }, + { + title: '24H support', + description: 'Questions answered via live chat, email or phone, every calendar day.', + icon: 'tabler:headset', + }, + ]} + classes={{ container: 'max-w-5xl' }} + /> + + <!-- Steps Widget ****************** --> + + <Steps + title="A guided journey from plans to creativity" + tagline="simplified process" + isReversed={true} + items={[ + { + title: 'Explore plans', + icon: 'tabler:number-1', + }, + { + title: 'Select a plan', + icon: 'tabler:number-2', + }, + { + title: 'Sign Up / Log In', + icon: 'tabler:number-3', + }, + { + title: 'Review order', + icon: 'tabler:number-4', + }, + { + title: 'Enter payment details', + icon: 'tabler:number-5', + }, + { + title: 'Confirmation', + icon: 'tabler:number-6', + }, + { + title: 'Download and start using the template(s)', + icon: 'tabler:number-7', + }, + ]} + image={{ + src: 'https://images.unsplash.com/photo-1536816579748-4ecb3f03d72a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=987&q=80', + alt: 'Steps image', + }} + /> + + <!-- FAQs Widget ******************* --> + + <FAQs + title="Pricing FAQs" + subtitle="Choosing the right plan is important, and we're here to answer your questions. If you have queries about our pricing options, you're in the right place." + columns={1} + items={[ + { + title: 'Do the plans come with customer support?', + description: + 'Absolutely, all plans include access to our dedicated customer support to assist you with any queries or concerns.', + }, + { + title: 'Is there a trial period for the different plans?', + description: + "Unfortunately, we don't offer trial periods for the plans. However, you can check out our demo section to preview the quality of our templates.", + }, + { + title: 'Can I switch between plans?', + description: + 'Certainly! You can easily upgrade or downgrade your plan, at any time, to find the one that best suits your evolving requirements.', + }, + { + title: 'What payment methods do you accept?', + description: + 'We accept major credit cards and online payment methods to ensure a convenient and secure transaction process.', + }, + { + title: 'Are there any hidden fees beyond the displayed cost?', + description: + 'No, the subscription cost covers all the features and templates listed under each plan. There are no hidden fees or extra charges.', + }, + ]} + /> + + <!-- CallToAction Widget *********** --> + + <CallToAction + title="Ready to boost your projects?" + subtitle="Join our community of satisfied customers who have transformed their work with our templates." + actions={[ + { + variant: 'primary', + text: 'Get started now', + href: '/', + }, + ]} + /> +</Layout> |