Include contents in Content widgets on main page

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',
       },
     ]}
@@ -324,7 +322,7 @@ const metadata = {
     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.",
       },