diff --git a/package-lock.json b/package-lock.json
index c57441a..5db7965 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,6 +41,7 @@
         "lottie-react": "^2.4.0",
         "openai": "^4.78.0",
         "react": "^18.3.1",
+        "react-animated-cursor": "^2.11.2",
         "react-dom": "^18.3.1",
         "react-icons": "^5.4.0",
         "react-locomotive-scroll": "^0.2.2",
@@ -16209,6 +16210,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-animated-cursor": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmjs.org/react-animated-cursor/-/react-animated-cursor-2.11.2.tgz",
+      "integrity": "sha512-LV0PtST61tdeW/chCqFt1JLp6i0d5fD9v2uradBcPAkKKCi2Iw7sAcD11ADS1TjXPPj9MOoD9YubEt++/IbZ+g==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+      }
+    },
     "node_modules/react-app-polyfill": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz",
@@ -31831,6 +31842,12 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "react-animated-cursor": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmjs.org/react-animated-cursor/-/react-animated-cursor-2.11.2.tgz",
+      "integrity": "sha512-LV0PtST61tdeW/chCqFt1JLp6i0d5fD9v2uradBcPAkKKCi2Iw7sAcD11ADS1TjXPPj9MOoD9YubEt++/IbZ+g==",
+      "requires": {}
+    },
     "react-app-polyfill": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz",
diff --git a/package.json b/package.json
index 5ff7236..db1b53a 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "lottie-react": "^2.4.0",
     "openai": "^4.78.0",
     "react": "^18.3.1",
+    "react-animated-cursor": "^2.11.2",
     "react-dom": "^18.3.1",
     "react-icons": "^5.4.0",
     "react-locomotive-scroll": "^0.2.2",
diff --git a/src/App.js b/src/App.js
index 3de74c2..9f2a210 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,8 +1,8 @@
-import React from 'react';
+import React, {useState} from 'react';
 import { ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
-import ScrollToTop from './componets/ScrollToTop';
+import ScrollToTop from './componets/ScrollToTop'; 
 import { Provider } from 'react-redux';
 import { store } from './Store/index';
 import styled from 'styled-components';
@@ -14,7 +14,6 @@ import Register from './Pages/Register';
 import Shop from './Pages/Shop';
 import Cart from './Pages/cart';
 import About from './Pages/About';
-import Contributor from './Pages/contributor';
 import Faq from './Pages/Faq';
 import Contact from './Pages/contact';
 import Profile from './Pages/profile';
@@ -26,11 +25,9 @@ import Soup from './Pages/soup';
 import Milkshakes from './Pages/milkshake';
 import PremiumBeans from './Pages/PremiumBeans';
 import ForgetPassword from "./Pages/ForgetPassword";
-
 import ExpertBaristas from "./Pages/ExpertBaristas";
 import Reviews from "./componets/Reviews";
-
-import Terms from "./Pages/Terms";
+import AnimatedCursor from "react-animated-cursor";
 
 const AppContainer = styled.div`
   display: flex;
@@ -50,7 +47,14 @@ function App() {
         <ScrollToTop />
         <AppContainer>
           <Navbar />
-          
+          <AnimatedCursor 
+            innerSize={20}
+            outerSize={20}
+            color='104, 225, 239'
+            outerAlpha={0.2}
+            innerScale={0.7}
+            outerScale={5}
+          />
           <ToastContainer position="top-right" autoClose={3000} />
           <ContentContainer>
             <Routes>
@@ -62,7 +66,6 @@ function App() {
               <Route path="/shop" element={<Shop />} />
               <Route path="/cart" element={<Cart />} />
               <Route path="/about" element={<About />} />
-              <Route path="/Contributor" element={<Contributor />} />
               <Route path="/testimonial" element={<Testimonial />} />
               <Route path="/contact" element={<Contact />} />
               <Route path="/profile" element={<Profile />} />
@@ -72,7 +75,6 @@ function App() {
               <Route path="/shop/coffee" element={<Coffee />} />
               <Route path="/shop/soup" element={<Soup />} />
               <Route path="/shop/milkshake" element={<Milkshakes />} />
-              <Route path="/terms" element={<Terms />} />
               <Route path="/premiumbeans" element={<PremiumBeans />} />
               <Route path="/expertbaristas" element={<ExpertBaristas />} />
             </Routes>
@@ -86,4 +88,3 @@ function App() {
 }
 
 export default App;
-