diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 20f2528..82295a7 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -1,67 +1,84 @@
-import React from 'react'
-import Link from 'next/link'
-import { motion } from 'framer-motion'
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { motion } from "framer-motion";
 
 export default function Header() {
-    return (
-        <header className='flex flex-row sticky top-0 border-b border-gray z-10 bg-soothing_black text-white py-3 items-center justify-center w-full gap-12 text-lg font-ibm uppercase'>
-            <motion.div
-                initial={{
-                    x: -500,
-                    opacity: 0,
-                    scale: .3
-                }}
-                animate={{
-                    x: 0,
-                    opacity: 1,
-                    scale: 1,
-                }}
-                transition={{
-                    duration: 1,
-                }}
-                className='hidden md:flex flex-row gap-12'>
-                <Link className='hover:text-primary' href="/">Home</Link>
-                <Link className='hover:text-primary' href="/">Events</Link>
-                <Link className='hover:text-primary' href="/">Downloads</Link>
-            </motion.div>
-            <motion.div
-                initial={{
-                    y: -300,
-                    opacity: 0,
-                    scale: .5
-                }}
-                animate={{
-                    y: 0,
-                    opacity: 1,
-                    scale: 1.1,
-                }}
-                transition={{
-                    delay: .8,
-                    duration: .5,
-                }}
-                className='w-8 md:w-12' >
-                <Link href="/"><img src="/Darpan.png" alt="Logo" /></Link>
-            </motion.div>
-            <motion.div
-                initial={{
-                    x: 500,
-                    opacity: 0,
-                    scale: .3
-                }}
-                animate={{
-                    x: 0,
-                    opacity: 1,
-                    scale: 1,
-                }}
-                transition={{
-                    duration: 1,
-                }}
-
-                className='hidden md:flex flex-row gap-12 items-center '>
-                <Link className='hover:text-primary' href="/">Gallery</Link>
-                <Link className='hover:text-primary' href="/">Contact</Link>
-                <Link className='text-primary' href="/">Register</Link>
-            </motion.div>
-        </header>
-    )
+  return (
+    <header className="flex flex-row sticky top-0 border-b border-gray z-10 bg-soothing_black text-white py-3 items-center justify-center w-full gap-12 !text-[.8rem] font-ibm uppercase tracking-[.08rem] font-semibold">
+      <motion.div
+        initial={{
+          x: -500,
+          opacity: 0,
+          scale: 0.3,
+        }}
+        animate={{
+          x: 0,
+          opacity: 1,
+          scale: 1,
+        }}
+        transition={{
+          duration: 1,
+        }}
+        className="hidden md:flex flex-row gap-12"
+      >
+        <Link className="hover:text-primary" href="/">
+          Home
+        </Link>
+        <Link className="hover:text-primary" href="/">
+          Events
+        </Link>
+        <Link className="hover:text-primary" href="/">
+          Downloads
+        </Link>
+      </motion.div>
+      <motion.div
+        initial={{
+          y: -300,
+          opacity: 0,
+          scale: 0.5,
+        }}
+        animate={{
+          y: 0,
+          opacity: 1,
+          scale: 1.1,
+        }}
+        transition={{
+          delay: 0.8,
+          duration: 0.5,
+        }}
+        className="w-8 md:w-12"
+      >
+        <Link href="/">
+          <Image width={25} height={25} src="/Darpan.png" alt="Logo" />
+        </Link>
+      </motion.div>
+      <motion.div
+        initial={{
+          x: 500,
+          opacity: 0,
+          scale: 0.3,
+        }}
+        animate={{
+          x: 0,
+          opacity: 1,
+          scale: 1,
+        }}
+        transition={{
+          duration: 1,
+        }}
+        className="hidden md:flex flex-row gap-12 items-center "
+      >
+        <Link className="hover:text-primary" href="/">
+          Gallery
+        </Link>
+        <Link className="hover:text-primary" href="/">
+          Contact
+        </Link>
+        <Link className="text-primary" href="/">
+          Register
+        </Link>
+      </motion.div>
+    </header>
+  );
 }
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 5eba164..cd4de1e 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -1,52 +1,84 @@
-import React from 'react'
-import Image from 'next/image'
-
+import React from "react";
+import Image from "next/image";
+import { gsap, Power4 } from "gsap";
 function Hero() {
+  //use Gsap to animate the hero section
+  const title1 = React.useRef(null);
+  const title2 = React.useRef(null);
+  const title3 = React.useRef(null);
+
+  React.useEffect(() => {
+    gsap.fromTo(
+      title1.current,
+      { y: -100, opacity: 0 },
+      { y: 0, opacity: 1, duration: 1, ease: Power4.easeOut, delay: 0.5 }
+    );
+    gsap.fromTo(
+      title2.current,
+      { y: -100, opacity: 0 },
+      { y: 0, opacity: 1, duration: 1, ease: Power4.easeOut, delay: 0.8 }
+    );
+    gsap.fromTo(
+      title3.current,
+      { y: -100, opacity: 0 },
+      { y: 0, opacity: 1, duration: 1, ease: Power4.easeOut, delay: 1.1 }
+    );
+  }, []);
 
-    return (
-        <div className='hero h-[100vh] uppercase flex flex-col justify-between md:gap-10 md:h-fit'>
-            <Image
-                src="/line_spinner.svg"
-                width={110}
-                height={110}
-                alt="spinner"
-                className="relative left-10 top-5 animate-spin"
-            />
-            <div className='hero-content'>
-                <h1 className='hero-text-1 font-clash'>College of Engineering Aranmula Presents</h1>
-                <div className='hero-text-2 font-chakra flex flex-row gap-5'>
-                    <span>DARPAN</span>
-                    <span className='text-primary text-stroke-black '>2023</span>
-                </div>
-                <span className='hero-text-3 font-clash'>TECH FEST</span>
-            </div>
+  return (
+    <div className="hero h-[100vh] uppercase flex flex-col justify-between md:gap-10 md:h-fit">
+      <Image
+        src="/line_spinner.svg"
+        width={110}
+        height={110}
+        alt="spinner"
+        className="relative left-10 top-5 animate-spin"
+      />
+      <div className="hero-content">
+        <h1 className="hero-text-1 font-clash opacity-0" ref={title1}>
+          College of Engineering Aranmula Presents
+        </h1>
+        <div
+          className="hero-text-2 font-chakra flex flex-row gap-5 opacity-0 "
+          ref={title2}
+        >
+          <span>DARPAN</span>
+          <span className="text-primary text-stroke-black ">2023</span>
+        </div>
+        <span className="hero-text-3 font-clash opacity-0" ref={title3}>
+          TECH FEST
+        </span>
+      </div>
 
-            <div className='date flex justify-between relative'>
-                <div className='flex flex-col text-2xl absolute left-5 top-10 md:text-3xl md:left-8 md:top-8 text-white z-10'>
-                    <span className='font-chakra font-medium'>2023 <span className='font-clash font-semibold'>April</span></span>
-                    <span className='flex gap-2 font-semibold'>17
-                        <b className='text-base font-medium'>TH</b>
-                        18
-                        <b className='text-base font-medium'>TH</b>
-                    </span>
-                </div>
-                <Image
-                    src="/Event date.png"
-                    width={250}
-                    height={250}
-                    alt="Event-Date"
-                    className="relative w-48 h-24 md:w-56 left-[-2px] bottom-[-30px] md:left-[-2px] md:bottom-[-15px] z-0"
-                />
-                <Image
-                    src="/line_spinner.svg"
-                    width={110}
-                    height={110}
-                    alt="spinner"
-                    className="relative right-10 bottom-10 animate-spin"
-                />
-            </div>
+      <div className="date flex justify-between relative">
+        <div className="flex flex-col text-2xl absolute left-5 top-10 md:text-3xl md:left-8 md:top-8 text-white z-10">
+          <span className="font-chakra font-medium">
+            2023 <span className="font-clash font-semibold">April</span>
+          </span>
+          <span className="flex gap-2 font-semibold">
+            17
+            <b className="text-base font-medium">TH</b>
+            18
+            <b className="text-base font-medium">TH</b>
+          </span>
         </div>
-    )
+        <Image
+          src="/Event date.png"
+          width={250}
+          height={250}
+          alt="Event-Date"
+          className="relative w-48 h-24 md:w-56 left-[-2px] bottom-[-30px] md:left-[-2px] md:bottom-[-15px] z-0"
+        />
+        <Image
+          src="/line_spinner.svg"
+          width={110}
+          height={110}
+          alt="spinner"
+          className="relative right-10 bottom-10 animate-spin"
+        />
+      </div>
+    </div>
+  );
 }
 
-export default Hero
\ No newline at end of file
+export default Hero;
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index d8320fc..7ed412c 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -3,9 +3,9 @@ import Head from "next/head";
 import Header from "@/components/Header";
 import Hero from "@/components/Hero";
 import About from "@/components/About";
-import Marque from "@/components/Marque"
+import Marque from "@/components/Marque";
 import Footer from "@/components/Footer";
-import { motion } from "framer-motion";
+// import { motion } from "framer-motion";
 
 const Home = () => {
   return (
@@ -16,7 +16,7 @@ const Home = () => {
       </Head>
       <Header />
 
-      <motion.section id="hero"
+      {/* <motion.section id="hero"
         initial={{
           margin: 0,
         }}
@@ -28,12 +28,12 @@ const Home = () => {
           duration: 1,
         }}>
         <Hero />
-      </motion.section>
+      </motion.section> */}
+      <Hero />
 
       <Marque />
 
-      <section id="about"
-        className="about">
+      <section id="about" className="about">
         <About />
       </section>
 
@@ -42,7 +42,7 @@ const Home = () => {
       {/*faq*/}
 
       {/*footer*/}
-      <Footer/>
+      <Footer />
     </div>
   );
 };
diff --git a/src/styles/hero.css b/src/styles/hero.css
index fc43136..001e658 100644
--- a/src/styles/hero.css
+++ b/src/styles/hero.css
@@ -1,72 +1,71 @@
-
 .hero {
-    background-color: #ffffff;
-    background-image: linear-gradient(#c4c4c4 1px, transparent 1px), linear-gradient(to right, #c4c4c4 1px, #ffffff 1px);
-    background-size: 100px 100px;
+  background-color: #ffffff;
+  background-image: linear-gradient(#c4c4c4 1px, transparent 1px),
+    linear-gradient(to right, #c4c4c4 1px, #ffffff 1px);
+  background-size: 100px 100px;
 }
 
 .hero-content {
-    text-transform: uppercase;
-    font-weight: bolder;
-    position: relative;
-    padding: 0 4rem;
+  text-transform: uppercase;
+  font-weight: bolder;
+  position: relative;
+  padding: 0 4rem;
 }
 
 .hero-text-1 {
-    position: relative;
-    top: 2rem;
-    font-size: 1.5rem;
-    letter-spacing: .1rem;
+  position: relative;
+  top: 2rem;
+  font-size: 1.5rem;
+  letter-spacing: 0.1rem;
 }
 
 .hero-text-2 {
-    font-size: 10rem;
-    display: flex;
-    flex-wrap: wrap;
+  font-size: 10rem;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 .hero-text-3 {
-    font-size: 8rem;
-    position: relative;
-    bottom: 5rem;
+  font-size: 8rem;
+  position: relative;
+  bottom: 5rem;
 }
 
-@media (width<764){
-    
+@media (width<764) {
 }
 
 @media (width<640px) {
-    .hero-content{
-        padding: 0 1rem;
-    }
+  .hero-content {
+    padding: 0 1rem;
+  }
 
-    .hero-text-1{
-        font-size: .8rem;
-        top: 1rem;
-    }
+  .hero-text-1 {
+    font-size: 0.8rem;
+    top: 1rem;
+  }
 
-    .hero-text-2{
-        font-size: 6rem;
-    }
+  .hero-text-2 {
+    font-size: 6rem;
+  }
 
-    .hero-text-2 span:nth-child(2){
-        font-size: 8rem;
-        position: relative;
-        top: -5rem;
-    }
+  .hero-text-2 span:nth-child(2) {
+    font-size: 8rem;
+    position: relative;
+    top: -5rem;
+  }
 
-    .hero-text-3 {
-        font-size: 3.9rem;
-        bottom: 7rem;
-    }
+  .hero-text-3 {
+    font-size: 3.9rem;
+    bottom: 7rem;
+  }
 }
 
 @media (width<400px) {
-    .hero-text-2 {
-        font-size: 5rem;
-    }
+  .hero-text-2 {
+    font-size: 5rem;
+  }
 
-    .hero-text-3 {
-        font-size: 3.3rem;
-    }
-}
\ No newline at end of file
+  .hero-text-3 {
+    font-size: 3.3rem;
+  }
+}
diff --git a/yarn.lock b/yarn.lock
index c7a3ee7..eaeac21 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -83,6 +83,66 @@
   dependencies:
     glob "7.1.7"
 
+"@next/swc-android-arm-eabi@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.4.tgz#758d0403771e549f9cee71cbabc0cb16a6c947c0"
+  integrity sha512-DWlalTSkLjDU11MY11jg17O1gGQzpRccM9Oes2yTqj2DpHndajrXHGxj9HGtJ+idq2k7ImUdJVWS2h2l/EDJOw==
+
+"@next/swc-android-arm64@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-android-arm64/-/swc-android-arm64-13.2.4.tgz#834d586523045110d5602e0c8aae9028835ac427"
+  integrity sha512-sRavmUImUCf332Gy+PjIfLkMhiRX1Ez4SI+3vFDRs1N5eXp+uNzjFUK/oLMMOzk6KFSkbiK/3Wt8+dHQR/flNg==
+
+"@next/swc-darwin-arm64@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.4.tgz#5006fca179a36ef3a24d293abadec7438dbb48c6"
+  integrity sha512-S6vBl+OrInP47TM3LlYx65betocKUUlTZDDKzTiRDbsRESeyIkBtZ6Qi5uT2zQs4imqllJznVjFd1bXLx3Aa6A==
+
+"@next/swc-darwin-x64@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.4.tgz#6549c7c04322766acc3264ccdb3e1b43fcaf7946"
+  integrity sha512-a6LBuoYGcFOPGd4o8TPo7wmv5FnMr+Prz+vYHopEDuhDoMSHOnC+v+Ab4D7F0NMZkvQjEJQdJS3rqgFhlZmKlw==
+
+"@next/swc-freebsd-x64@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.4.tgz#0bbe28979e3e868debc2cc06e45e186ce195b7f4"
+  integrity sha512-kkbzKVZGPaXRBPisoAQkh3xh22r+TD+5HwoC5bOkALraJ0dsOQgSMAvzMXKsN3tMzJUPS0tjtRf1cTzrQ0I5vQ==
+
+"@next/swc-linux-arm-gnueabihf@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.4.tgz#1d28d2203f5a7427d6e7119d7bcb5fc40959fb3e"
+  integrity sha512-7qA1++UY0fjprqtjBZaOA6cas/7GekpjVsZn/0uHvquuITFCdKGFCsKNBx3S0Rpxmx6WYo0GcmhNRM9ru08BGg==
+
+"@next/swc-linux-arm64-gnu@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.4.tgz#eb26448190948cdf4c44b8f34110a3ecea32f1d0"
+  integrity sha512-xzYZdAeq883MwXgcwc72hqo/F/dwUxCukpDOkx/j1HTq/J0wJthMGjinN9wH5bPR98Mfeh1MZJ91WWPnZOedOg==
+
+"@next/swc-linux-arm64-musl@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.4.tgz#c4227c0acd94a420bb14924820710e6284d234d3"
+  integrity sha512-8rXr3WfmqSiYkb71qzuDP6I6R2T2tpkmf83elDN8z783N9nvTJf2E7eLx86wu2OJCi4T05nuxCsh4IOU3LQ5xw==
+
+"@next/swc-linux-x64-gnu@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.4.tgz#6bcb540944ee9b0209b33bfc23b240c2044dfc3e"
+  integrity sha512-Ngxh51zGSlYJ4EfpKG4LI6WfquulNdtmHg1yuOYlaAr33KyPJp4HeN/tivBnAHcZkoNy0hh/SbwDyCnz5PFJQQ==
+
+"@next/swc-linux-x64-musl@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.4.tgz#ce21e43251eaf09a09df39372b2c3e38028c30ff"
+  integrity sha512-gOvwIYoSxd+j14LOcvJr+ekd9fwYT1RyMAHOp7znA10+l40wkFiMONPLWiZuHxfRk+Dy7YdNdDh3ImumvL6VwA==
+
+"@next/swc-win32-arm64-msvc@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.4.tgz#68220063d8e5e082f5465498675640dedb670ff1"
+  integrity sha512-q3NJzcfClgBm4HvdcnoEncmztxrA5GXqKeiZ/hADvC56pwNALt3ngDC6t6qr1YW9V/EPDxCYeaX4zYxHciW4Dw==
+
+"@next/swc-win32-ia32-msvc@13.2.4":
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.4.tgz#7c120ab54a081be9566df310bed834f168252990"
+  integrity sha512-/eZ5ncmHUYtD2fc6EUmAIZlAJnVT2YmxDsKs1Ourx0ttTtvtma/WKlMV5NoUsyOez0f9ExLyOpeCoz5aj+MPXw==
+
 "@next/swc-win32-x64-msvc@13.2.4":
   version "13.2.4"
   resolved "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.4.tgz"
@@ -96,7 +156,7 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
   version "2.0.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -201,7 +261,7 @@ acorn-walk@^7.0.0:
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^7.0.0, acorn@^7.4.0:
+acorn@^7.0.0, acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
@@ -396,7 +456,7 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.21.5, "browserslist@>= 4.21.0":
+browserslist@^4.21.5:
   version "4.21.5"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz"
   integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
@@ -480,16 +540,16 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@^1.1.4, color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
+color-name@^1.1.4, color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
@@ -788,7 +848,7 @@ eslint-module-utils@^2.7.4:
   dependencies:
     debug "^3.2.7"
 
-eslint-plugin-import@*, eslint-plugin-import@^2.26.0:
+eslint-plugin-import@^2.26.0:
   version "2.27.5"
   resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz"
   integrity sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==
@@ -872,12 +932,7 @@ eslint-utils@^2.1.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-eslint-visitor-keys@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz"
-  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
-
-eslint-visitor-keys@^1.3.0:
+eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
   version "1.3.0"
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz"
   integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
@@ -892,7 +947,7 @@ eslint-visitor-keys@^3.3.0:
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
 
-eslint@*, "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^3 || ^4 || ^5 || ^6 || ^7 || ^8", "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^7.23.0 || ^8.0.0", eslint@^7.32.0, eslint@>=7.0.0:
+eslint@^7.32.0:
   version "7.32.0"
   resolved "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz"
   integrity sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==
@@ -1067,6 +1122,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -1128,7 +1188,7 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob@^7.1.3, glob@7.1.7:
+glob@7.1.7, glob@^7.1.3:
   version "7.1.7"
   resolved "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz"
   integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==
@@ -1201,7 +1261,7 @@ graceful-fs@^4.2.4:
 
 gsap@^3.11.5:
   version "3.11.5"
-  resolved "https://registry.npmjs.org/gsap/-/gsap-3.11.5.tgz"
+  resolved "https://registry.yarnpkg.com/gsap/-/gsap-3.11.5.tgz#97ef65091f43868be387803f9db277e8cd5bd041"
   integrity sha512-Q89nKCLgoX5xUjznh9LcaIUkz54k1voNucT1Rpf9SJNFIQznBwFqt5qUUQbeVInFyN/n18OUJkpeI6CNEDt74w==
 
 has-bigints@^1.0.1, has-bigints@^1.0.2:
@@ -1596,7 +1656,7 @@ minimist@^1.2.0, minimist@^1.2.6:
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-ms@^2.1.1, ms@2.1.2:
+ms@2.1.2, ms@^2.1.1:
   version "2.1.2"
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
@@ -1838,19 +1898,19 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.0.0, postcss@^8.0.9, postcss@^8.1.0, postcss@^8.2.14, postcss@^8.4.21, postcss@>=8.0.9:
-  version "8.4.21"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz"
-  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
+postcss@8.4.14:
+  version "8.4.14"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz"
+  integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
   dependencies:
     nanoid "^3.3.4"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-postcss@8.4.14:
-  version "8.4.14"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz"
-  integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
+postcss@^8.0.9, postcss@^8.4.21:
+  version "8.4.21"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz"
+  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
   dependencies:
     nanoid "^3.3.4"
     picocolors "^1.0.0"
@@ -1895,7 +1955,7 @@ quick-lru@^5.1.1:
   resolved "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz"
   integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
 
-react-dom@^18.0.0, react-dom@^18.2.0, react-dom@18.2.0:
+react-dom@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -1913,7 +1973,7 @@ react-is@^16.13.1:
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react@*, react@^18.0.0, react@^18.2.0, "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", react@18.2.0:
+react@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
@@ -2299,11 +2359,6 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
-"typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta", typescript@>=3.3.1:
-  version "5.0.2"
-  resolved "https://registry.npmjs.org/typescript/-/typescript-5.0.2.tgz"
-  integrity sha512-wVORMBGO/FAs/++blGNeAVdbNKtIh1rbBL2EyQ1+J9lClJ93KiiKe8PmFIVdXhHcyv44SL9oglmfeSsndo0jRw==
-
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz"