update: footer and team

TEDx-SJEC · Oct 8, 2024 · 27e30f8 · 27e30f8
1 parent 5c49363
commit 27e30f8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/src/components/common/HorizontalScrollCarousel.tsx b/src/components/common/HorizontalScrollCarousel.tsx
@@ -38,15 +38,15 @@ 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={{
           backgroundImage: `url(${card.url})`,
           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
@@ -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>