Merge branch 'main' of https://github.com/onwidget/astrowind

src/pages/homes/saas.astro

@@ -6,11 +6,11 @@ import Hero2 from '~/components/widgets/Hero2.astro';
 import Features from '~/components/widgets/Features.astro';
 import Steps2 from '~/components/widgets/Steps2.astro';
 import Content from '~/components/widgets/Content.astro';
-import CallToAction from '~/components/widgets/CallToAction.astro';
 import Pricing from '~/components/widgets/Pricing.astro';
 
 import { headerData } from '~/navigation';
 import FAQs from '~/components/widgets/FAQs.astro';
+import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
 
 const metadata = {
   title: 'Saas Landing Page',
@@ -41,7 +41,7 @@ const metadata = {
 
   <Hero2
     tagline="SaaS Web Demo"
-    callToAction={{ text: 'Get template', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
+    callToAction={{ text: 'Get Started', href: 'https://github.com/onwidget/astrowind' }}
     callToAction2={{ text: 'Learn more', href: '#features' }}
     image={{
       src: 'https://images.unsplash.com/photo-1580481072645-022f9a6dbf27?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
@@ -232,7 +232,7 @@ const metadata = {
   <!-- Pricing Widget ******************* -->
 
   <Pricing
-    title="Flexible pricing plans for AstroWind"
+    title="Flexible pricing plans"
     prices={[
       {
         title: 'free',
@@ -309,48 +309,40 @@ const metadata = {
   <!-- Steps2 Widget ****************** -->
 
   <Steps2
-    title="Sed ac magna sit amet risus tristique interdum, at vel velit in hac habitasse platea dictumst."
+    title="Reach out to us"
-    subtitle="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla, sed porttitor est nibh at nulla. Praesent placerat enim ut ex tincidunt vehicula. Fusce sit amet dui tellus."
+    subtitle="Have questions? Feel free to contact us using the form below. We're here to help!"
     callToAction={{
-      text: 'Get template',
+      text: 'Contact us',
-      href: 'https://github.com/onwidget/astrowind',
+      href: '/',
-      icon: 'tabler:download',
     }}
     items={[
       {
-        title: 'Responsive Elements',
+        title: 'Email us',
-        description:
+        description: 'contact@support.com',
-          'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
+        icon: 'tabler:mail',
       },
       {
-        title: 'Flexible Team',
+        title: 'Call us',
-        description:
+        description: '+1 (234) 567-890',
-          'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
+        icon: 'tabler:headset',
       },
       {
-        title: 'Ecologic Software',
+        title: 'Follow us',
-        description:
+        description: '@example',
-          'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
+        icon: 'tabler:brand-twitter',
       },
     ]}
   />
 
-  <!-- CallToAction Widget *********** -->
+  <!-- BlogLatestPost Widget **************** -->
 
-  <CallToAction
+  <BlogLatestPosts
-    callToAction={{
+    id="blog"
-      text: 'Get template',
+    title="Stay informed with AstroWind's blog"
-      href: 'https://github.com/onwidget/astrowind',
+    information={`Explore our collection of articles, guides, and tutorials on web development, design trends, and using AstroWind effectively for your projects.`}
-      icon: 'tabler:download',
-    }}
   >
-    <Fragment slot="title">
+    <Fragment slot="bg">
-      Astro + <br class="block sm:hidden" /><span class="sm:whitespace-nowrap"> Tailwind CSS</span>
+      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
     </Fragment>
-
+  </BlogLatestPosts>
-    <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/homes/startup.astro

@@ -24,10 +24,6 @@ const metadata = {
     callToAction2={{ text: 'Learn more', href: '#features' }}
   >
     <Fragment slot="title">
-      <!-- Astrowind: <span class="hidden sm:inline">empowering</span> your website with <span
-        class="text-accent dark:text-white highlight">Astro 2.0</span
-      > + Tailwind CSS <span class="hidden sm:inline">templates</span> -->
-
       Improve <span class="hidden sm:inline">the online presence of</span> your <span
         class="text-accent dark:text-white highlight">Startup</span
       > with Astrowind templates
@@ -54,13 +50,24 @@ const metadata = {
     </Fragment>
   </Hero>
 
+  <!-- Features2 Widget ************** -->
+
+  <Features2
+    title="About us"
+    subtitle="We believe in the magic of turning dreams into stunning realities. Founded by passionate developers with a shared vision, we set out to simplify the website creation process. Our templates bring together the innovation of Astro 2.0 and the versatility of Tailwind CSS, enabling you to express your unique brand identity like never before."
+  >
+    <Fragment slot="bg">
+      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
+    </Fragment>
+  </Features2>
+
   <!-- Stats Widget ****************** -->
 
   <Stats
-    title="Our statistics"
+    title="Our impressive statistics"
     stats={[
-      { title: 'Templates', amount: '56' },
       { title: 'Downloads', amount: '182K' },
+      { title: 'Websites Launched', amount: '87' },
       { title: 'User Ratings', amount: '4.8' },
       { title: 'Satisfied Clients', amount: '116K' },
     ]}
@@ -73,7 +80,7 @@ const metadata = {
     subtitle="We offer a wide range of website templates that suit various industries and purposes such as business, portfolio, e-commerce, blog, etc."
     items={[
       {
-        title: 'Download and Installation Instructions',
+        title: 'Installation Instructions',
         description:
           'Offer clear instructions on how to download the purchased templates and install them on various website platforms or content management systems.',
         icon: 'flat-color-icons:document',
@@ -183,26 +190,6 @@ const metadata = {
     </Fragment>
   </FAQs>
 
-  <!-- CallToAction Widget *********** -->
-
-  <CallToAction
-    callToAction={{
-      targetBlank: true,
-      text: 'Get template',
-      href: 'https://github.com/onwidget/astrowind',
-      icon: 'tabler:download',
-    }}
-  >
-    <Fragment slot="title">
-      Astro + <br class="block sm:hidden" /><span class="sm:whitespace-nowrap"> Tailwind CSS</span>
-    </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>
-
   <!-- Features3 Widget ************** -->
 
   <Features3
@@ -247,9 +234,23 @@ const metadata = {
         },
       },
     ]}
+  />
+
+  <!-- CallToAction Widget *********** -->
+
+  <CallToAction
+    callToAction={{
+      targetBlank: true,
+      text: 'Get templates',
+      href: 'https://github.com/onwidget/astrowind',
+      icon: 'tabler:download',
+    }}
   >
-    <Fragment slot="bg">
+    <Fragment slot="title">Be a part of our vision</Fragment>
-      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
+
+    <Fragment slot="subtitle">
+      Discover a dynamic work environment, unparalleled growth opportunities, and the chance to make a meaningful
+      impact.
     </Fragment>
-  </Features3>
+  </CallToAction>
 </Layout>