fix

automazeio · Sep 26, 2024 · 5d3744a · 5d3744a
1 parent 47a007c
commit 5d3744a
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git a/src/components/slider/MainContent.astro b/src/components/slider/MainContent.astro
@@ -13,7 +13,7 @@ const { title, textColor, description, buttonLabel } = Astro.props as MainConten
   <p class="text-[#0d0c22] text-lg font-medium font-['Mulish'] tracking-tight mb-10 lg:text-2xl">
     Harness the power of social data with
   </p>
-  <h1 class={`text-[${textColor}] text-5xl font-extrabold font-['Urbanist'] tracking-[2.6px] mb-8 lg:text-[130px]`}>
+  <h1 class={`${textColor} text-5xl font-extrabold font-['Urbanist'] tracking-[2.6px] mb-8 lg:text-[130px]`}>
     {title}
   </h1>
   <p class="text-[#9e9ea7] text-base font-normal font-['Mulish'] tracking-wide mb-14 lg:text-lg">

diff --git a/src/components/slider/Swiper.astro b/src/components/slider/Swiper.astro
@@ -5,7 +5,7 @@ import Circle from "./Circle.astro";
 const slides = [
   {
     title: 'ION Explore',
-    textColor: '#ed707e',
+    textColor: 'text-[#ed707e]',
     description: 'Driving business growth with data through influencer marketing',
     buttonLabel: 'Book a Demo',
     circleBackgroundColor: 'bg-[#feeff1]',
@@ -29,7 +29,7 @@ const slides = [
   },
   {
     title: 'ION Discover',
-    textColor: '#FFD572',
+    textColor: 'text-[#FFD572]',
     description: 'Driving business growth with data through influencer marketing',
     buttonLabel: 'Book a Demo',
     circleBackgroundColor: 'bg-[#FEF5F0]',
@@ -56,7 +56,7 @@ const slides = [
 
   {
     title: 'ION Analyze',
-    textColor: '#F9679A',
+    textColor: 'text-[#F9679A]',
     description: 'Driving business growth with data through influencer marketing',
     buttonLabel: 'Book a Demo',
     circleBackgroundColor: 'bg-[#FFE9EF]',
@@ -73,10 +73,9 @@ const slides = [
       `
     ),
   },
-  // New slide 2: ION Connect
   {
     title: 'ION Connect',
-    textColor: '#BB6DCF',
+    textColor: 'text-[#BB6DCF]',
     description: 'Driving business growth with data through influencer marketing',
     buttonLabel: 'Book a Demo',
     circleBackgroundColor: 'bg-[#FFE9EF]',

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -43,7 +43,7 @@ const { title } = Astro.props;
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
   </head>
-  <body>
+  <body class="overflow-x-hidden">
     <slot />
   </body>
 </html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -101,10 +101,10 @@ const whyIonkol = [
         el: ".swiper-pagination",
       },
       loop: true,
-      // autoplay: {
-      //   delay: 6000,
-      //   disableOnInteraction: false,
-      // },
+      autoplay: {
+        delay: 6000,
+        disableOnInteraction: false,
+      },
       navigation: {
         nextEl: ".swiper-button-next",
         prevEl: ".swiper-button-prev",