Merge pull request #225 from widgeter/main

Include some texts

src/content/post/get-started-website-with-astro-tailwind-css.md

@@ -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:

src/content/post/how-to-customize-astrowind-to-your-brand.md

@@ -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

src/content/post/useful-resources-to-create-websites.md

@@ -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

src/pages/about.astro

@@ -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>
@@ -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',
     }}
   />

src/pages/homes/mobile-app.astro

@@ -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>
@@ -47,27 +49,24 @@ const metadata = {
     columns={2}
     items={[
       {
-        title: 'Download and Install the App',
+        title: 'Download and install the app',
-        description:
+        description: `Begin your journey by downloading our user-friendly app from your device's app store or our official website.`,
-          'Morbi faucibus luctus quam, sit amet aliquet felis tempor id. Cras augue massa, ornare quis dignissim a, molestie vel nulla.',
         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',
+        title: 'Browse templates',
-        description:
+        description: 'Explore our diverse collection of website templates, categorized for easy navigation.',
-          'Duis sed lectus in nisl vehicula porttitor eget quis odio. Aliquam erat volutpat. Nulla eleifend nulla id sem fermentum.',
         icon: 'tabler:square-number-3',
       },
       {
-        title: 'Preview and Select a Template',
+        title: 'Preview and select a template',
-        description:
+        description: `Visualize the potential of each template through previews, then choose the one that aligns best with your project's needs.`,
-          'Duis sed lectus in nisl vehicula porttitor eget quis odio. Aliquam erat volutpat. Nulla eleifend nulla id sem fermentum.',
         icon: 'tabler:square-number-4',
       },
     ]}
@@ -80,33 +79,30 @@ const metadata = {
   <!-- Content Widget **************** -->
 
   <Content
-    isReversed  
+    isReversed
     items={[
       {
-        title: 'High-Quality Designs',
+        title: 'User-friendly interface',
-        description: 'Pellentesque dui nibh, cursus ac eros eget, pharetra malesuada tortor.',
+        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',
+        title: 'Personalization options',
-        description: 'Nulla vulputate sollicitudin massa, id rutrum tellus tristique et.',
+        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',
+        title: 'Ready-to-use components',
-        description: 'Mauris eget urna non leo fringilla auctor quis efficitur sem.',
-        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.',
+          'Enhance your designs with ready-to-use elements like graphics, icons, and layouts, saving you time and boosting visual appeal.',
-        icon: 'tabler:wifi-off',
+        icon: 'tabler:template',
+      },
+      {
+        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',
       },
     ]}
     image={{
@@ -125,31 +121,26 @@ const metadata = {
     isAfterContent
     items={[
       {
-        title: 'Time Savings',
+        title: 'Offline Access',
-        description: 'Sed condimentum dui vel lorem cursus molestie duis id tristique justo.',
+        description: 'Offer the option for users to download purchased templates for offline use.',
-        icon: 'tabler:clock',
+        icon: 'tabler:wifi-off',
       },
       {
-        title: 'Professional Appearance',
+        title: 'Secure Cloud Storage',
-        description: 'Cras purus velit, finibus quis dui nec, faucibus porttitor purus.',
-        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.',
-        icon: 'tabler:coin',
-      },
-      {
-        title: 'Instant Download',
         description:
-          'Sed semper tempus dolor, non pretium velit lacinia tristique, fusce hendrerit fermentum lorem dignissim convallis.',
+          'Provide cloud storage for purchased templates, ensuring users can access and back up their templates from anywhere securely.',
         icon: 'tabler:file-download',
       },
+      {
+        title: 'Regular Updates',
+        description: 'Continuously add new templates and features to keep the app fresh and engaging for users.',
+        icon: 'tabler:refresh',
+      },
+      {
+        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={{
       src: 'https://images.unsplash.com/photo-1453738773917-9c3eff1db985?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
@@ -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>
 
@@ -178,8 +169,7 @@ const metadata = {
     title="What our users say?"
     testimonials={[
       {
-        testimonial:
+        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.`,
-          'Vestibulum auctor dui vel nunc rutrum, quis elementum dui tristique. Sed hendrerit at lacus eget consectetur. In elementum scelerisque scelerisque. Nulla vel venenatis velit.',
         name: 'Cary Kennedy',
         job: 'Film director',
         image: {
@@ -188,8 +178,7 @@ const metadata = {
         },
       },
       {
-        testimonial:
+        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.`,
-          '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: {
@@ -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: {
@@ -224,26 +213,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:
+        description: `Our app is designed for compatibility across various devices and platforms, ensuring accessibility whether you're using a smartphone, tablet, or computer.`,
-          'Sed malesuada nisl turpis, et aliquet ex facilisis a. Proin in tortor ante. Quisque congue, lacus eu feugiat feugia.',
       },
       {
         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.',
       },
     ]}
   />
@@ -251,17 +240,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>

src/pages/index.astro

@@ -101,19 +101,19 @@ const metadata = {
     title="AstroWind's Blueprint: Fun Meets Functionality!"
     items={[
       {
-        title: 'Per ei quaeque sensibus',
+        title: 'Built on top of Astro 2.0',
         description:
-          'Ex usu illum iudico molestie. Pro ne agam facete mediocritatem, ridens labore facete mea ei. Pro id apeirian dignissim.',
+          'Benefiting from the performance and developer-friendly features of this modern static site generator.',
       },
       {
-        title: 'Cu imperdiet posidonium sed',
+        title: 'Styled using Tailwind CSS',
         description:
-          'Amet utinam aliquando ut mea, malis admodum ocurreret nec et, elit tibique cu nec. Nec ex maluisset inciderint, ex quis.',
+          'Facilitating rapid design and consistent styling with this highly popular utility-first CSS framework.',
       },
       {
-        title: 'Nulla omittam sadipscing mel ne',
+        title: 'Cross-browser compatibility',
         description:
-          'At sed possim oporteat probatus, justo graece ne nec, minim commodo legimus ut vix. Ut eos iudico quando soleat, nam modus.',
+          'Ensure your website looks and functions consistently across various web browsers, delivering a seamless experience to all users.',
       },
     ]}
     image={{
@@ -122,9 +122,8 @@ const metadata = {
     }}
   >
     <Fragment slot="content">
-      <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Ad vix debet docendi</h3>
+      <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Building on modern foundations</h3>
-       Ne dicta praesent ocurreret has, diam theophrastus at pro. Eos etiam regione ut, persius eripuit quo id. Sit te
+       Gain a competitive advantage by incorporating industry leading practices
-      euismod tacimates.
     </Fragment>
 
     <Fragment slot="bg">
@@ -138,19 +137,23 @@ const metadata = {
     isAfterContent
     items={[
       {
-        title: 'Per ei quaeque sensibus',
+        title: 'High level of customization',
-        description:
+        description: `Tailor the template effortlessly to match your brand's identity and requirements, making your website distinct and saving you time.`,
-          'Ex usu illum iudico molestie. Pro ne agam facete mediocritatem, ridens labore facete mea ei. Pro id apeirian dignissim.',
       },
       {
-        title: 'Cu imperdiet posidonium sed',
+        title: 'Multiple layout possibilities',
         description:
-          'Amet utinam aliquando ut mea, malis admodum ocurreret nec et, elit tibique cu nec. Nec ex maluisset inciderint, ex quis.',
+          'Explore various layout options to find the structure that best presents your content, enhancing user engagement and navigation.',
       },
       {
-        title: 'Nulla omittam sadipscing mel ne',
+        title: 'Fully responsive design',
         description:
-          'At sed possim oporteat probatus, justo graece ne nec, minim commodo legimus ut vix. Ut eos iudico quando soleat, nam modus.',
+          "Ensure your website's optimal performance on various devices and screen sizes, providing a consistent and enjoyable user experience.",
+      },
+      {
+        title: 'Integration of media',
+        description:
+          'Seamlessly incorporate images, videos, and multimedia elements that enhance your content and engage visitors effectively.',
       },
     ]}
     image={{
@@ -158,11 +161,7 @@ const metadata = {
       alt: 'Blueprint Image',
     }}
   >
-    <Fragment slot="content">
+    <Fragment slot="content">Ensure your online presence truly represents you.</Fragment>
-      <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Ad vix debet docendi</h3>
-       Ne dicta praesent ocurreret has, diam theophrastus at pro. Eos etiam regione ut, persius eripuit quo id. Sit te
-      euismod tacimates.
-    </Fragment>
 
     <Fragment slot="bg">
       <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
@@ -176,22 +175,23 @@ const metadata = {
     isAfterContent
     items={[
       {
-        title: 'Per ei quaeque sensibus',
+        title: 'Enhanced user engagement',
+        description:
+          'Captivate your audience with interactive elements, intuitive navigation, and visually appealing layouts, encouraging longer visits.',
       },
       {
-        title: 'Cu imperdiet posidonium sed',
+        title: 'Continuous improvement',
+        description:
+          'Ensure your website stays aligned with the latest trends and technologies through regular updates and enhancements.',
       },
       {
-        title: 'Nulla omittam sadipscing mel ne',
+        title: 'Time and resource efficiency',
+        description:
+          'Skip the time-consuming process of building a website from scratch and launch your online presence sooner with AstroWind.',
       },
       {
-        title: 'Per ei quaeque sensibus',
+        title: 'Community support',
-      },
+        description: `Join the growing AstroWind community for insights, resources, and assistance, ensuring you're never alone on your web development journey.`,
-      {
-        title: 'Cu imperdiet posidonium sed',
-      },
-      {
-        title: 'Nulla omittam sadipscing mel ne',
       },
     ]}
     image={{
@@ -199,6 +199,8 @@ const metadata = {
       alt: 'Astronauts Image',
     }}
   >
+    <Fragment slot="content">Designed to foster growth and success.</Fragment>
+
     <Fragment slot="bg">
       <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
     </Fragment>
@@ -212,13 +214,13 @@ const metadata = {
       {
         title: 'Step 1: <span class="font-medium">Download</span>',
         description:
-          'Kickstart with GitHub! Either fork the AstroWind template or simply click \'Use this template\'. Your canvas awaits, ready for your digital masterpiece. In just a few clicks, you\'ve already set the foundation.',
+          "Kickstart with GitHub! Either fork the AstroWind template or simply click 'Use this template'. Your canvas awaits, ready for your digital masterpiece. In just a few clicks, you've already set the foundation.",
         icon: 'tabler:package',
       },
       {
         title: 'Step 2: <span class="font-medium">Add content</em>',
         description:
-          'Pour your vision into it. Add images, text, and all that jazz to breathe life into your digital space. Remember, it\'s the content that tells your story, so make it captivating.',
+          "Pour your vision into it. Add images, text, and all that jazz to breathe life into your digital space. Remember, it's the content that tells your story, so make it captivating.",
         icon: 'tabler:letter-case',
       },
       {
@@ -247,14 +249,13 @@ const metadata = {
     items={[
       {
         title: 'Headers',
-        description:
+        description: "Ever tried driving without GPS? Boom! That's why websites need headers for direction.",
-          'Ever tried driving without GPS? Boom! That\'s why websites need headers for direction.',
         icon: 'flat-color-icons:template',
       },
       {
         title: 'Heros',
         description:
-          'Picture a superhero landing – epic, right? That\'s the job of a Hero section, making grand entrances!',
+          "Picture a superhero landing – epic, right? That's the job of a Hero section, making grand entrances!",
         icon: 'flat-color-icons:gallery',
       },
       {
@@ -266,7 +267,7 @@ const metadata = {
       {
         title: 'Content',
         description:
-          'Dive into the meat and potatoes of a site; without it, you\'d just be window shopping. Content is king.',
+          "Dive into the meat and potatoes of a site; without it, you'd just be window shopping. Content is king.",
         icon: 'flat-color-icons:document',
       },
       {
@@ -277,14 +278,12 @@ const metadata = {
       },
       {
         title: 'Pricing',
-        description:
+        description: 'Behold the dessert menu of the website world. Tempting choices await, can you resist?',
-          'Behold the dessert menu of the website world. Tempting choices await, can you resist?',
         icon: 'flat-color-icons:currency-exchange',
       },
       {
         title: 'Testimonial',
-        description:
+        description: 'Step into the gossip corner! Here, other visitors spill the beans and share the juicy details.',
-          'Step into the gossip corner! Here, other visitors spill the beans and share the juicy details.',
         icon: 'flat-color-icons:voice-presentation',
       },
       {
@@ -295,8 +294,7 @@ const metadata = {
       },
       {
         title: 'Footers',
-        description:
+        description: "The footer's like the credits of a movie but sprinkled with easter eggs. Time to hunt!",
-          'The footer\'s like the credits of a movie but sprinkled with easter eggs. Time to hunt!',
         icon: 'flat-color-icons:database',
       },
     ]}
@@ -320,11 +318,11 @@ const metadata = {
 
   <FAQs
     title="Frequently Asked Questions"
-    subtitle="Duis turpis dui, fringilla mattis sem nec, fringilla euismod neque. Morbi tincidunt lacus nec tortor scelerisque pulvinar."
+    subtitle="Dive into the following questions to gain insights into the powerful features that AstroWind offers and how it can elevate your web development journey."
     tagline="FAQs"
     items={[
       {
-        title: "Why AstroWind?",
+        title: 'Why AstroWind?',
         description:
           "Michael Knight a young loner on a crusade to champion the cause of the innocent. The helpless. The powerless in a world of criminals who operate above the law. Here he comes Here comes Speed Racer. He's a demon on wheels.",
       },