Netlify upload
This commit is contained in:
becarta
@@ -37,7 +37,7 @@ import '@fontsource-variable/inter';
|
|||||||
--aw-color-bg-page-dark: rgb(3 6 32);
|
--aw-color-bg-page-dark: rgb(3 6 32);
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background-color: lavender;
|
description-color: lavender;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -56,15 +56,9 @@ import '@fontsource-variable/inter';
|
|||||||
--aw-color-bg-page: rgb(3 6 32);
|
--aw-color-bg-page: rgb(3 6 32);
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background-color: black;
|
description-color: black;
|
||||||
color: snow;
|
color: snow;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-hero {
|
|
||||||
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../assets/images/richardbergsma.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -2,7 +2,6 @@
|
|||||||
import Layout from '~/layouts/Layout.astro';
|
import Layout from '~/layouts/Layout.astro';
|
||||||
import Header from '~/components/widgets/Header.astro';
|
import Header from '~/components/widgets/Header.astro';
|
||||||
import Footer from '~/components/widgets/Footer.astro';
|
import Footer from '~/components/widgets/Footer.astro';
|
||||||
import Announcement from '~/components/widgets/Announcement.astro';
|
|
||||||
|
|
||||||
import { headerData, footerData } from '~/navigation';
|
import { headerData, footerData } from '~/navigation';
|
||||||
|
|
||||||
@@ -16,9 +15,6 @@ const { metadata } = Astro.props;
|
|||||||
---
|
---
|
||||||
|
|
||||||
<Layout metadata={metadata}>
|
<Layout metadata={metadata}>
|
||||||
<slot name="announcement">
|
|
||||||
<Announcement />
|
|
||||||
</slot>
|
|
||||||
<slot name="header">
|
<slot name="header">
|
||||||
<Header {...headerData} isSticky showRssFeed showToggleTheme />
|
<Header {...headerData} isSticky showRssFeed showToggleTheme />
|
||||||
</slot>
|
</slot>
|
||||||
|
|||||||
@@ -3,119 +3,15 @@ import { getPermalink, getBlogPermalink, getAsset } from './utils/permalinks';
|
|||||||
export const headerData = {
|
export const headerData = {
|
||||||
links: [
|
links: [
|
||||||
{
|
{
|
||||||
text: 'Homes',
|
text: 'Home',
|
||||||
links: [
|
href: getPermalink('/'),
|
||||||
{
|
|
||||||
text: 'SaaS',
|
|
||||||
href: getPermalink('/homes/saas'),
|
|
||||||
},
|
},
|
||||||
{
|
{ text: 'About', href: getPermalink('/#about')},
|
||||||
text: 'Startup',
|
{ text: 'Resume', href: getPermalink('/#resume') },
|
||||||
href: getPermalink('/homes/startup'),
|
{ text: 'Porfolio', href: getPermalink('/#porfolio') },
|
||||||
},
|
{ text: 'Blog', href: getPermalink('/blog') },
|
||||||
{
|
|
||||||
text: 'Mobile App',
|
]
|
||||||
href: getPermalink('/homes/mobile-app'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Personal',
|
|
||||||
href: getPermalink('/homes/personal'),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Pages',
|
|
||||||
links: [
|
|
||||||
{
|
|
||||||
text: 'Features (Anchor Link)',
|
|
||||||
href: getPermalink('/#features'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Services',
|
|
||||||
href: getPermalink('/services'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Pricing',
|
|
||||||
href: getPermalink('/pricing'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'About us',
|
|
||||||
href: getPermalink('/about'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Contact',
|
|
||||||
href: getPermalink('/contact'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Terms',
|
|
||||||
href: getPermalink('/terms'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Privacy policy',
|
|
||||||
href: getPermalink('/privacy'),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Landing',
|
|
||||||
links: [
|
|
||||||
{
|
|
||||||
text: 'Lead Generation',
|
|
||||||
href: getPermalink('/landing/lead-generation'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Long-form Sales',
|
|
||||||
href: getPermalink('/landing/sales'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Click-Through',
|
|
||||||
href: getPermalink('/landing/click-through'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Product Details (or Services)',
|
|
||||||
href: getPermalink('/landing/product'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Coming Soon or Pre-Launch',
|
|
||||||
href: getPermalink('/landing/pre-launch'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Subscription',
|
|
||||||
href: getPermalink('/landing/subscription'),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Blog',
|
|
||||||
links: [
|
|
||||||
{
|
|
||||||
text: 'Blog List',
|
|
||||||
href: getBlogPermalink(),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Article',
|
|
||||||
href: getPermalink('get-started-website-with-astro-tailwind-css', 'post'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Article (with MDX)',
|
|
||||||
href: getPermalink('markdown-elements-demo-post', 'post'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Category Page',
|
|
||||||
href: getPermalink('tutorials', 'category'),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Tag Page',
|
|
||||||
href: getPermalink('astro', 'tag'),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Widgets',
|
|
||||||
href: '#',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
actions: [{ text: 'Download', href: 'https://github.com/onwidget/astrowind', target: '_blank' }],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const footerData = {
|
export const footerData = {
|
||||||
|
|||||||
@@ -1,244 +0,0 @@
|
|||||||
---
|
|
||||||
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>
|
|
||||||
@@ -1,224 +0,0 @@
|
|||||||
---
|
|
||||||
import CallToAction from '~/components/widgets/CallToAction.astro';
|
|
||||||
import Content from '~/components/widgets/Content.astro';
|
|
||||||
import Features2 from '~/components/widgets/Features2.astro';
|
|
||||||
import Hero from '~/components/widgets/Hero.astro';
|
|
||||||
import Testimonials from '~/components/widgets/Testimonials.astro';
|
|
||||||
import Layout from '~/layouts/PageLayout.astro';
|
|
||||||
|
|
||||||
const metadata = {
|
|
||||||
title: 'Services',
|
|
||||||
};
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout metadata={metadata}>
|
|
||||||
<!-- Hero Widget ******************* -->
|
|
||||||
|
|
||||||
<Hero
|
|
||||||
tagline="Services"
|
|
||||||
title="Elevate your projects with our stunning templates"
|
|
||||||
subtitle="Explore our meticulously crafted templates tailored to various industries and purposes. From captivating presentations to functional website designs, we offer the tools you need to succeed."
|
|
||||||
actions={[{ variant: 'primary', target: '_blank', text: 'Start exploring', href: '/' }]}
|
|
||||||
image={{
|
|
||||||
src: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
|
|
||||||
alt: 'AstroWind Hero Image',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- Features2 Widget ************** -->
|
|
||||||
|
|
||||||
<Features2
|
|
||||||
title="Explore our diverse templates"
|
|
||||||
subtitle="Discover our selection below to streamline and elevate your projects."
|
|
||||||
columns={3}
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: 'Educational',
|
|
||||||
description:
|
|
||||||
'By harmonizing instructional design and visual appeal, templates streamline content creation for varied materials, expediting development and cultivating engaging educational spaces.',
|
|
||||||
icon: 'tabler:school',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Interior Design',
|
|
||||||
description:
|
|
||||||
'Crafting functional, visually appealing spaces for residential and commercial use. Templates emphasize layout, colors, and furniture setups, offering a versatile toolkit for your design vision.',
|
|
||||||
icon: 'tabler:home-star',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Photography',
|
|
||||||
description: `Empowering photographers, our templates facilitate captivating storytelling. With a keen focus on layout, galleries, and typography, they cater to both professionals and enthusiasts.`,
|
|
||||||
icon: 'tabler:photo',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'E-commerce',
|
|
||||||
description:
|
|
||||||
'Developing engaging online stores, our E-commerce templates ensure a dynamic presence to effectively showcase products. Ideal for startups or revamps.',
|
|
||||||
icon: 'tabler:shopping-cart',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Blog',
|
|
||||||
description:
|
|
||||||
'With attention to typography, these templates empower effective content presentation for writers at any stage, ensuring visually engaging and user-friendly blogs.',
|
|
||||||
icon: 'tabler:article',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Business',
|
|
||||||
description:
|
|
||||||
'Providing polished options for effective visual communication, these templates empower both startups and established companies for a professional brand presence.',
|
|
||||||
icon: 'tabler:building-store',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Branding',
|
|
||||||
description:
|
|
||||||
'Offering pre-designed elements for a consistent brand identity, including logos and marketing materials. Ideal for new ventures or revamps.',
|
|
||||||
icon: 'tabler:arrow-big-up-lines',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Medical',
|
|
||||||
description: `From presentations to patient forms, these tools enhance communication effectiveness for healthcare professionals. Ideal for medical practices and research pursuits.`,
|
|
||||||
icon: 'tabler:vaccine',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Fashion Design',
|
|
||||||
description:
|
|
||||||
'With attention to detail, customization, and contemporary design, they empower designers to showcase ideas cohesively. Ideal for all levels of designers.',
|
|
||||||
icon: 'tabler:tie',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- Content Widget **************** -->
|
|
||||||
|
|
||||||
<Content
|
|
||||||
isReversed
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: 'High-Quality Designs',
|
|
||||||
description:
|
|
||||||
'Our templates feature top-tier designs that ensure a professional and polished appearance for your projects.',
|
|
||||||
icon: 'tabler:wand',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Customization Tools',
|
|
||||||
description:
|
|
||||||
'Tailor each template to your unique needs with user-friendly customization tools that let you personalize colors, fonts, and content.',
|
|
||||||
icon: 'tabler:settings',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Pre-Designed Elements',
|
|
||||||
description:
|
|
||||||
'Save time and effort with our ready-to-use elements, including graphics, icons, and layouts that enhance the visual appeal of your creations.',
|
|
||||||
icon: 'tabler:presentation',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Preview and Mockup Views',
|
|
||||||
description:
|
|
||||||
'Visualize the final outcome before making any changes using our preview and mockup views, ensuring your projects meet your expectations.',
|
|
||||||
icon: 'tabler:carousel-horizontal',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
image={{
|
|
||||||
src: 'https://images.unsplash.com/photo-1525909002-1b05e0c869d8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80',
|
|
||||||
alt: 'Features Image',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Fragment slot="content">
|
|
||||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Main Features</h3>
|
|
||||||
</Fragment>
|
|
||||||
</Content>
|
|
||||||
|
|
||||||
<!-- Content Widget **************** -->
|
|
||||||
|
|
||||||
<Content
|
|
||||||
isAfterContent
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: 'Time Savings',
|
|
||||||
description:
|
|
||||||
'Streamline your workflow, enabling you to create stunning materials efficiently and allocate more time to your core tasks.',
|
|
||||||
icon: 'tabler:clock',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Professional Appearance',
|
|
||||||
description:
|
|
||||||
'Elevate your projects with the polished and sophisticated look that our templates provide, making a lasting impression on your audience.',
|
|
||||||
icon: 'tabler:school',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Cost-Efficiency',
|
|
||||||
description:
|
|
||||||
'Benefit from cost savings by avoiding the need for custom design work, as our templates offer professional-grade designs at a fraction of the cost.',
|
|
||||||
icon: 'tabler:coin',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Instant Download',
|
|
||||||
description:
|
|
||||||
'Enjoy immediate access to your chosen templates upon purchase, enabling you to begin working on your projects without delay.',
|
|
||||||
icon: 'tabler:file-download',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
image={{
|
|
||||||
src: 'https://images.unsplash.com/photo-1552664688-cf412ec27db2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
|
|
||||||
alt: 'Benefits Image',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Fragment slot="content">
|
|
||||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Benefits</h3>
|
|
||||||
</Fragment>
|
|
||||||
</Content>
|
|
||||||
|
|
||||||
<!-- Testimonials Widget *********** -->
|
|
||||||
|
|
||||||
<Testimonials
|
|
||||||
title="Words from real customers"
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
testimonial: `The designs are not only visually appealing but also highly professional. The templates have saved me a significant amount of time while helping me make a lasting impression on my clients.`,
|
|
||||||
name: 'Emily Kennedy',
|
|
||||||
job: 'Front-end developer',
|
|
||||||
image: {
|
|
||||||
src: 'https://images.unsplash.com/photo-1618835962148-cf177563c6c0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=930&q=80',
|
|
||||||
alt: 'Emily Kennedy Image',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
testimonial: `It beautifully showcases my work, with its clean and elegant design that lets my photographs shine. Customization was a breeze, even for a non-tech person like me. The result is a professional and immersive portfolio that's garnered numerous compliments.`,
|
|
||||||
name: 'Sarah Hansen',
|
|
||||||
job: 'Photographer',
|
|
||||||
image: {
|
|
||||||
src: 'https://images.unsplash.com/photo-1561406636-b80293969660?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
|
|
||||||
alt: 'Sarah Hansen Image',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
testimonial: `I discovered these templates and I'm impressed by their variety and quality. They've helped me establish a consistent brand image across my marketing and social platforms, elevating my business's overall appearance.`,
|
|
||||||
name: 'Mark Wilkinson',
|
|
||||||
job: 'Small business owner',
|
|
||||||
image: {
|
|
||||||
src: 'https://images.unsplash.com/photo-1545167622-3a6ac756afa4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=824&q=80',
|
|
||||||
alt: 'Mark Wilkinson Image',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
callToAction={{
|
|
||||||
target: '_blank',
|
|
||||||
text: 'More testimonials...',
|
|
||||||
href: 'https://github.com/onwidget/astrowind',
|
|
||||||
icon: 'tabler:chevron-right',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- CallToAction Widget *********** -->
|
|
||||||
|
|
||||||
<CallToAction
|
|
||||||
actions={[
|
|
||||||
{
|
|
||||||
variant: 'primary',
|
|
||||||
text: 'Start exploring',
|
|
||||||
href: '/',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Dive into our template collection"
|
|
||||||
subtitle="Whether you're in business, design, or education, our templates are here to elevate your projects."
|
|
||||||
/>
|
|
||||||
</Layout>
|
|
||||||
Reference in New Issue
Block a user