From 03ed771cfe12abb9010d1afdd660193d37975f2c Mon Sep 17 00:00:00 2001
From: joshbermanssw <joshberman@ssw.com.au>
Date: Wed, 6 Nov 2024 10:28:13 +1100
Subject: [PATCH 1/3] UI fixes

---
 components/blocks/CarouselFeature.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/blocks/CarouselFeature.tsx b/components/blocks/CarouselFeature.tsx
index 936393d9e..12225dd86 100644
--- a/components/blocks/CarouselFeature.tsx
+++ b/components/blocks/CarouselFeature.tsx
@@ -22,7 +22,7 @@ const CarouselItem = ({
 
   const commonStyles =
     'transition-all delay-[50] duration-500 hover:scale-105 hover:z-20';
-  const nonHoveredStyles = 'pl-4';
+  const nonHoveredStyles = '';
 
   const actionsArray = button ? [button] : [];
 
@@ -63,7 +63,7 @@ const CarouselItem = ({
           )}
           {headline && (
             <h3
-              className={` md:text-3xl text-2xl font-tuner leading-tight cursor-pointer pl-4 ${
+              className={` md:text-3xl text-2xl font-tuner leading-tight cursor-pointer pl-3 ${
                 isHovered && !isSmallOrMediumScreen
                   ? 'text-transparent lg:text-3xl bg-gradient-to-br from-orange-400 cursor-default via-orange-500 to-orange-600 bg-clip-text'
                   : 'text-black lg:text-xl'
@@ -81,12 +81,12 @@ const CarouselItem = ({
           }`}
         >
           {textDisplayCondition && (
-            <p className={`md:pl-12 lg:pl-9 text-lg font-medium slide-up`}>
+            <p className={`md:pl-12 lg:pl-13 pl-9 text-lg font-medium slide-up`}>
               {text}
             </p>
           )}
           {buttonDisplayCondition && (
-            <div className={`md:pl-6 lg:pl-7 slide-up`}>
+            <div className={`md:pl-6 lg:pl-6 pl-3 slide-up flex justify-start`}>
               <Actions items={actionsArray} />
             </div>
           )}

From 64cdd1ddcc61aea073984e02fbd3aa3776b54db8 Mon Sep 17 00:00:00 2001
From: joshbermanssw <joshberman@ssw.com.au>
Date: Wed, 6 Nov 2024 10:36:20 +1100
Subject: [PATCH 2/3] rm empty var

---
 components/blocks/CarouselFeature.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/blocks/CarouselFeature.tsx b/components/blocks/CarouselFeature.tsx
index 12225dd86..3f1a31362 100644
--- a/components/blocks/CarouselFeature.tsx
+++ b/components/blocks/CarouselFeature.tsx
@@ -22,7 +22,7 @@ const CarouselItem = ({
 
   const commonStyles =
     'transition-all delay-[50] duration-500 hover:scale-105 hover:z-20';
-  const nonHoveredStyles = '';
+  
 
   const actionsArray = button ? [button] : [];
 

From 60f15bc0c27976b9456123aa432038e842e0e26d Mon Sep 17 00:00:00 2001
From: joshbermanssw <joshberman@ssw.com.au>
Date: Wed, 6 Nov 2024 10:37:22 +1100
Subject: [PATCH 3/3] rm logic from nonHoveredStyles

---
 components/blocks/CarouselFeature.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/components/blocks/CarouselFeature.tsx b/components/blocks/CarouselFeature.tsx
index 3f1a31362..5852aa6ec 100644
--- a/components/blocks/CarouselFeature.tsx
+++ b/components/blocks/CarouselFeature.tsx
@@ -22,7 +22,6 @@ const CarouselItem = ({
 
   const commonStyles =
     'transition-all delay-[50] duration-500 hover:scale-105 hover:z-20';
-  
 
   const actionsArray = button ? [button] : [];
 
@@ -36,11 +35,8 @@ const CarouselItem = ({
 
   return (
     <div
-      className={`${
-        isHovered && !isSmallOrMediumScreen
-          ? 'group block bg-gradient-to-br from-white/25 via-white/50 to-white/75 shadow-2xl pl-6 pr-8 md:py-9 md:pr-11 lg:pb-8 lg:pt-8 lg:pr-4 rounded-2xl'
-          : nonHoveredStyles
-      } ${commonStyles}`}
+      className={`
+           'group block bg-gradient-to-br from-white/25 via-white/50 to-white/75 shadow-2xl pl-6 pr-8 md:py-9 md:pr-11 lg:pb-8 lg:pt-8 lg:pr-4 rounded-2xl ${commonStyles}`}
       onClick={() => onClick(index)}
       style={{ textDecoration: 'none', overflow: 'visible' }}
     >
@@ -81,7 +77,9 @@ const CarouselItem = ({
           }`}
         >
           {textDisplayCondition && (
-            <p className={`md:pl-12 lg:pl-13 pl-9 text-lg font-medium slide-up`}>
+            <p
+              className={`md:pl-12 lg:pl-13 pl-9 text-lg font-medium slide-up`}
+            >
               {text}
             </p>
           )}