Minor ui fixes and format

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 }]}>
+<div class:list={['absolute inset-0', { 'bg-dark dark:bg-transparent': isDark }]}>
-<slot />
+  <slot />
 </div>

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 = {

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: '/',
     }]}

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={{

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

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={[{
+    actions={[
-      text: 'Get template',
+      {
-      href: 'https://github.com/onwidget/astrowind',
+        variant: 'primary',
-      icon: 'tabler:download',
+        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>

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"
+    title="Coming soon"
-  subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
-  actions={[{
+    actions={[
-    variant: "primary",
+      {
-    text: 'Download Template',
+        variant: 'primary',
-    href: 'https://github.com/onwidget/astrowind',
+        text: 'Download Template',
-    icon: 'tabler:download',
+        href: 'https://github.com/onwidget/astrowind',
-  }]}
+        icon: 'tabler:download',
-/>
+      },
+    ]}
+  />
 </Layout>

src/pages/landing/pre-launch.astro

@@ -27,13 +27,15 @@ const metadata = {
   />
 
   <CallToAction
-  title="Coming soon"
+    title="Coming soon"
-  subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
-  actions={[{
+    actions={[
-    variant: "primary",
+      {
-    text: 'Download Template',
+        variant: 'primary',
-    href: 'https://github.com/onwidget/astrowind',
+        text: 'Download Template',
-    icon: 'tabler:download',
+        href: 'https://github.com/onwidget/astrowind',
-  }]}
+        icon: 'tabler:download',
-/>
+      },
+    ]}
+  />
 </Layout>

src/pages/landing/product.astro

@@ -27,13 +27,15 @@ const metadata = {
   />
 
   <CallToAction
-  title="Coming soon"
+    title="Coming soon"
-  subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
-  actions={[{
+    actions={[
-    variant: "primary",
+      {
-    text: 'Download Template',
+        variant: 'primary',
-    href: 'https://github.com/onwidget/astrowind',
+        text: 'Download Template',
-    icon: 'tabler:download',
+        href: 'https://github.com/onwidget/astrowind',
-  }]}
+        icon: 'tabler:download',
-/>
+      },
+    ]}
+  />
 </Layout>

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"
+    title="Coming soon"
-  subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
-  actions={[{
+    actions={[
-    variant: "primary",
+      {
-    text: 'Download Template',
+        variant: 'primary',
-    href: 'https://github.com/onwidget/astrowind',
+        text: 'Download Template',
-    icon: 'tabler:download',
+        href: 'https://github.com/onwidget/astrowind',
-  }]}
+        icon: 'tabler:download',
-/>
+      },
+    ]}
+  />
 </Layout>

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"
+    title="Coming soon"
-  subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
+    subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
-  actions={[{
+    actions={[
-    variant: "primary",
+      {
-    text: 'Download Template',
+        variant: 'primary',
-    href: 'https://github.com/onwidget/astrowind',
+        text: 'Download Template',
-    icon: 'tabler:download',
+        href: 'https://github.com/onwidget/astrowind',
-  }]}
+        icon: 'tabler:download',
-/>
+      },
+    ]}
+  />
 </Layout>

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={{
+    actions={[
-      text: 'Get started now',
+      {
-      href: '/',
+        variant: 'primary',
-    }}
+        text: 'Get started now',
+        href: '/',
+      },
+    ]}
   />
 </Layout>

src/pages/services.astro

@@ -212,6 +212,7 @@ const metadata = {
 
   <CallToAction
     actions={[{
+      variant: "primary",
       text: 'Start exploring',
       href: '/',
     }]}