diff --git a/src/App.jsx b/src/App.jsx
index 56b8a56f542c01ad2e97b9f36d475f14ef084c68..c57872f53122d7eac9497623a647f584a27032ca 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,15 +1,17 @@
 import React from "react";
 import Landing_page from "./component/landing_page";
-import { BrowserRouter } from "react-router-dom";
-import Router from "./component/route";
+import Seller_login from "./pages/seller_login";
+import { Router, Route, Routes } from "react-router-dom";
 
 function App() {
   return (
     <>
+      <Router>
+        <Routes>
+            <Route path="/seller-login" element={<Seller_login />} />
+        </Routes>
+      </Router> 
       <Landing_page />
-      <BrowserRouter>
-        <Router />
-      </BrowserRouter>
     </>
     
   );
diff --git a/src/component/bentobox.jsx b/src/component/bentobox.jsx
index 5ad846fe0f4947b015a86858889cf9fe1c220843..6f1834c842453022763799efecb97265a5ca1701 100644
--- a/src/component/bentobox.jsx
+++ b/src/component/bentobox.jsx
@@ -2,9 +2,15 @@ import React from "react";
 import first from "../assets/bento/image1.svg";
 import second from "../assets/bento/image3.svg";
 import third from "../assets/bento/image2.svg";
-import { Link } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
+
 
 function Bento() {
+    const navigate = useNavigate();
+    const goTo = () => {
+        navigate("/seller-login");
+};
+
     return (
         <>
    
@@ -18,9 +24,9 @@ function Bento() {
                         <div className="absolute inset-x-0 bottom-0 h-full flex flex-col items-center justify-center bg-black/40 bg-opacity-0 transform translate-y-full group-hover:translate-y-0 transition-transform duration-1000 ease-[cubic-bezier(0.4,0,0.2,1)]"  style={{
                                 background: "linear-gradient(to top, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.3) 70%)"
                             }}>
-                            <p className="text-white text-center font-extrabold text-6xl">
-                              <Link to={'/seller-login'} ><span className="block">Seller</span>
-                              <span className="block">Registration</span></Link>                              
+                            <p className="text-white text-center font-extrabold text-6xl cursor-pointer" onClick={goTo}>
+                                    <span className="block">Seller</span>
+                                    <span className="block">Registration</span>                              
                             </p>
                         </div>
                     </div>
diff --git a/src/component/route.jsx b/src/component/route.jsx
deleted file mode 100644
index 0920c4923ea6fd790f3ec7df34c591f19c72d1c5..0000000000000000000000000000000000000000
--- a/src/component/route.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Routes, Route } from "react-router-dom";
-// Import components from the same folder
-import Seller_login from "./seller_login.jsx";
-
-function Router() {
-  return (
-    <Routes>
-      <Route path="/seller-login" element={<Seller_login />} />
-    </Routes>
-  );
-}
-
-export default Router;
diff --git a/src/main.jsx b/src/main.jsx
index b86fb61a55f8c72a9faf8947162523f85b8020e5..f2ae16ed5a599592fe79c0e8dd9e314b076f2e3f 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -2,9 +2,14 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
 import App from './App.jsx'
+import { BrowserRouter } from 'react-router-dom'
  
 createRoot(document.getElementById('root')).render(
-<StrictMode>
+//<StrictMode>
+  //<App />
+//</StrictMode>,
+
+<BrowserRouter>
   <App />
-</StrictMode>  
+</BrowserRouter>
 );
diff --git a/src/component/seller_login.jsx b/src/pages/seller_login.jsx
similarity index 100%
rename from src/component/seller_login.jsx
rename to src/pages/seller_login.jsx