Skip to content

Commit

Permalink
Merge pull request #225 from widgeter/main
Browse files Browse the repository at this point in the history
Include some texts
  • Loading branch information
widgeter authored Aug 14, 2023
2 parents 7d996b1 + 61ff8cc commit 0d61fa9
Show file tree
Hide file tree
Showing 6 changed files with 103 additions and 116 deletions.
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
publishDate: 2023-01-12T00:00:00Z
title: Get started with AstroWind to create a website using Astro and Tailwind CSS
excerpt: Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur.
excerpt: Start your web journey with AstroWind – harness Astro and Tailwind CSS for a stunning site. Explore our guide now.
image: https://images.unsplash.com/photo-1516996087931-5ae405802f9f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80
category: Tutorials
tags:
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
publishDate: 2023-01-06T00:00:00Z
title: How to customize AstroWind template to suit your branding
excerpt: Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur.
excerpt: Personalize AstroWind template for your brand. Our guide unlocks seamless customization steps for a unique online presence.
image: https://images.unsplash.com/photo-1546984575-757f4f7c13cf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80
tags:
- astro
Expand Down
2 changes: 1 addition & 1 deletion src/content/post/useful-resources-to-create-websites.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
publishDate: 2023-01-09T00:00:00Z
title: Useful tools and resources to create a professional website
excerpt: Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur.
excerpt: Explore vital tools and resources for a sleek website. From design to functionality, our guide elevates your online presence.
image: https://images.unsplash.com/photo-1637144113536-9c6e917be447?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1674&q=80
tags:
- front-end
Expand Down
9 changes: 7 additions & 2 deletions src/pages/about.astro
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,12 @@ const metadata = {
<Layout metadata={metadata}>
<!-- Hero Widget ******************* -->

<Hero image={{ src: 'https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80', alt: 'Caos Image' }}>
<Hero
image={{
src: 'https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
alt: 'Caos Image',
}}
>
<Fragment slot="title">
Elevate your online presence with our <br />
<span class="text-accent dark:text-white highlight"> Beautiful Website Templates</span>
Expand Down Expand Up @@ -112,7 +117,7 @@ const metadata = {
},
]}
image={{
src: '~/assets/images/colors.jpg',
src: 'https://images.unsplash.com/photo-1504384308090-c894fdcc538d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
alt: 'Colorful Image',
}}
/>
Expand Down
118 changes: 51 additions & 67 deletions src/pages/homes/mobile-app.astro
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,15 @@ const metadata = {
---

<Layout metadata={metadata}>

<!-- Hero2 Widget ******************* -->

<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>
Expand All @@ -47,27 +49,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',
},
]}
Expand All @@ -80,34 +79,31 @@ const metadata = {
<!-- Content Widget **************** -->

<Content
isReversed
isReversed
items={[
{
title: 'High-Quality Designs',
description: 'Pellentesque dui nibh, cursus ac eros eget, pharetra malesuada tortor.',
title: 'User-friendly interface',
description:
'An intuitive and easy-to-navigate interface that allows users to quickly browse and find the templates they need.',
icon: 'tabler:wand',
},
{
title: 'Customization Tools',
description: 'Nulla vulputate sollicitudin massa, id rutrum tellus tristique et.',
title: 'Personalization options',
description:
'Include basic customization tools that let users modify text, colors, images, and other elements within the templates.',
icon: 'tabler:settings',
},
{
title: 'Pre-Designed Elements',
description: 'Mauris eget urna non leo fringilla auctor quis efficitur sem.',
icon: 'tabler:presentation',
title: 'Ready-to-use components',
description:
'Enhance your designs with ready-to-use elements like graphics, icons, and layouts, saving you time and boosting visual appeal.',
icon: 'tabler:template',
},
{
title: 'Preview and Mockup Views',
description: ' Donec lorem metus, maximus vitae magna sed, tincidunt interdum magna.',
title: 'Preview Mode',
description: 'Provide a preview of each template, allowing users to see how it looks before making a purchase.',
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',
},
]}
image={{
src: 'https://images.unsplash.com/photo-1576153192621-7a3be10b356e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1674&q=80',
Expand All @@ -125,30 +121,25 @@ const metadata = {
isAfterContent
items={[
{
title: 'Time Savings',
description: 'Sed condimentum dui vel lorem cursus molestie duis id tristique justo.',
icon: 'tabler:clock',
},
{
title: 'Professional Appearance',
description: 'Cras purus velit, finibus quis dui nec, faucibus porttitor purus.',
icon: 'tabler:school',
title: 'Offline Access',
description: 'Offer the option for users to download purchased templates for offline use.',
icon: 'tabler:wifi-off',
},
{
title: 'Accessibility for Non-Designers',
description: 'Morbi volutpat ultricies dictum. In eu nunc id odio congue porttitor.',
icon: 'tabler:accessible',
title: 'Secure Cloud Storage',
description:
'Provide cloud storage for purchased templates, ensuring users can access and back up their templates from anywhere securely.',
icon: 'tabler:file-download',
},
{
title: 'Cost-Efficiency',
description: 'Fusce vitae odio sed lacus tempor aliquam sit amet ut velit pellentesque sagittis cursus nisi.',
icon: 'tabler:coin',
title: 'Regular Updates',
description: 'Continuously add new templates and features to keep the app fresh and engaging for users.',
icon: 'tabler:refresh',
},
{
title: 'Instant Download',
description:
'Sed semper tempus dolor, non pretium velit lacinia tristique, fusce hendrerit fermentum lorem dignissim convallis.',
icon: 'tabler:file-download',
title: 'Wishlist',
description: `Allow users to create a wishlist of templates they're interested in, making it easier for them to revisit and potentially purchase later.`,
icon: 'tabler:heart',
},
]}
image={{
Expand All @@ -157,7 +148,7 @@ const metadata = {
}}
>
<Fragment slot="content">
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Benefits</h3>
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Other features</h3>
</Fragment>
</Content>

Expand All @@ -178,8 +169,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: {
Expand All @@ -188,8 +178,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.',
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: 'Josh Wilkinson',
job: 'Product Manager',
image: {
Expand All @@ -199,7 +188,7 @@ const metadata = {
},
{
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.',
'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: 'Sidney Hansen',
job: 'Decorator',
image: {
Expand All @@ -224,44 +213,39 @@ 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.',
},
]}
/>

<!-- 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>
Loading

0 comments on commit 0d61fa9

Please sign in to comment.