diff --git a/src/components/widgets/Hero.astro b/src/components/widgets/Hero.astro
index 05e72cc..616adcb 100644
--- a/src/components/widgets/Hero.astro
+++ b/src/components/widgets/Hero.astro
@@ -1,6 +1,6 @@
 ---
-import { Icon } from 'astro-icon/components';
 import Image from '~/components/common/Image.astro';
+import CTA from '../ui/CTA.astro';
 
 const {
   title = await Astro.slots.render('title'),
@@ -19,12 +19,14 @@ const {
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
     <div class="py-12 md:py-20">
       <div class="text-center pb-10 md:pb-16 max-w-screen-lg mx-auto">
-        {tagline && (
-          <p
-            class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
-            set:html={tagline}
-          />
-        )}
+        {
+          tagline && (
+            <p
+              class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
+              set:html={tagline}
+            />
+          )
+        }
         {
           title && (
             <h1
@@ -42,14 +44,9 @@ const {
                   {typeof callToAction === 'string' ? (
                     <Fragment set:html={callToAction} />
                   ) : (
-                    <a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
-                      {callToAction?.icon && (
-                        <>
-                          <Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5 rtl:-mr-1.5 rtl:ml-1" />
-                        </>
-                      )}
-                      {callToAction?.text}
-                    </a>
+                    <div class="btn btn-primary sm:mb-0 w-full">
+                      <CTA callToAction={callToAction} />
+                    </div>
                   )}
                 </div>
               )
@@ -60,15 +57,9 @@ const {
                   {typeof callToAction2 === 'string' ? (
                     <Fragment set:html={callToAction2} />
                   ) : (
-                    <a class="btn w-full" href={callToAction2?.href}>
-                      {callToAction2?.icon && (
-                        <>
-                          <Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />
-                          &nbsp;
-                        </>
-                      )}
-                      {callToAction2.text}
-                    </a>
+                    <div class="btn w-full">
+                      <CTA callToAction={callToAction2} />
+                    </div>
                   )}
                 </div>
               )
diff --git a/src/components/widgets/Hero2.astro b/src/components/widgets/Hero2.astro
index 2fbc87f..dcafae2 100644
--- a/src/components/widgets/Hero2.astro
+++ b/src/components/widgets/Hero2.astro
@@ -1,7 +1,7 @@
 ---
-import { Icon } from 'astro-icon/components';
 import Image from '~/components/common/Image.astro';
 import type { CallToAction } from '~/types';
+import CTA from '../ui/CTA.astro';
 
 export interface Props {
   title?: string;
@@ -30,12 +30,14 @@ const {
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
     <div class="py-12 md:py-20 lg:py-0 lg:flex lg:items-center lg:h-screen lg:gap-8">
       <div class="basis-1/2 text-center lg:text-left pb-10 md:pb-16 mx-auto">
-        {tagline && (
-          <p
-            class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
-            set:html={tagline}
-          />
-        )}
+        {
+          tagline && (
+            <p
+              class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
+              set:html={tagline}
+            />
+          )
+        }
         {
           title && (
             <h1
@@ -55,14 +57,9 @@ const {
                   {typeof callToAction === 'string' ? (
                     <Fragment set:html={callToAction} />
                   ) : (
-                    <a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
-                      {callToAction?.icon && (
-                        <>
-                          <Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5 rtl:-mr-1.5 rtl:ml-1" />{' '}
-                        </>
-                      )}
-                      {callToAction?.text}
-                    </a>
+                    <div class="btn btn-primary sm:mb-0 w-full">
+                      <CTA callToAction={callToAction} />
+                    </div>
                   )}
                 </div>
               )
@@ -73,14 +70,9 @@ const {
                   {typeof callToAction2 === 'string' ? (
                     <Fragment set:html={callToAction2} />
                   ) : (
-                    <a class="btn w-full" href={callToAction2?.href}>
-                      {callToAction2?.icon && (
-                        <>
-                          <Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}
-                        </>
-                      )}
-                      {callToAction2.text}
-                    </a>
+                    <div class="btn w-full">
+                      <CTA callToAction={callToAction2} />
+                    </div>
                   )}
                 </div>
               )
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index 0ba894f..b9de298 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -10,12 +10,9 @@ const metadata = {
 ---
 
 <Layout metadata={metadata}>
-    <!-- HeroText Widget ******************* -->
+  <!-- HeroText Widget ******************* -->
 
-    <HeroText
-    tagline="Contact"
-    title="Let's Connect!"
-  />
+  <HeroText tagline="Contact" title="Let's Connect!" />
 
   <ContactUs
     title="Drop us a message today!"
diff --git a/src/pages/homes/mobile-app.astro b/src/pages/homes/mobile-app.astro
index aee5179..28a2c2b 100644
--- a/src/pages/homes/mobile-app.astro
+++ b/src/pages/homes/mobile-app.astro
@@ -19,7 +19,12 @@ const metadata = {
 
   <Hero2
     tagline="Mobile App Web Demo"
-    callToAction={{ text: 'Download App', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
+    callToAction={{
+      targetBlank: true,
+      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',
@@ -42,6 +47,7 @@ const metadata = {
   <!-- Features3 Widget ************** -->
 
   <Features3
+    id="features"
     title="How to use our app?"
     subtitle="Tired of spending hours crafting documents from scratch? Our app offers an innovative solution. With a wide array of professionally designed templates, you can now create stunning documents in minutes. Explore our templates now and experience the difference."
     tagline="Step-by-step guide"
diff --git a/src/pages/homes/personal.astro b/src/pages/homes/personal.astro
index f6a209d..26a2f00 100644
--- a/src/pages/homes/personal.astro
+++ b/src/pages/homes/personal.astro
@@ -40,7 +40,12 @@ const metadata = {
 
   <!-- Hero2 Widget ******************* -->
 
-  <Hero id="hero" title="Sarah Johnson" tagline="Personal Web Demo" callToAction={{ text: 'Hire me', href: '/' }}>
+  <Hero
+    id="hero"
+    title="Sarah Johnson"
+    tagline="Personal Web Demo"
+    callToAction={{ targetBlank: true, text: 'Hire me', href: '/' }}
+  >
     <Fragment slot="subtitle">
       I'm a Graphic Designer passionate about crafting visual stories. <br /> With 5 years of experience and a degree
       from New York University's School of Design. I infuse vitality into brands and designs, transforming concepts into
diff --git a/src/pages/homes/saas.astro b/src/pages/homes/saas.astro
index 9d3315c..5c8dfcc 100644
--- a/src/pages/homes/saas.astro
+++ b/src/pages/homes/saas.astro
@@ -41,7 +41,7 @@ const metadata = {
 
   <Hero2
     tagline="SaaS Web Demo"
-    callToAction={{ text: 'Get Started', href: 'https://github.com/onwidget/astrowind' }}
+    callToAction={{ targetBlank: true, 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',
diff --git a/src/pages/homes/startup.astro b/src/pages/homes/startup.astro
index 9dd26ad..616ee44 100644
--- a/src/pages/homes/startup.astro
+++ b/src/pages/homes/startup.astro
@@ -21,7 +21,12 @@ const metadata = {
 
   <Hero
     tagline="Startup Web Demo"
-    callToAction={{ text: 'Get templates', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
+    callToAction={{
+      targetBlank: true,
+      text: 'Get templates',
+      href: 'https://github.com/onwidget/astrowind',
+      icon: 'tabler:download',
+    }}
     callToAction2={{ text: 'Learn more', href: '#features' }}
   >
     <Fragment slot="title">
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d1e32d7..0486f52 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -22,7 +22,12 @@ const metadata = {
   <!-- Hero Widget ******************* -->
 
   <Hero
-    callToAction={{ text: 'Get template', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
+    callToAction={{
+      targetBlank: true,
+      text: 'Get template',
+      href: 'https://github.com/onwidget/astrowind',
+      icon: 'tabler:download',
+    }}
     callToAction2={{ text: 'Learn more', href: '#features' }}
     image={{ src: '~/assets/images/hero.png', alt: 'AstroWind Hero Image' }}
   >
@@ -320,7 +325,7 @@ const metadata = {
     title="Frequently Asked Questions"
     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"
-    classes={{ container: 'max-w-6xl'}}
+    classes={{ container: 'max-w-6xl' }}
     items={[
       {
         title: 'Why AstroWind?',
diff --git a/src/pages/landing/lead-generation.astro b/src/pages/landing/lead-generation.astro
index 851b015..7eec2de 100644
--- a/src/pages/landing/lead-generation.astro
+++ b/src/pages/landing/lead-generation.astro
@@ -1,8 +1,10 @@
 ---
 import Layout from '~/layouts/LandingLayout.astro';
 
-import Hero from '~/components/widgets/Hero.astro';
-import CallToAction from '~/components/widgets/CallToAction.astro';
+import Hero2 from '~/components/widgets/Hero2.astro';
+import Contact from '~/components/widgets/Contact.astro';
+import Testimonials from '~/components/widgets/Testimonials.astro';
+import Features from '~/components/widgets/Features.astro';
 
 const metadata = {
   title: 'Lead Generation Landing Page Demo',
@@ -12,25 +14,150 @@ const metadata = {
 <Layout metadata={metadata}>
   <!-- Hero2 Widget ******************* -->
 
-  <Hero
+  <Hero2
     tagline="Lead Generation Landing Demo"
-    title="Effective Lead Generation Landing Page: Unlock the Secrets"
-    subtitle="Discover the secrets to creating a Landing Page that turns curious visitors into eager leads. (Your Hero should grab attention instantly. Use a powerful headline that speaks directly to your target audience.)"
-    callToAction={{ text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' }}
-    callToAction2={{ text: 'Learn more', href: '#' }}
+    title="Unlock your website's potential with a Free SEO Audit!"
+    callToAction={{ text: 'Get your Free Audit', href: '#contact' }}
     image={{
-      src: 'https://images.unsplash.com/photo-1597423498219-04418210827d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1674&q=80',
-      alt: 'Magnet attracting screws. Lead generation landing page demo',
+      src: 'https://images.unsplash.com/photo-1517048676732-d65bc937f952?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2940&q=80',
+      alt: 'People receiving a Free SEO Audit',
     }}
+  >
+    <Fragment slot="subtitle">
+      Discover hidden opportunities to rank higher, drive more traffic, and boost conversions. <span
+        class="hidden sm:inline"
+        >Sign up for our free SEO audit, and you'll receive a comprehensive analysis of your website's current
+        performance.</span
+      >
+    </Fragment>
+  </Hero2>
+
+  <!-- Features Widget *************** -->
+
+  <Features
+    title="What you'll get"
+    subtitle="Are you struggling to rank higher on search engines? Is your website not attracting the traffic it deserves? Our digital marketing agency will provide you with:"
+    items={[
+      {
+        title: 'In-depth SEO assessment tailored to your business',
+        description:
+          'Receive a thorough evaluation tailored to your business, pinpointing optimization opportunities and paving the way for improved search visibility and performance.',
+        icon: 'tabler:gift',
+      },
+      {
+        title: 'Identification of critical optimization opportunities',
+        description:
+          'Uncover key areas for enhancement, ensuring your website is finely tuned to attract organic traffic and engage potential customers effectively.',
+        icon: 'tabler:gift',
+      },
+      {
+        title: `Personalized suggestions to boost your website's search visibility`,
+        description: `Benefit from custom recommendations designed to enhance your website's search engine rankings, resulting in increased online presence and better chances of attracting quality leads.`,
+        icon: 'tabler:gift',
+      },
+      {
+        title: 'Detailed report highlighting areas for improvement',
+        description: `Get a comprehensive report highlighting areas for refinement, enabling you to fine-tune your online strategy and elevate your website's overall effectiveness.`,
+        icon: 'tabler:gift',
+      },
+    ]}
   />
 
-  <CallToAction
-    title="Coming soon"
-    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
-    callToAction={{
-      text: 'Get template',
-      href: 'https://github.com/onwidget/astrowind',
-      icon: 'tabler:download',
-    }}
+  <Features
+    title="Benefits of the offer"
+    subtitle="Our free SEO audit is your first step towards online success. By identifying and addressing your website's SEO gaps, you'll experience:"
+    columns={2}
+    items={[
+      {
+        title: 'Improved search engine rankings for targeted keywords',
+        description: `Through a comprehensive SEO audit, the agency identifies relevant keywords and offers optimization guidance for your website's content, structure, and meta tags. This boosts the likelihood of higher search engine rankings for those keywords.`,
+        icon: 'tabler:thumb-up',
+      },
+      {
+        title: 'Enhanced organic traffic and visibility',
+        description:
+          'The SEO audit reveals optimization opportunities for higher organic traffic by addressing technical issues, guiding content creation, and improving search visibility to attract relevant visitors interested in your offerings.',
+        icon: 'tabler:thumb-up',
+      },
+      {
+        title: 'Increased chances of attracting quality leads and conversions',
+        description:
+          'Higher search rankings draw "high-intent" users seeking your offerings, with greater conversion potential. The SEO audit optimizes your site, boosting lead engagement and conversions.',
+        icon: 'tabler:thumb-up',
+      },
+      {
+        title: 'A solid foundation for future digital marketing strategies',
+        description: `Insights from the SEO audit guide future marketing efforts. Addressing optimizations enhances site health, setting a strong base for content, ads, and social campaigns. Boosting your site's SEO amplifies broader marketing strategies' impact.`,
+        icon: 'tabler:thumb-up',
+      },
+    ]}
+  />
+
+  <!-- Contact Widget ******************* -->
+
+  <Contact
+    id="contact"
+    title="Sign up now!"
+    subtitle="You'll receive a free comprehensive SEO audit report for your website, highlighting areas for improvement and growth."
+    inputs={[
+      {
+        type: 'text',
+        name: 'name',
+        label: 'Name',
+      },
+      {
+        type: 'text',
+        name: 'company',
+        label: 'Company',
+      },
+      {
+        type: 'email',
+        name: 'email',
+        label: 'Email',
+      },
+      {
+        type: 'email',
+        name: 'website',
+        label: 'Website URL',
+      },
+    ]}
+    button="Get your Free Audit"
+    description="We use your information exclusively for the free SEO audit and do not share it with third parties."
+  />
+
+  <!-- Testimonials Widget *********** -->
+
+  <Testimonials
+    title="Results speak louder"
+    subtitle="Hear from those who took their SEO to the next level."
+    testimonials={[
+      {
+        testimonial: `Their expertise in SEO helped us increase our organic traffic by 200% within just a few months. The free SEO audit was the first step that led to remarkable results!`,
+        name: 'John Smith',
+        job: 'CEO of ABC Company',
+        image: {
+          src: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
+          alt: 'John Smith',
+        },
+      },
+      {
+        testimonial: `I was amazed by the insights provided in the free SEO audit. Their team's recommendations were practical and easy to implement. As a result, our website's organic traffic increased by 50% in just a few months.`,
+        name: 'Jane Doe',
+        job: 'Marketing Manager at DEF Corporation',
+        image: {
+          src: 'https://images.unsplash.com/photo-1554151228-14d9def656e4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=772&q=80',
+          alt: 'Jane Doe',
+        },
+      },
+      {
+        testimonial: `In-depth analysis and personalized suggestions helped us identify and fix critical SEO issues. Since then, our search rankings have improved significantly, driving more targeted leads to our site.`,
+        name: 'Mark Johnson',
+        job: 'Owner of XYZ Solutions',
+        image: {
+          src: 'https://images.unsplash.com/photo-1566492031773-4f4e44671857?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
+          alt: 'Mark Johnson',
+        },
+      },
+    ]}
   />
 </Layout>
diff --git a/src/pages/services.astro b/src/pages/services.astro
index d0b81ac..c7cb42a 100644
--- a/src/pages/services.astro
+++ b/src/pages/services.astro
@@ -18,7 +18,7 @@ const metadata = {
     tagline="Services"
     title="Elevate your projects with our stunning templates"
     subtitle="Explore our meticulously crafted templates tailored to various industries and purposes. From captivating presentations to functional website designs, we offer the tools you need to succeed."
-    callToAction={{ text: 'Start exploring', href: '/' }}
+    callToAction={{ targetBlank: true, text: 'Start exploring', href: '/' }}
     image={{
       src: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
       alt: 'AstroWind Hero Image',