diff --git a/src/components/common/HorizontalScrollCarousel.tsx b/src/components/common/HorizontalScrollCarousel.tsx
deleted file mode 100644
index cc6cd25..0000000
--- a/src/components/common/HorizontalScrollCarousel.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import { tedxsjecAssetsPrefix } from "@/lib/utils";
-import { motion, useTransform, useScroll } from "framer-motion";
-import { useRef } from "react";
-
-const HorizontalScroll = () => {
-  return (
-    <div className="bg-transparent">
-      <HorizontalScrollCarousel />
-    </div>
-  );
-};
-
-const HorizontalScrollCarousel = () => {
-  const targetRef = useRef<HTMLDivElement | null>(null);
-  const { scrollYProgress } = useScroll({
-    target: targetRef,
-  });
-
-  const x = useTransform(scrollYProgress, [0, 1], ["5%", "-50%"]);
-
-  return (
-    <section ref={targetRef} className="relative h-[300vh] ">
-      <div className="sticky top-0 flex h-screen items-center overflow-hidden">
-        <motion.div style={{ x }} className="flex gap-4">
-          <h1 className="text-7xl ml-5 uppercase text-[#ff0000] font-extrabold mb-0">
-            The Team
-          </h1>
-          {cards.map((card) => {
-            return <Card card={card} key={card.id} />;
-          })}
-        </motion.div>
-      </div>
-    </section>
-  );
-};
-
-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 "
-    >
-      <div
-        style={{
-          backgroundImage: `url(${card.url})`,
-          backgroundSize: "cover",
-          backgroundPosition: "center",
-        }}
-        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 ">
-          <p className=" text-3xl f">{card.name}</p>
-          <p className="b text-xl ">{card.title}</p>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default HorizontalScroll;
-
-type CardType = {
-  url: string;
-  title: string;
-  id: number;
-  name: string;
-};
-
-const cards: CardType[] = [
-  // {
-  //   url: "https://tedx-sjec.github.io/website-assets/team/dr-binu-k-g.avif",
-  //   title: "Faculty Co-Ordinator",
-  //   name: "Binu K G",
-  //   id: 1,
-  // },
-  {
-    url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
-    title: "Licensee & Organizer",
-    id: 2,
-    name: "Sharon Tyana Menezes",
-  },
-  {
-    url: "/imgs/abstract/3.jpg",
-    title: "Co-Organizer",
-    id: 3,
-    name: "Sasha Sajith",
-  },
-  {
-    url: "/imgs/abstract/4.jpg",
-    title: "Curation Head",
-    id: 4,
-    name: "Vyasa M Nayak",
-  },
-  {
-    url: "/imgs/abstract/5.jpg",
-    title: "Technical Head",
-    id: 5,
-    name: "Hanniel Andrede",
-  },
-  {
-    url: "/imgs/abstract/6.jpg",
-    title: "Design Head",
-    id: 6,
-    name: "Lawrence Robert D'Souza",
-  },
-  // {
-  //   url: "/imgs/abstract/7.jpg",
-  //   title: "Title 7",
-  //   id: 7,
-  //   name: "Binu K G",
-  // },
-];
diff --git a/src/components/ui/text-reveal.tsx b/src/components/ui/text-reveal.tsx
deleted file mode 100644
index 15b723f..0000000
--- a/src/components/ui/text-reveal.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-"use client";
-
-import { FC, ReactNode, useRef } from "react";
-import { motion, useScroll, useTransform, useInView } from "framer-motion";
-
-import { cn } from "@/lib/utils";
-
-interface TextRevealByWordProps {
-  text: string;
-  className?: string;
-}
-
-export const TextRevealByWord: FC<TextRevealByWordProps> = ({
-  text,
-  className,
-}) => {
-  const targetRef = useRef<HTMLDivElement | null>(null);
-
-  const { scrollYProgress } = useScroll({
-    target: targetRef,
-  });
-  const words = text.split(" ");
-
-  // const ref = useRef(null); // Create a reference for the element
-  // const isInView = useInView(ref, { once: true }); // Trigger animation once when in view
-
-  // Adjust the transform to make it exit only as it reaches the top of the viewport
-  const y = useTransform(scrollYProgress, [0, 0.25], [0, -350]); // Exit moves the heading further up (150px)
-  const opacity = useTransform(scrollYProgress, [0.1, 0.25], [2, 0]); // Fade out starts later and ends as it scrolls up
-
-  return (
-    <div ref={targetRef} className={cn("relative z-0 h-[200vh]", className)}>
-      <div
-        className={
-          "sticky top-0 mx-auto flex h-[50%]  max-w-8xl justify-center items-start flex-col  bg-transparent px-[7rem] md:py-[1rem]"
-        }
-      >
-        <motion.h1
-          className="md:text-8xl text-5xl md:text-start text-center px-12 font-extrabold uppercase text-[#ff0000]"
-          // ref={ref}
-          initial={{ opacity: 1, y: -30 }}
-          // animate={isInView ? { opacity: 1, y: 0 } : {}}
-          style={{ y, opacity }} // Bind scroll progress to y and opacity
-          // exit={{ opacity: 0, y: 20 }}
-          transition={{ duration: 1 }}
-        >
-          About
-        </motion.h1>
-
-        <p
-          ref={targetRef}
-          className={
-            "flex flex-wrap p-1 w-full text-2xl md:my-32 font-bold text-black/20 dark:text-white/20 md:p-8 md:text- xl lg:p-10 lg:text-4xl xl:text-6xl "
-          }
-        >
-          {words.map((word, i) => {
-            const start = i / words.length;
-            const end = start + 1 / words.length;
-            return (
-              <Word key={i} progress={scrollYProgress} range={[start, end]}>
-                {word}
-              </Word>
-            );
-          })}
-        </p>
-      </div>
-    </div>
-  );
-};
-
-interface WordProps {
-  children: ReactNode;
-  progress: any;
-  range: [number, number];
-}
-
-const Word: FC<WordProps> = ({ children, progress, range }) => {
-  const opacity = useTransform(progress, range, [0, 1]);
-  return (
-    <span className="xl:lg-3 relative mx-1 lg:mx-2.5">
-      <span className={"absolute opacity-30"}>{children}</span>
-      <motion.span
-        style={{ opacity: opacity }}
-        className={"text-black dark:text-white"}
-      >
-        {children}
-      </motion.span>
-    </span>
-  );
-};
-
-export default TextRevealByWord;