diff --git a/src/components/ui/Background.astro b/src/components/ui/Background.astro
index 0032b2f..791cef9 100644
--- a/src/components/ui/Background.astro
+++ b/src/components/ui/Background.astro
@@ -2,6 +2,6 @@
 const { isDark = false } = Astro.props;
 ---
 
-<div class:list={["absolute inset-0", { "bg-dark dark:bg-transparent": isDark }]}>
-<slot />
+<div class:list={['absolute inset-0', { 'bg-dark dark:bg-transparent': isDark }]}>
+  <slot />
 </div>
diff --git a/src/navigation.js b/src/navigation.js
index b9b2074..d62db92 100644
--- a/src/navigation.js
+++ b/src/navigation.js
@@ -115,7 +115,7 @@ export const headerData = {
       href: '#',
     },
   ],
-  actions: [{ type: 'button', text: 'Download', href: 'https://github.com/onwidget/astrowind' }],
+  actions: [{ text: 'Download', href: 'https://github.com/onwidget/astrowind', target: '_blank' }],
 };
 
 export const footerData = {
diff --git a/src/pages/homes/personal.astro b/src/pages/homes/personal.astro
index 7d70f82..9f7c0e0 100644
--- a/src/pages/homes/personal.astro
+++ b/src/pages/homes/personal.astro
@@ -381,6 +381,7 @@ const metadata = {
     title="Let's create together"
     subtitle="Ready to transform your vision into captivating designs?"
     actions={[{
+      variant:"primary",
       text: 'Hire me',
       href: '/',
     }]}
diff --git a/src/pages/homes/saas.astro b/src/pages/homes/saas.astro
index 2b37b9f..730c340 100644
--- a/src/pages/homes/saas.astro
+++ b/src/pages/homes/saas.astro
@@ -42,7 +42,7 @@ const metadata = {
   <Hero2
     tagline="SaaS Web Demo"
     actions={[
-      { variant: "primary", target: '_blank', text: 'Get Started', href: 'https://github.com/onwidget/astrowind' },
+      { variant: 'primary', target: '_blank', text: 'Get Started', href: 'https://github.com/onwidget/astrowind' },
       { text: 'Learn more', href: '#features' },
     ]}
     image={{
diff --git a/src/pages/homes/startup.astro b/src/pages/homes/startup.astro
index ad743f1..9751ab2 100644
--- a/src/pages/homes/startup.astro
+++ b/src/pages/homes/startup.astro
@@ -301,6 +301,7 @@ const metadata = {
 
   <CallToAction
     actions={[{
+      variant: "primary",
       target: '_blank',
       text: 'Get templates',
       href: 'https://github.com/onwidget/astrowind',
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 963fe8f..4169f9a 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -25,9 +25,9 @@ const metadata = {
     actions={[
       {
         variant: 'primary',
-        target: '_blank',
         text: 'Get template',
         href: 'https://github.com/onwidget/astrowind',
+        target: '_blank',
         icon: 'tabler:download',
       },
       { text: 'Learn more', href: '#features' },
@@ -377,11 +377,15 @@ const metadata = {
   <!-- CallToAction Widget *********** -->
 
   <CallToAction
-    actions={[{
-      text: 'Get template',
-      href: 'https://github.com/onwidget/astrowind',
-      icon: 'tabler:download',
-    }]}
+    actions={[
+      {
+        variant: 'primary',
+        text: 'Get template',
+        href: 'https://github.com/onwidget/astrowind',
+        target: '_blank',
+        icon: 'tabler:download',
+      },
+    ]}
   >
     <Fragment slot="title">
       Astro&nbsp;+&nbsp;<br class="block sm:hidden" /><span class="sm:whitespace-nowrap">Tailwind CSS</span>
diff --git a/src/pages/landing/lead-generation.astro b/src/pages/landing/lead-generation.astro
index 38c28bb..09f6fad 100644
--- a/src/pages/landing/lead-generation.astro
+++ b/src/pages/landing/lead-generation.astro
@@ -16,7 +16,10 @@ const metadata = {
     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.)"
-    actions={[{ variant:"primary", text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' }, { text: 'Learn more', href: '#' }]}
+    actions={[
+      { variant: 'primary', text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' },
+      { text: 'Learn more', href: '#' },
+    ]}
     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',
@@ -24,13 +27,15 @@ const metadata = {
   />
 
   <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!"
-  actions={[{
-    variant: "primary",
-    text: 'Download Template',
-    href: 'https://github.com/onwidget/astrowind',
-    icon: 'tabler:download',
-  }]}
-/>
+    title="Coming soon"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    actions={[
+      {
+        variant: 'primary',
+        text: 'Download Template',
+        href: 'https://github.com/onwidget/astrowind',
+        icon: 'tabler:download',
+      },
+    ]}
+  />
 </Layout>
diff --git a/src/pages/landing/pre-launch.astro b/src/pages/landing/pre-launch.astro
index 83f82d9..43c9da7 100644
--- a/src/pages/landing/pre-launch.astro
+++ b/src/pages/landing/pre-launch.astro
@@ -27,13 +27,15 @@ const metadata = {
   />
 
   <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!"
-  actions={[{
-    variant: "primary",
-    text: 'Download Template',
-    href: 'https://github.com/onwidget/astrowind',
-    icon: 'tabler:download',
-  }]}
-/>
+    title="Coming soon"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    actions={[
+      {
+        variant: 'primary',
+        text: 'Download Template',
+        href: 'https://github.com/onwidget/astrowind',
+        icon: 'tabler:download',
+      },
+    ]}
+  />
 </Layout>
diff --git a/src/pages/landing/product.astro b/src/pages/landing/product.astro
index b13a9d9..238cd7e 100644
--- a/src/pages/landing/product.astro
+++ b/src/pages/landing/product.astro
@@ -27,13 +27,15 @@ const metadata = {
   />
 
   <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!"
-  actions={[{
-    variant: "primary",
-    text: 'Download Template',
-    href: 'https://github.com/onwidget/astrowind',
-    icon: 'tabler:download',
-  }]}
-/>
+    title="Coming soon"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    actions={[
+      {
+        variant: 'primary',
+        text: 'Download Template',
+        href: 'https://github.com/onwidget/astrowind',
+        icon: 'tabler:download',
+      },
+    ]}
+  />
 </Layout>
diff --git a/src/pages/landing/sales.astro b/src/pages/landing/sales.astro
index 376ba33..f992a46 100644
--- a/src/pages/landing/sales.astro
+++ b/src/pages/landing/sales.astro
@@ -16,7 +16,10 @@ const metadata = {
     tagline="Long-form Sales Demo"
     title="Long-form Sales: Sell with a Story: The Long-form Way!"
     subtitle="Dive deep into crafting a Landing Page that narrates, persuades, and converts."
-    actions={[{ variant: "primary", text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' }, { text: 'Learn more', href: '#' }]}
+    actions={[
+      { variant: 'primary', text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' },
+      { text: 'Learn more', href: '#' },
+    ]}
     image={{
       src: 'https://images.unsplash.com/photo-1621452773781-0f992fd1f5cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1626&q=80',
       alt: 'Children telling a story. Long-form Sales Landing Page demo',
@@ -24,13 +27,15 @@ const metadata = {
   />
 
   <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!"
-  actions={[{
-    variant: "primary",
-    text: 'Download Template',
-    href: 'https://github.com/onwidget/astrowind',
-    icon: 'tabler:download',
-  }]}
-/>
+    title="Coming soon"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    actions={[
+      {
+        variant: 'primary',
+        text: 'Download Template',
+        href: 'https://github.com/onwidget/astrowind',
+        icon: 'tabler:download',
+      },
+    ]}
+  />
 </Layout>
diff --git a/src/pages/landing/subscription.astro b/src/pages/landing/subscription.astro
index 619c6c5..192b6e3 100644
--- a/src/pages/landing/subscription.astro
+++ b/src/pages/landing/subscription.astro
@@ -16,7 +16,10 @@ const metadata = {
     tagline="Subscription Landing Demo"
     title="Subscription Landing Page: Turn Casual Browsers into Loyal Subscribers!"
     subtitle="Unlock the formula for a Subscription Landing Page that keeps your audience coming back for more."
-    actions={[{ variant: "primary", text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' },{ text: 'Learn more', href: '#' } ]}
+    actions={[
+      { variant: 'primary', text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' },
+      { text: 'Learn more', href: '#' },
+    ]}
     image={{
       src: 'https://images.unsplash.com/photo-1593510987046-1f8fcfc512a0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
       alt: 'Ironic image associated with canceling a subscription. Subscription Landing Page Demo',
@@ -24,13 +27,15 @@ const metadata = {
   />
 
   <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!"
-  actions={[{
-    variant: "primary",
-    text: 'Download Template',
-    href: 'https://github.com/onwidget/astrowind',
-    icon: 'tabler:download',
-  }]}
-/>
+    title="Coming soon"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    actions={[
+      {
+        variant: 'primary',
+        text: 'Download Template',
+        href: 'https://github.com/onwidget/astrowind',
+        icon: 'tabler:download',
+      },
+    ]}
+  />
 </Layout>
diff --git a/src/pages/pricing.astro b/src/pages/pricing.astro
index 08c0422..0e7fb1a 100644
--- a/src/pages/pricing.astro
+++ b/src/pages/pricing.astro
@@ -233,9 +233,12 @@ const metadata = {
   <CallToAction
     title="Ready to boost your projects?"
     subtitle="Join our community of satisfied customers who have transformed their work with our templates."
-    callToAction={{
-      text: 'Get started now',
-      href: '/',
-    }}
+    actions={[
+      {
+        variant: 'primary',
+        text: 'Get started now',
+        href: '/',
+      },
+    ]}
   />
 </Layout>
diff --git a/src/pages/services.astro b/src/pages/services.astro
index 783c766..0982371 100644
--- a/src/pages/services.astro
+++ b/src/pages/services.astro
@@ -212,6 +212,7 @@ const metadata = {
 
   <CallToAction
     actions={[{
+      variant: "primary",
       text: 'Start exploring',
       href: '/',
     }]}