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

Merge pull request #223 from widgeter/main

Browse Source 
Include content on services page
This commit is contained in:
André B
2023-08-14 08:36:02 -04:00
committed by GitHub
parent e6a62c5e21 a7d8335b5c
commit 6c2ba7a62c
3 changed files with 266 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
src/pages/landing/mobile-app.astro
View File

@ -40,7 +40,10 @@ const metadata = {
<Hero2
callToAction={{ text: 'Download App', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
callToAction2={{ text: 'Learn more', href: '#features' }}
image={{ src: 'https://images.unsplash.com/photo-1535303311164-664fc9ec6532?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=987&q=80', alt: 'AstroWind Hero Image' }}
image={{
src: 'https://images.unsplash.com/photo-1535303311164-664fc9ec6532?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=987&q=80',
alt: 'AstroWind Hero Image',
}}
>
<Fragment slot="title">
Free template for <span class="hidden lg:inline">create your website <br />with</span>
@ -66,27 +69,24 @@ const metadata = {
columns={2}
items={[
{
title: 'Download and Install the App',
description:
'Morbi faucibus luctus quam, sit amet aliquet felis tempor id. Cras augue massa, ornare quis dignissim a, molestie vel nulla.',
title: 'Download and install the app',
description: `Begin your journey by downloading our user-friendly app from your device's app store or our official website.`,
icon: 'tabler:square-number-1',
},
{
title: 'Sign Up',
title: 'Sign up',
description:
'Vivamus porttitor, tortor convallis aliquam pretium, turpis enim consectetur elit, vitae egestas purus erat ac nunc nulla.',
'Create your account by providing the necessary information, enabling you to access our full range of features.',
icon: 'tabler:square-number-2',
},
{
title: 'Browse Templates',
description:
'Duis sed lectus in nisl vehicula porttitor eget quis odio. Aliquam erat volutpat. Nulla eleifend nulla id sem fermentum.',
title: 'Browse templates',
description: 'Explore our diverse collection of website templates, categorized for easy navigation.',
icon: 'tabler:square-number-3',
},
{
title: 'Preview and Select a Template',
description:
'Duis sed lectus in nisl vehicula porttitor eget quis odio. Aliquam erat volutpat. Nulla eleifend nulla id sem fermentum.',
title: 'Preview and select a template',
description: `Visualize the potential of each template through previews, then choose the one that aligns best with your project's needs.`,
icon: 'tabler:square-number-4',
},
]}
@ -99,33 +99,31 @@ const metadata = {
<!-- Content Widget **************** -->
<Content
isReversed
isReversed
items={[
{
title: 'High-Quality Designs',
description: 'Pellentesque dui nibh, cursus ac eros eget, pharetra malesuada tortor.',
description:
'Our templates feature top-tier designs that ensure a professional and polished appearance for your projects.',
icon: 'tabler:wand',
},
{
title: 'Customization Tools',
description: 'Nulla vulputate sollicitudin massa, id rutrum tellus tristique et.',
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: 'Mauris eget urna non leo fringilla auctor quis efficitur sem.',
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: ' Donec lorem metus, maximus vitae magna sed, tincidunt interdum magna.',
icon: 'tabler:carousel-horizontal',
},
{
title: 'Offline Access',
description:
'Sed accumsan, purus facilisis efficitur accumsan, lectus lacus vestibulum diam, in sollicitudin orci tellus in libero.',
icon: 'tabler:wifi-off',
'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={{
@ -145,28 +143,26 @@ const metadata = {
items={[
{
title: 'Time Savings',
description: 'Sed condimentum dui vel lorem cursus molestie duis id tristique justo.',
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: 'Cras purus velit, finibus quis dui nec, faucibus porttitor purus.',
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: 'Accessibility for Non-Designers',
description: 'Morbi volutpat ultricies dictum. In eu nunc id odio congue porttitor.',
icon: 'tabler:accessible',
},
{
title: 'Cost-Efficiency',
description: 'Fusce vitae odio sed lacus tempor aliquam sit amet ut velit pellentesque sagittis cursus nisi.',
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:
'Sed semper tempus dolor, non pretium velit lacinia tristique, fusce hendrerit fermentum lorem dignissim convallis.',
'Enjoy immediate access to your chosen templates upon purchase, enabling you to begin working on your projects without delay.',
icon: 'tabler:file-download',
},
]}
@ -197,8 +193,7 @@ const metadata = {
title="What our users say?"
testimonials={[
{
testimonial:
'Vestibulum auctor dui vel nunc rutrum, quis elementum dui tristique. Sed hendrerit at lacus eget consectetur. In elementum scelerisque scelerisque. Nulla vel venenatis velit.',
testimonial: `It's made exploring and downloading website templates a breeze. The interface is intuitive, and I had no trouble finding the perfect template for my project. It's an app that truly empowers users.`,
name: 'Cary Kennedy',
job: 'Film director',
image: {
@ -207,18 +202,7 @@ const metadata = {
},
},
{
testimonial:
'Mauris condimentum at tellus eget lacinia. Integer at ipsum eget urna rhoncus tincidunt. Curabitur condimentum scelerisque lobortis. Cras semper purus egestas sem blandit, in volutpat nibh rutrum.',
name: 'Josh Wilkinson',
job: 'Product Manager',
image: {
src: 'https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
alt: 'Josh Wilkinson Image',
},
},
{
testimonial:
'Praesent laoreet metus ac vehicula venenatis. Vivamus ullamcorper enim neque, sit amet eleifend sapien volutpat a. Proin quis varius metus. Etiam ut neque ipsum.',
testimonial: `The app's seamless download process and intuitive layout have made selecting templates an enjoyable experience. Being able to preview and experiment with different designs before committing has saved me time and ensured I get the perfect look for my website.`,
name: 'Sidney Hansen',
job: 'Decorator',
image: {
@ -226,6 +210,16 @@ const metadata = {
alt: 'Sidney Hansen Image',
},
},
{
testimonial:
'I was able to download and use a professional website template within minutes. The step-by-step process and user-friendly interface made it easy for me to create a website that looks as if it was designed by a pro.',
name: 'Josh Wilkinson',
job: 'Product Manager',
image: {
src: 'https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
alt: 'Josh Wilkinson Image',
},
},
]}
callToAction={{
targetBlank: true,
@ -243,26 +237,26 @@ const metadata = {
{
title: 'What does this app do?',
description:
'Cras ac velit laoreet, congue enim nec, ultrices ante. Suspendisse aliquam mi id sollicitudin faucibus.',
'This app provides a platform for you to easily browse, purchase, download, and use a wide range of website templates for your projects.',
},
{
title: 'How can this app solve my problem?',
description:
'Proin at turpis eget elit sagittis laoreet. Proin id nisl elit mi risus viverra eros. Aenean egestas arcu sed laoreet venenatis. Proin venenatis porta fermentum. Nulla ex lorem, aliquam sed volutpat sed, auctor vel libero.',
'This app streamlines the process of finding and implementing professional website designs, saving you time and effort in creating visually appealing and functional websites.',
},
{
title: 'Is it available for my device?',
description:
'Sed malesuada nisl turpis, et aliquet ex facilisis a. Proin in tortor ante. Quisque congue, lacus eu feugiat feugia.',
description: `Our app is designed for compatibility across various devices and platforms, ensuring accessibility whether you're using a smartphone, tablet, or computer.`,
},
{
title: 'What makes this app different from others?',
description: 'Sed nulla nibh, facilisis non volutpat non, dictum quis nunc. Nullam mollis tempus odio.',
description:
'Our app stands out for its user-friendly interface, extensive template collection, and seamless integration of the purchasing and downloading process, making it highly efficient.',
},
{
title: 'Are there any costs involved?',
description:
'Proin aliquet, arcu in semper consectetur, ipsum urna pellentesque ipsum, sit amet aliquam odio nunc ac orci.',
'While the app itself may be free to download, there may be costs associated with purchasing specific templates based on your preferences and project requirements.',
},
]}
/>
@ -270,17 +264,12 @@ const metadata = {
<!-- CallToAction Widget *********** -->
<CallToAction
title="Instant access to beautiful templates"
subtitle="Access a variety of stunning templates, simplify your creative process, and elevate your online presence."
callToAction={{
text: 'Download App',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:download',
}}
>
<Fragment slot="title">Get Started Now</Fragment>
<Fragment slot="subtitle">
Be very surprised by these huge fake numbers you are seeing on this page. <br class="hidden md:inline" />Don't
waste more time! :P
</Fragment>
</CallToAction>
/>
</Layout>

12
src/pages/pricing.astro
View File

@ -111,32 +111,32 @@ const metadata = {
{
title: 'Tiered Pricing Plans',
description: 'Choose from a range of pricing plans designed to accommodate different budgets and requirements.',
icon: 'tabler:template',
icon: 'tabler:stairs',
},
{
title: 'Transparent Pricing',
description: 'Clearly displayed pricing details for each plan, with no hidden costs or unexpected charges.',
icon: 'tabler:template',
icon: 'tabler:flip-vertical',
},
{
title: 'Secure Payment Methods',
description: 'Secure payment gateways to protect your financial information during transactions.',
icon: 'tabler:template',
icon: 'tabler:shield-lock',
},
{
title: 'Instant Access',
description: `Immediate access to your chosen plan's features and templates upon subscription.`,
icon: 'tabler:template',
icon: 'tabler:accessible',
},
{
title: 'Upgrade Value',
description: 'Upgrade to higher-tier plans to unlock more features and benefits for an enhanced experience.',
icon: 'tabler:template',
icon: 'tabler:chevrons-up',
},
{
title: '24H support',
description: 'Questions answered via live chat, email or phone, every calendar day.',
icon: 'tabler:template',
icon: 'tabler:headset',
},
]}
/>

213
src/pages/services.astro
View File

@ -1,11 +1,220 @@
---
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",
title: 'Services',
};
---
<Layout metadata={metadata}>
Services
<!-- Hero Widget ******************* -->
<Hero
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."
callToAction={{ 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={{
targetBlank: true,
text: 'More testimonials...',
href: 'https://github.com/onwidget/astrowind',
icon: 'tabler:chevron-right',
}}
/>
<!-- CallToAction Widget *********** -->
<CallToAction
callToAction={{
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>