Merge pull request #231 from widgeter/main

Include some sections on sass page

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