From 27e30f8bd3554bcf469b018e3d207cee25e652b9 Mon Sep 17 00:00:00 2001
From: pranavvraja <pranavvraja@gmail.com>
Date: Tue, 8 Oct 2024 11:42:24 +0530
Subject: [PATCH] update: footer and team

---
 src/components/common/HorizontalScrollCarousel.tsx |  4 ++--
 src/components/edil-ozi/text-glitch.tsx            | 13 ++++++++-----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/common/HorizontalScrollCarousel.tsx b/src/components/common/HorizontalScrollCarousel.tsx
index ea1a6ff..cc6cd25 100644
--- a/src/components/common/HorizontalScrollCarousel.tsx
+++ b/src/components/common/HorizontalScrollCarousel.tsx
@@ -38,7 +38,7 @@ const Card = ({ card }: { card: CardType }) => {
   return (
     <div
       key={card.id}
-      className="group relative md:h-[450px] md:w-[450px] h-[300px] w-[400px] rounded-3xl mr-4 overflow-hidden bg-neutral-200"
+      className="group relative md:h-[450px] md:w-[450px] h-[300px] w-[400px] rounded-3xl mr-4 overflow-hidden bg-neutral-200 "
     >
       <div
         style={{
@@ -46,7 +46,7 @@ const Card = ({ card }: { card: CardType }) => {
           backgroundSize: "cover",
           backgroundPosition: "center",
         }}
-        className="absolute inset-0 z-0 transition-transform duration-300 group-hover:scale-110"
+        className="absolute inset-0 z-0 duration-300 group-hover:scale-110 transition saturate-0 hover:saturate-100"
       ></div>
       <div className="absolute bottom-0 w-full z-10 grid place-content-left">
         <div className="bg-gradient-to-b w-full  from-black/0 to-black/30 p-8 py-4 text-5xl font-black uppercase text-white ">
diff --git a/src/components/edil-ozi/text-glitch.tsx b/src/components/edil-ozi/text-glitch.tsx
index ff21317..5161bcb 100644
--- a/src/components/edil-ozi/text-glitch.tsx
+++ b/src/components/edil-ozi/text-glitch.tsx
@@ -3,21 +3,24 @@ import { FC } from "react";
 import { cn } from "@/lib/utils";
 
 interface Props {
-  textOne: string; 
-  textTwo: string; 
+  textOne: string;
+  textTwo: string;
   className?: string;
 }
 
 const TextGlitchEffect: FC<Props> = ({ textOne, textTwo, className }) => {
   return (
     <div
-      className={cn("group relative inline-block overflow-hidden leading-tight", className)}
+      className={cn(
+        "group relative inline-block overflow-hidden leading-tight",
+        className
+      )}
     >
       <span className="invisible whitespace-nowrap">{textOne}</span>
-      <span className="absolute left-0 top-0 text-black transition-transform duration-300 ease-in-out group-hover:-translate-y-full whitespace-nowrap">
+      <span className="absolute left-0 top-0 text-red-600 transition-transform duration-300 ease-in-out group-hover:-translate-y-full whitespace-nowrap">
         {textOne}
       </span>
-      <span className="absolute left-0 top-0 translate-y-full transition-transform duration-300 ease-in-out group-hover:translate-y-0 text-red-600 whitespace-nowrap">
+      <span className="absolute left-0 top-0 translate-y-full transition-transform duration-300 ease-in-out group-hover:translate-y-0 text-white whitespace-nowrap">
         {textTwo}
       </span>
     </div>