From c2adcdd162fb8333a77f7097ca8392a665348ecd Mon Sep 17 00:00:00 2001
From: Sindhura Karumuri <karu07sind@gmail.com>
Date: Sat, 26 Jul 2025 19:09:28 +0530
Subject: [PATCH 1/3] fixed issue

---
 package-lock.json           | 43 ++++++++++++++++++++++++++++
 package.json                |  1 +
 src/App.jsx                 |  6 ++++
 src/components/Nexus.jsx    | 56 +++++++++++++++++++++++++++++++++++++
 src/components/Prologue.jsx | 54 +++++++++++++++++++++++++++++++++++
 src/components/Vault.jsx    | 54 +++++++++++++++++++++++++++++++++++
 6 files changed, 214 insertions(+)
 create mode 100644 src/components/Nexus.jsx
 create mode 100644 src/components/Prologue.jsx
 create mode 100644 src/components/Vault.jsx

diff --git a/package-lock.json b/package-lock.json
index d9f3bdb..7bc6c59 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@gsap/react": "^2.1.1",
         "clsx": "^2.1.1",
+        "framer-motion": "^12.23.9",
         "gsap": "^3.12.5",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
@@ -2663,6 +2664,33 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "12.23.9",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.23.9.tgz",
+      "integrity": "sha512-TqEHXj8LWfQSKqfdr5Y4mYltYLw96deu6/K9kGDd+ysqRJPNwF9nb5mZcrLmybHbU7gcJ+HQar41U3UTGanbbQ==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.23.9",
+        "motion-utils": "^12.23.6",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -3622,6 +3650,21 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/motion-dom": {
+      "version": "12.23.9",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.23.9.tgz",
+      "integrity": "sha512-6Sv++iWS8XMFCgU1qwKj9l4xuC47Hp4+2jvPfyTXkqDg2tTzSgX6nWKD4kNFXk0k7llO59LZTPuJigza4A2K1A==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.23.6"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.23.6",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.23.6.tgz",
+      "integrity": "sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==",
+      "license": "MIT"
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
diff --git a/package.json b/package.json
index abacbe4..2214b1d 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@gsap/react": "^2.1.1",
     "clsx": "^2.1.1",
+    "framer-motion": "^12.23.9",
     "gsap": "^3.12.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
diff --git a/src/App.jsx b/src/App.jsx
index 1427910..5a0927b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -5,6 +5,9 @@ import Navbar from './components/Navbar'
 import Features from './components/Features'
 import Story from './components/Story'
 import Contact from './components/Contact'
+import Nexus from './components/Nexus'
+import Vault from './components/Vault'
+import Prologue from './components/Prologue'
 import Footer from './components/Footer'
 
 const App = () => {
@@ -16,6 +19,9 @@ const App = () => {
     <About/>
     <Features/>
     <Story/>
+    <Nexus/>
+    <Vault/>
+    <Prologue/>
     <Contact/>
     <Footer/>
 
diff --git a/src/components/Nexus.jsx b/src/components/Nexus.jsx
new file mode 100644
index 0000000..4a9f4b8
--- /dev/null
+++ b/src/components/Nexus.jsx
@@ -0,0 +1,56 @@
+import React from "react";
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/all";
+import { useGSAP } from "@gsap/react";
+import AnimatedTitle from "./AnimatedTitle";
+
+gsap.registerPlugin(ScrollTrigger);
+
+const Nexus = () => {
+  useGSAP(() => {
+    const tl = gsap.timeline({
+      scrollTrigger: {
+        trigger: "#nexus-clip",
+        start: "center center",
+        end: "+=800 center",
+        scrub: 0.5,
+        pin: true,
+        pinSpacing: true,
+      },
+    });
+
+    tl.to(".mask-clip-path", {
+      width: "100vw",
+      height: "100vh",
+      borderRadius: "0%",
+      duration: 1,
+    });
+  });
+
+  return (
+    <div id="nexus" className="min-h-screen w-screen bg-black text-white">
+      <div className="relative mt-36 flex flex-col items-center gap-5">
+        <h2 className="font-general text-sm uppercase">Enter the Nexus</h2>
+        <AnimatedTitle
+          title="Step <b>in</b>to the center<br/> of all d<b>e</b>cisions"
+          containerClass="mt-5 text-center"
+        />
+        <div className="about-subtext">
+          <p>The Nexus connects every layer of your reality in the Matrix.</p>
+        </div>
+      </div>
+
+      <div className="h-dvh w-screen" id="nexus-clip">
+        <div className="mask-clip-path about-image">
+          <img
+            src="https://assets2.razerzone.com/images/pnx.assets/2ce96ca152420023fc7569e1ba85023a/nexus-kishiultra-pgupdate-desktop-hero.webp"
+            alt="Nexus Visual"
+            className="absolute left-0 top-0 size-full object-cover"
+          />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Nexus;
diff --git a/src/components/Prologue.jsx b/src/components/Prologue.jsx
new file mode 100644
index 0000000..361ba88
--- /dev/null
+++ b/src/components/Prologue.jsx
@@ -0,0 +1,54 @@
+import React from "react";
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/all";
+import { useGSAP } from "@gsap/react";
+import AnimatedTitle from "./AnimatedTitle";
+
+gsap.registerPlugin(ScrollTrigger);
+
+const Prologue = () => {
+  useGSAP(() => {
+    gsap.timeline({
+      scrollTrigger: {
+        trigger: "#prologue-clip",
+        start: "center center",
+        end: "+=800 center",
+        scrub: 0.5,
+        pin: true,
+        pinSpacing: true,
+      },
+    }).to(".mask-clip-path", {
+      width: "100vw",
+      height: "100vh",
+      borderRadius: "0%",
+      duration: 1,
+    });
+  });
+
+  return (
+    <div id="prologue" className="min-h-screen w-screen bg-black text-white">
+      <div className="relative mt-36 flex flex-col items-center gap-5">
+        <h2 className="font-general text-sm uppercase">The Prologue</h2>
+        <AnimatedTitle
+          title="Every s<b>t</b>ory<br /> h<b>a</b>s a beginning"
+          containerClass="mt-5 text-center"
+        />
+        <div className="about-subtext">
+          <p>Before the chaos, there was only silence.</p>
+        </div>
+      </div>
+
+      <div className="h-dvh w-screen" id="prologue-clip">
+        <div className="mask-clip-path about-image">
+          <img
+            src="https://assets1.ignimgs.com/2020/01/07/prologue---button-01-1578438169648.jpg?crop=1%3A1%2Csmart&format=jpg&auto=webp&quality=80"
+            alt="Prologue Visual"
+            className="absolute left-0 top-0 size-full object-cover"
+          />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Prologue;
diff --git a/src/components/Vault.jsx b/src/components/Vault.jsx
new file mode 100644
index 0000000..1f8a81b
--- /dev/null
+++ b/src/components/Vault.jsx
@@ -0,0 +1,54 @@
+import React from "react";
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/all";
+import { useGSAP } from "@gsap/react";
+import AnimatedTitle from "./AnimatedTitle";
+
+gsap.registerPlugin(ScrollTrigger);
+
+const Vault = () => {
+  useGSAP(() => {
+    gsap.timeline({
+      scrollTrigger: {
+        trigger: "#vault-clip",
+        start: "center center",
+        end: "+=800 center",
+        scrub: 0.5,
+        pin: true,
+        pinSpacing: true,
+      },
+    }).to(".mask-clip-path", {
+      width: "100vw",
+      height: "100vh",
+      borderRadius: "0%",
+      duration: 1,
+    });
+  });
+
+  return (
+    <div id="vault" className="min-h-screen w-screen bg-zinc-900 text-white">
+      <div className="relative mt-36 flex flex-col items-center gap-5">
+        <h2 className="font-general text-sm uppercase">Unlock the Vault</h2>
+        <AnimatedTitle
+          title="G<b>a</b>ther your<br /> digital we<b>a</b>lth"
+          containerClass="mt-5 text-center"
+        />
+        <div className="about-subtext">
+          <p>All your items, tokens, and lore reside in the Vault.</p>
+        </div>
+      </div>
+
+      <div className="h-dvh w-screen" id="vault-clip">
+        <div className="mask-clip-path about-image">
+          <img
+            src="https://i.redd.it/37eltgiyksz81.jpg"
+            alt="Vault Visual"
+            className="absolute left-0 top-0 size-full object-cover"
+          />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Vault;

From 741f8068f8469f7f11b687d0d11cd9e4fb1ea785 Mon Sep 17 00:00:00 2001
From: Sindhura Karumuri <karu07sind@gmail.com>
Date: Sat, 2 Aug 2025 20:47:32 +0530
Subject: [PATCH 2/3] Issue is fixed

---
 package-lock.json         | 59 +++++++++++++++++++++++++++++--
 package.json              | 19 ++++++++--
 src/App.jsx               | 58 ++++++++++++++++---------------
 src/components/Navbar.jsx | 73 +++++++++++++++++++++++++++++----------
 src/components/Nexus.jsx  | 23 ++++++------
 src/components/Vault.jsx  | 19 +++++-----
 src/index.css             | 42 +++++++++++++++++++++-
 src/pages/About.jsx       |  8 +++++
 src/pages/Contact.jsx     |  8 +++++
 src/pages/Home.jsx        | 16 +++++++++
 src/pages/Nexus.jsx       |  8 +++++
 src/pages/Prologue.jsx    |  8 +++++
 src/pages/Vault.jsx       |  8 +++++
 13 files changed, 277 insertions(+), 72 deletions(-)
 create mode 100644 src/pages/About.jsx
 create mode 100644 src/pages/Contact.jsx
 create mode 100644 src/pages/Home.jsx
 create mode 100644 src/pages/Nexus.jsx
 create mode 100644 src/pages/Prologue.jsx
 create mode 100644 src/pages/Vault.jsx

diff --git a/package-lock.json b/package-lock.json
index 7bc6c59..635315d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,13 @@
 {
-  "name": "my-project",
+  "name": "my-project-565",
   "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "my-project",
+      "name": "my-project-565",
       "version": "0.0.0",
+      "license": "ISC",
       "dependencies": {
         "@gsap/react": "^2.1.1",
         "clsx": "^2.1.1",
@@ -15,6 +16,7 @@
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-icons": "^5.4.0",
+        "react-router-dom": "^7.7.1",
         "react-use": "^17.6.0"
       },
       "devDependencies": {
@@ -1868,6 +1870,15 @@
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
       "dev": true
     },
+    "node_modules/cookie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz",
+      "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/copy-to-clipboard": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
@@ -4278,6 +4289,44 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-router": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.7.1.tgz",
+      "integrity": "sha512-jVKHXoWRIsD/qS6lvGveckwb862EekvapdHJN/cGmzw40KnJH5gg53ujOJ4qX6EKIK9LSBfFed/xiQ5yeXNrUA==",
+      "license": "MIT",
+      "dependencies": {
+        "cookie": "^1.0.1",
+        "set-cookie-parser": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.7.1.tgz",
+      "integrity": "sha512-bavdk2BA5r3MYalGKZ01u8PGuDBloQmzpBZVhDLrOOv1N943Wq6dcM9GhB3x8b7AbqPMEezauv4PeGkAJfy7FQ==",
+      "license": "MIT",
+      "dependencies": {
+        "react-router": "7.7.1"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/react-universal-interface": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",
@@ -4549,6 +4598,12 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
+      "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==",
+      "license": "MIT"
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
diff --git a/package.json b/package.json
index 2214b1d..540f434 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,22 @@
 {
-  "name": "my-project",
-  "private": true,
+  "name": "my-project-565",
   "version": "0.0.0",
+  "description": "src game",
+  "keywords": [
+    "gaming"
+  ],
+  "homepage": "https://github.com/Sindhura-Karumuri/scr-game#readme",
+  "bugs": {
+    "url": "https://github.com/Sindhura-Karumuri/scr-game/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Sindhura-Karumuri/scr-game.git"
+  },
+  "license": "ISC",
+  "author": "sindhura_karumuri",
   "type": "module",
+  "main": "eslint.config.js",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -17,6 +31,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-icons": "^5.4.0",
+    "react-router-dom": "^7.7.1",
     "react-use": "^17.6.0"
   },
   "devDependencies": {
diff --git a/src/App.jsx b/src/App.jsx
index 5a0927b..0c5e388 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,32 +1,36 @@
-import React from 'react'
-import Hero from './components/Hero'
-import About from './components/About'
-import Navbar from './components/Navbar'
-import Features from './components/Features'
-import Story from './components/Story'
-import Contact from './components/Contact'
-import Nexus from './components/Nexus'
-import Vault from './components/Vault'
-import Prologue from './components/Prologue'
-import Footer from './components/Footer'
+// App.jsx
+import React from 'react';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import Navbar from './components/Navbar';
+import Footer from './components/Footer';
+
+// Pages
+import Home from './pages/Home';
+import Nexus from './pages/Nexus';
+import Vault from './pages/Vault';
+import Prologue from './pages/Prologue';
+import About from './pages/About';
+import Contact from './pages/Contact';
 
 const App = () => {
   return (
-    <main className='relative min-h-screen w-screen overflow-x-hidden'>
-    
-    <Hero/>
-   <Navbar/>
-    <About/>
-    <Features/>
-    <Story/>
-    <Nexus/>
-    <Vault/>
-    <Prologue/>
-    <Contact/>
-    <Footer/>
+    <Router>
+      <main className="relative min-h-screen w-screen overflow-x-hidden">
+        <Navbar />
+
+        <Routes>
+          <Route path="/" element={<Home />} />
+          <Route path="/nexus" element={<Nexus />} />
+          <Route path="/vault" element={<Vault />} />
+          <Route path="/prologue" element={<Prologue />} />
+          <Route path="/about" element={<About />} />
+          <Route path="/contact" element={<Contact />} />
+        </Routes>
 
-    </main>
-  )
-}
+        <Footer />
+      </main>
+    </Router>
+  );
+};
 
-export default App
\ No newline at end of file
+export default App;
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index eb9a97e..ac1671d 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -4,66 +4,87 @@ import Button from "./Button";
 import { TiLocationArrow } from "react-icons/ti";
 import { useWindowScroll } from "react-use";
 import gsap from "gsap";
+import { Link } from "react-router-dom"; 
 
-// Navigation items
-const navItems = ["Nexus", "Vault", "Prologue", "About", "Contact"];
+// Navigation items and their corresponding routes
+const navItems = [
+  { label: "Nexus", path: "/nexus" },
+  { label: "Vault", path: "/vault" },
+  { label: "Prologue", path: "/prologue" },
+  { label: "About", path: "/about" },
+  { label: "Contact", path: "/contact" },
+];
 
 const Navbar = () => {
   const [isAudioPlaying, setIsAudioPlaying] = useState(false);
   const [isIndicatorActive, setIsIndicatorActive] = useState(false);
   const [lastScrollY, setLastScrollY] = useState(0);
   const [isNavVisible, setIsNavVisible] = useState(true);
+
   const navContainerRef = useRef(null);
   const audioElementRef = useRef(null);
   const { y: currentScrollY } = useWindowScroll();
 
+  // Handle scroll direction and update nav visibility
   useEffect(() => {
     if (currentScrollY === 0) {
       setIsNavVisible(true);
-      navContainerRef.current.classList.remove("floating-nav");
     } else if (currentScrollY > lastScrollY) {
       setIsNavVisible(false);
-      navContainerRef.current.classList.remove("floating-nav");
-      navContainerRef.current.classList.add("floating-view");
     } else if (currentScrollY < lastScrollY) {
       setIsNavVisible(true);
-      navContainerRef.current.classList.remove("floating-view");
-      navContainerRef.current.classList.add("floating-nav");
     }
     setLastScrollY(currentScrollY);
   }, [currentScrollY]);
 
+  // Animate nav in/out with GSAP
   useEffect(() => {
-    gsap.to(navContainerRef.current, {
+    const tween = gsap.to(navContainerRef.current, {
       y: isNavVisible ? 0 : -100,
       opacity: isNavVisible ? 1 : 0,
       duration: 0.2,
+      ease: "power2.out",
     });
+
+    return () => tween.kill();
   }, [isNavVisible]);
 
+  // Toggle audio playback
   const toggleAudioIndicator = () => {
     setIsAudioPlaying((prev) => !prev);
     setIsIndicatorActive((prev) => !prev);
   };
 
   useEffect(() => {
+    const audio = audioElementRef.current;
+    if (!audio) return;
+
     if (isAudioPlaying) {
-      audioElementRef.current.play();
+      audio.play().catch((err) =>
+        console.warn("Audio autoplay failed:", err)
+      );
     } else {
-      audioElementRef.current.pause();
+      audio.pause();
     }
   }, [isAudioPlaying]);
 
   return (
     <div
       ref={navContainerRef}
-      className="fixed inset-x-0 top-0 h-20 transition-all duration-700 sm:inset-x-6 z-50"
+      className={`fixed inset-x-0 top-0 h-20 transition-all duration-700 sm:inset-x-6 z-50 ${
+        isNavVisible ? "floating-nav" : "floating-view"
+      }`}
     >
       <header className="w-full">
         <nav className="flex items-center justify-between p-4">
           {/* Left Section */}
           <div className="flex items-center gap-7">
-            <img src="/img/logo.png" alt="logo" className="w-10" />
+            <img
+              src="/img/logo.png"
+              alt="logo"
+              className="w-10"
+              loading="lazy"
+            />
             <Button
               id="product-button"
               title="Products"
@@ -74,22 +95,36 @@ const Navbar = () => {
 
           {/* Right Section */}
           <div className="flex h-full items-center">
+            {/* Navigation Links */}
             <div className="hidden md:flex items-center space-x-6">
               {navItems.map((item, index) => (
                 <a
-                  key={index}
-                  href={`#${item.toLowerCase()}`}
-                  className="nav-hover-btn"
-                >
-                  {item}
-                </a>
+  key={index}
+  href={item.path}
+  target="_blank"
+  rel="noopener noreferrer"
+  className="nav-hover-btn"
+>
+  {item.label}
+</a>
+
               ))}
             </div>
+
+            {/* Audio Toggle Button */}
             <button
               className="ml-10 flex items-center space-x-0.5"
               onClick={toggleAudioIndicator}
+              aria-label={
+                isAudioPlaying ? "Pause background audio" : "Play background audio"
+              }
             >
-              <audio ref={audioElementRef} className="hidden" src="/audio/loop.mp3" loop />
+              <audio
+                ref={audioElementRef}
+                className="hidden"
+                src="/audio/loop.mp3"
+                loop
+              />
               {[1, 2, 3, 4].map((bar) => (
                 <div
                   key={bar}
diff --git a/src/components/Nexus.jsx b/src/components/Nexus.jsx
index 4a9f4b8..f434863 100644
--- a/src/components/Nexus.jsx
+++ b/src/components/Nexus.jsx
@@ -8,7 +8,7 @@ gsap.registerPlugin(ScrollTrigger);
 
 const Nexus = () => {
   useGSAP(() => {
-    const tl = gsap.timeline({
+    gsap.timeline({
       scrollTrigger: {
         trigger: "#nexus-clip",
         start: "center center",
@@ -17,35 +17,34 @@ const Nexus = () => {
         pin: true,
         pinSpacing: true,
       },
-    });
-
-    tl.to(".mask-clip-path", {
+    }).to(".mask-clip-path-nexus", {
       width: "100vw",
       height: "100vh",
       borderRadius: "0%",
-      duration: 1,
+      ease: "power2.out",
+      duration: 1.5,
     });
   });
 
   return (
-    <div id="nexus" className="min-h-screen w-screen bg-black text-white">
-      <div className="relative mt-36 flex flex-col items-center gap-5">
-        <h2 className="font-general text-sm uppercase">Enter the Nexus</h2>
+    <div id="nexus" className="min-h-screen w-screen bg-gradient-to-b from-black via-zinc-900 to-black text-white">
+      <div className="relative mt-36 flex flex-col items-center gap-5 max-w-3xl mx-auto px-4 text-center backdrop-blur-md bg-white/5 rounded-2xl shadow-lg py-10">
+        <h2 className="font-general text-sm uppercase tracking-widest text-zinc-300">Enter the Nexus</h2>
         <AnimatedTitle
           title="Step <b>in</b>to the center<br/> of all d<b>e</b>cisions"
-          containerClass="mt-5 text-center"
+          containerClass="mt-5 text-center text-4xl font-bold"
         />
-        <div className="about-subtext">
+        <div className="about-subtext text-zinc-400 mt-4">
           <p>The Nexus connects every layer of your reality in the Matrix.</p>
         </div>
       </div>
 
       <div className="h-dvh w-screen" id="nexus-clip">
-        <div className="mask-clip-path about-image">
+        <div className="mask-clip-path-nexus about-image relative overflow-hidden backdrop-blur-xl bg-white/10 rounded-3xl shadow-2xl">
           <img
             src="https://assets2.razerzone.com/images/pnx.assets/2ce96ca152420023fc7569e1ba85023a/nexus-kishiultra-pgupdate-desktop-hero.webp"
             alt="Nexus Visual"
-            className="absolute left-0 top-0 size-full object-cover"
+            className="absolute inset-0 w-full h-full object-cover"
           />
         </div>
       </div>
diff --git a/src/components/Vault.jsx b/src/components/Vault.jsx
index 1f8a81b..170e822 100644
--- a/src/components/Vault.jsx
+++ b/src/components/Vault.jsx
@@ -17,33 +17,34 @@ const Vault = () => {
         pin: true,
         pinSpacing: true,
       },
-    }).to(".mask-clip-path", {
+    }).to(".mask-clip-path-vault", {
       width: "100vw",
       height: "100vh",
       borderRadius: "0%",
-      duration: 1,
+      ease: "power2.out",
+      duration: 1.5,
     });
   });
 
   return (
-    <div id="vault" className="min-h-screen w-screen bg-zinc-900 text-white">
-      <div className="relative mt-36 flex flex-col items-center gap-5">
-        <h2 className="font-general text-sm uppercase">Unlock the Vault</h2>
+    <div id="vault" className="min-h-screen w-screen bg-gradient-to-b from-zinc-900 via-black to-zinc-900 text-white">
+      <div className="relative mt-36 flex flex-col items-center gap-5 max-w-3xl mx-auto px-4 text-center backdrop-blur-md bg-white/5 rounded-2xl shadow-lg py-10">
+        <h2 className="font-general text-sm uppercase tracking-widest text-zinc-300">Unlock the Vault</h2>
         <AnimatedTitle
           title="G<b>a</b>ther your<br /> digital we<b>a</b>lth"
-          containerClass="mt-5 text-center"
+          containerClass="mt-5 text-center text-4xl font-bold"
         />
-        <div className="about-subtext">
+        <div className="about-subtext text-zinc-400 mt-4">
           <p>All your items, tokens, and lore reside in the Vault.</p>
         </div>
       </div>
 
       <div className="h-dvh w-screen" id="vault-clip">
-        <div className="mask-clip-path about-image">
+        <div className="mask-clip-path-vault about-image relative overflow-hidden backdrop-blur-xl bg-white/10 rounded-3xl shadow-2xl">
           <img
             src="https://i.redd.it/37eltgiyksz81.jpg"
             alt="Vault Visual"
-            className="absolute left-0 top-0 size-full object-cover"
+            className="absolute inset-0 w-full h-full object-cover"
           />
         </div>
       </div>
diff --git a/src/index.css b/src/index.css
index 0cfcc01..471d8b3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -270,4 +270,44 @@ body {
     transform: translateY(66%) scale(0.65);
     opacity: 0.8;
   }
-}
\ No newline at end of file
+}
+
+/* Add to your global CSS if not already defined */
+.indicator-line {
+  width: 2px;
+  height: 10px;
+  background: #00f;
+  animation: bounce 1s infinite ease-in-out;
+  opacity: 0.6;
+}
+
+.indicator-line.active {
+  opacity: 1;
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: scaleY(1);
+  }
+  50% {
+    transform: scaleY(1.5);
+  }
+}
+
+.floating-nav {
+  backdrop-filter: blur(12px);
+  background-color: #ffffff;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  border-bottom: 1px solid #e5e7eb; /* Tailwind's gray-200 */
+}
+
+
+.floating-view {
+  backdrop-filter: blur(12px);
+  background-color: #ffffff; /* solid white */
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+}
+
+.nav-hover-btn {
+  @apply text-black hover:text-blue-500 transition-colors duration-200;
+}
diff --git a/src/pages/About.jsx b/src/pages/About.jsx
new file mode 100644
index 0000000..92f4826
--- /dev/null
+++ b/src/pages/About.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import About from '../components/About';
+
+const AboutPage = () => {
+  return <About />;
+};
+
+export default AboutPage;
diff --git a/src/pages/Contact.jsx b/src/pages/Contact.jsx
new file mode 100644
index 0000000..698ad4f
--- /dev/null
+++ b/src/pages/Contact.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import Contact from '../components/Contact';
+
+const ContactPage = () => {
+  return <Contact />;
+};
+
+export default ContactPage;
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
new file mode 100644
index 0000000..98b9903
--- /dev/null
+++ b/src/pages/Home.jsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import Hero from '../components/Hero';
+import Features from '../components/Features';
+import Story from '../components/Story';
+
+const Home = () => {
+  return (
+    <>
+      <Hero />
+      <Features />
+      <Story />
+    </>
+  );
+};
+
+export default Home;
diff --git a/src/pages/Nexus.jsx b/src/pages/Nexus.jsx
new file mode 100644
index 0000000..85515d0
--- /dev/null
+++ b/src/pages/Nexus.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import Nexus from '../components/Nexus';
+
+const NexusPage = () => {
+  return <Nexus />;
+};
+
+export default NexusPage;
diff --git a/src/pages/Prologue.jsx b/src/pages/Prologue.jsx
new file mode 100644
index 0000000..ff83398
--- /dev/null
+++ b/src/pages/Prologue.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import Prologue from '../components/Prologue';
+
+const ProloguePage = () => {
+  return <Prologue />;
+};
+
+export default ProloguePage;
diff --git a/src/pages/Vault.jsx b/src/pages/Vault.jsx
new file mode 100644
index 0000000..8b820bc
--- /dev/null
+++ b/src/pages/Vault.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import Vault from '../components/Vault';
+
+const VaultPage = () => {
+  return <Vault />;
+};
+
+export default VaultPage;

From ff78df7bceef626be0917112675e4d0fdfec775f Mon Sep 17 00:00:00 2001
From: Sindhura Karumuri <karu07sind@gmail.com>
Date: Sun, 3 Aug 2025 13:07:31 +0530
Subject: [PATCH 3/3] Fix: completed dependency list and regenerated lockfile

---
 package-lock.json | 603 ----------------------------------------------
 1 file changed, 603 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 635315d..fde29dc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -334,374 +334,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.24.0.tgz",
-      "integrity": "sha512-WtKdFM7ls47zkKHFVzMz8opM7LkcsIp9amDUBIAWirg70RM71WRSjdILPsY5Uv1D42ZpUfaPILDlfactHgsRkw==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.24.0.tgz",
-      "integrity": "sha512-arAtTPo76fJ/ICkXWetLCc9EwEHKaeya4vMrReVlEIUCAUncH7M4bhMQ+M9Vf+FFOZJdTNMXNBrWwW+OXWpSew==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.24.0.tgz",
-      "integrity": "sha512-Vsm497xFM7tTIPYK9bNTYJyF/lsP590Qc1WxJdlB6ljCbdZKU9SY8i7+Iin4kyhV/KV5J2rOKsBQbB77Ab7L/w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.24.0.tgz",
-      "integrity": "sha512-t8GrvnFkiIY7pa7mMgJd7p8p8qqYIz1NYiAoKc75Zyv73L3DZW++oYMSHPRarcotTKuSs6m3hTOa5CKHaS02TQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.24.0.tgz",
-      "integrity": "sha512-CKyDpRbK1hXwv79soeTJNHb5EiG6ct3efd/FTPdzOWdbZZfGhpbcqIpiD0+vwmpu0wTIL97ZRPZu8vUt46nBSw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.24.0.tgz",
-      "integrity": "sha512-rgtz6flkVkh58od4PwTRqxbKH9cOjaXCMZgWD905JOzjFKW+7EiUObfd/Kav+A6Gyud6WZk9w+xu6QLytdi2OA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.24.0.tgz",
-      "integrity": "sha512-6Mtdq5nHggwfDNLAHkPlyLBpE5L6hwsuXZX8XNmHno9JuL2+bg2BX5tRkwjyfn6sKbxZTq68suOjgWqCicvPXA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.24.0.tgz",
-      "integrity": "sha512-D3H+xh3/zphoX8ck4S2RxKR6gHlHDXXzOf6f/9dbFt/NRBDIE33+cVa49Kil4WUjxMGW0ZIYBYtaGCa2+OsQwQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.24.0.tgz",
-      "integrity": "sha512-gJKIi2IjRo5G6Glxb8d3DzYXlxdEj2NlkixPsqePSZMhLudqPhtZ4BUrpIuTjJYXxvF9njql+vRjB2oaC9XpBw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.24.0.tgz",
-      "integrity": "sha512-TDijPXTOeE3eaMkRYpcy3LarIg13dS9wWHRdwYRnzlwlA370rNdZqbcp0WTyyV/k2zSxfko52+C7jU5F9Tfj1g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.24.0.tgz",
-      "integrity": "sha512-K40ip1LAcA0byL05TbCQ4yJ4swvnbzHscRmUilrmP9Am7//0UjPreh4lpYzvThT2Quw66MhjG//20mrufm40mA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.24.0.tgz",
-      "integrity": "sha512-0mswrYP/9ai+CU0BzBfPMZ8RVm3RGAN/lmOMgW4aFUSOQBjA31UP8Mr6DDhWSuMwj7jaWOT0p0WoZ6jeHhrD7g==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.24.0.tgz",
-      "integrity": "sha512-hIKvXm0/3w/5+RDtCJeXqMZGkI2s4oMUGj3/jM0QzhgIASWrGO5/RlzAzm5nNh/awHE0A19h/CvHQe6FaBNrRA==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.24.0.tgz",
-      "integrity": "sha512-HcZh5BNq0aC52UoocJxaKORfFODWXZxtBaaZNuN3PUX3MoDsChsZqopzi5UupRhPHSEHotoiptqikjN/B77mYQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.24.0.tgz",
-      "integrity": "sha512-bEh7dMn/h3QxeR2KTy1DUszQjUrIHPZKyO6aN1X4BCnhfYhuQqedHaa5MxSQA/06j3GpiIlFGSsy1c7Gf9padw==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.24.0.tgz",
-      "integrity": "sha512-ZcQ6+qRkw1UcZGPyrCiHHkmBaj9SiCD8Oqd556HldP+QlpUIe2Wgn3ehQGVoPOvZvtHm8HPx+bH20c9pvbkX3g==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.24.0.tgz",
-      "integrity": "sha512-vbutsFqQ+foy3wSSbmjBXXIJ6PL3scghJoM8zCL142cGaZKAdCZHyf+Bpu/MmX9zT9Q0zFBVKb36Ma5Fzfa8xA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.24.0.tgz",
-      "integrity": "sha512-hjQ0R/ulkO8fCYFsG0FZoH+pWgTTDreqpqY7UnQntnaKv95uP5iW3+dChxnx7C3trQQU40S+OgWhUVwCjVFLvg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.24.0.tgz",
-      "integrity": "sha512-MD9uzzkPQbYehwcN583yx3Tu5M8EIoTD+tUgKF982WYL9Pf5rKy9ltgD0eUgs8pvKnmizxjXZyLt0z6DC3rRXg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.24.0.tgz",
-      "integrity": "sha512-4ir0aY1NGUhIC1hdoCzr1+5b43mw99uNwVzhIq1OY3QcEwPDO3B7WNXBzaKY5Nsf1+N11i1eOfFcq+D/gOS15Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.24.0.tgz",
-      "integrity": "sha512-jVzdzsbM5xrotH+W5f1s+JtUy1UWgjU0Cf4wMvffTB8m6wP5/kx0KiaLHlbJO+dMgtxKV8RQ/JvtlFcdZ1zCPA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.24.0.tgz",
-      "integrity": "sha512-iKc8GAslzRpBytO2/aN3d2yb2z8XTVfNV0PjGlCxKo5SgWmNXx82I/Q3aG1tFfS+A2igVCY97TJ8tnYwpUWLCA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.24.0.tgz",
-      "integrity": "sha512-vQW36KZolfIudCcTnaTpmLQ24Ha1RjygBo39/aLkM2kmjkWmZGEJ5Gn9l5/7tzXA42QGIoWbICfg6KLLkIw6yw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@esbuild/win32-x64": {
       "version": "0.24.0",
       "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.24.0.tgz",
@@ -1024,227 +656,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.4.tgz",
-      "integrity": "sha512-2Y3JT6f5MrQkICUyRVCw4oa0sutfAsgaSsb0Lmmy1Wi2y7X5vT9Euqw4gOsCyy0YfKURBg35nhUKZS4mDcfULw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.27.4.tgz",
-      "integrity": "sha512-wzKRQXISyi9UdCVRqEd0H4cMpzvHYt1f/C3CoIjES6cG++RHKhrBj2+29nPF0IB5kpy9MS71vs07fvrNGAl/iA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.27.4.tgz",
-      "integrity": "sha512-PlNiRQapift4LNS8DPUHuDX/IdXiLjf8mc5vdEmUR0fF/pyy2qWwzdLjB+iZquGr8LuN4LnUoSEvKRwjSVYz3Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.27.4.tgz",
-      "integrity": "sha512-o9bH2dbdgBDJaXWJCDTNDYa171ACUdzpxSZt+u/AAeQ20Nk5x+IhA+zsGmrQtpkLiumRJEYef68gcpn2ooXhSQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.27.4.tgz",
-      "integrity": "sha512-NBI2/i2hT9Q+HySSHTBh52da7isru4aAAo6qC3I7QFVsuhxi2gM8t/EI9EVcILiHLj1vfi+VGGPaLOUENn7pmw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.27.4.tgz",
-      "integrity": "sha512-wYcC5ycW2zvqtDYrE7deary2P2UFmSh85PUpAx+dwTCO9uw3sgzD6Gv9n5X4vLaQKsrfTSZZ7Z7uynQozPVvWA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.27.4.tgz",
-      "integrity": "sha512-9OwUnK/xKw6DyRlgx8UizeqRFOfi9mf5TYCw1uolDaJSbUmBxP85DE6T4ouCMoN6pXw8ZoTeZCSEfSaYo+/s1w==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.27.4.tgz",
-      "integrity": "sha512-Vgdo4fpuphS9V24WOV+KwkCVJ72u7idTgQaBoLRD0UxBAWTF9GWurJO9YD9yh00BzbkhpeXtm6na+MvJU7Z73A==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.27.4.tgz",
-      "integrity": "sha512-pleyNgyd1kkBkw2kOqlBx+0atfIIkkExOTiifoODo6qKDSpnc6WzUY5RhHdmTdIJXBdSnh6JknnYTtmQyobrVg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.27.4.tgz",
-      "integrity": "sha512-caluiUXvUuVyCHr5DxL8ohaaFFzPGmgmMvwmqAITMpV/Q+tPoaHZ/PWa3t8B2WyoRcIIuu1hkaW5KkeTDNSnMA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.27.4.tgz",
-      "integrity": "sha512-FScrpHrO60hARyHh7s1zHE97u0KlT/RECzCKAdmI+LEoC1eDh/RDji9JgFqyO+wPDb86Oa/sXkily1+oi4FzJQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.27.4.tgz",
-      "integrity": "sha512-qyyprhyGb7+RBfMPeww9FlHwKkCXdKHeGgSqmIXw9VSUtvyFZ6WZRtnxgbuz76FK7LyoN8t/eINRbPUcvXB5fw==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.27.4.tgz",
-      "integrity": "sha512-PFz+y2kb6tbh7m3A7nA9++eInGcDVZUACulf/KzDtovvdTizHpZaJty7Gp0lFwSQcrnebHOqxF1MaKZd7psVRg==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.27.4.tgz",
-      "integrity": "sha512-Ni8mMtfo+o/G7DVtweXXV/Ol2TFf63KYjTtoZ5f078AUgJTmaIJnj4JFU7TK/9SVWTaSJGxPi5zMDgK4w+Ez7Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.27.4.tgz",
-      "integrity": "sha512-5AeeAF1PB9TUzD+3cROzFTnAJAcVUGLuR8ng0E0WXGkYhp6RD6L+6szYVX+64Rs0r72019KHZS1ka1q+zU/wUw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.27.4.tgz",
-      "integrity": "sha512-yOpVsA4K5qVwu2CaS3hHxluWIK5HQTjNV4tWjQXluMiiiu4pJj4BN98CvxohNCpcjMeTXk/ZMJBRbgRg8HBB6A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.27.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.27.4.tgz",
-      "integrity": "sha512-KtwEJOaHAVJlxV92rNYiG9JQwQAdhBlrjNRp7P9L8Cb4Rer3in+0A+IPhJC9y68WAi9H0sX4AiG2NTsVlmqJeQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
       "version": "4.27.4",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.27.4.tgz",
@@ -2702,20 +2113,6 @@
         }
       }
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",