diff --git a/package-lock.json b/package-lock.json
index ec9ab39..ea04ba1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,6 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^4.11.0",
-        "react-router-dom": "^6.17.0",
         "web-vitals": "^2.1.4"
       },
       "devDependencies": {
diff --git a/src/components/NavBar/NavBar.css b/src/components/NavBar/NavBar.css
deleted file mode 100644
index 5c0c055..0000000
--- a/src/components/NavBar/NavBar.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.active{
-    border-bottom: 2px solid rgb(107, 161, 215);
-}
\ No newline at end of file
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index 53624c0..dc345ac 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -1,8 +1,6 @@
 import React, { useState } from "react";
 import { FaBars, FaTimes } from "react-icons/fa";
 import Logo from "../../Assests/gdsc-logo.png";
-import { NavLink } from "react-router-dom";
-import "./NavBar.css";
 const Navbar = () => {
   const [click, setClick] = useState(false);
 
@@ -24,21 +22,21 @@ const Navbar = () => {
         )}
         {click && (
           <div
-            className="w-[12rem] h-[20rem] bg-white absolute z-10 top-0 right-0 block lg:hidden md:hidden rounded-lg"
+            className="w-[12rem] h-[17rem] bg-white absolute z-10 top-0 right-0 block lg:hidden md:hidden rounded-lg"
             style={{ boxShadow: " 0 0 10px rgba(0, 0, 0, 0.2)" }}
           >
             <ul className=" flex flex-col justify-center mt-[13vh] gap-4 items-center text-md text-[#535353]">
               <li className="hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500">
-                <NavLink to="/">About us</NavLink>
+                <a href="#about">About us</a>
               </li>
               <li className="hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500">
-                <NavLink to="/event">Event</NavLink>
+                <a href="#event">Event</a>
               </li>
               <li className="hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500">
-                <NavLink to="/team">Our team</NavLink>
+                <a href="#team">Our team</a>
               </li>
               <li className="hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500">
-                <NavLink to="/contact">Contact</NavLink>
+                <a href="#contact">Contact</a>
               </li>
             </ul>
           </div>
@@ -51,16 +49,16 @@ const Navbar = () => {
       >
         <ul className=" flex justify-center items-center  gap-12 text-sm h-[6.4vh] text-[#535353] transition-all delay-300">
           <li className="hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500">
-            <NavLink to="/">About us</NavLink>
+            <a href="#about">About us</a>
           </li>
           <li className="hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500">
-            <NavLink to="/about">Event</NavLink>
+            <a href="#event">Event</a>
           </li>
           <li className="hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500">
-            <NavLink to="/team">Our team</NavLink>
+            <a href="#team">Our team</a>
           </li>
           <li className="hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500">
-            <NavLink to="/contact">Contact</NavLink>
+            <a href="#contact">Contact</a>
           </li>
         </ul>
       </div>
diff --git a/src/index.jsx b/src/index.jsx
index 7296479..52bd825 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -6,9 +6,9 @@ import { BrowserRouter } from 'react-router-dom';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
-  <BrowserRouter>
+  <React.StrictMode>
     <App />
-  </BrowserRouter>
+  </React.StrictMode>
 );
 
 // If you want to start measuring performance in your app, pass a function