diff --git a/src/App.jsx b/src/App.jsx
index c57872f53122d7eac9497623a647f584a27032ca..d9e5e6f5d749ed2503bbd619ff601ebf4adee451 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,17 +1,16 @@
 import React from "react";
-import Landing_page from "./component/landing_page";
+import Landing from "./pages/Landing";
 import Seller_login from "./pages/seller_login";
-import { Router, Route, Routes } from "react-router-dom";
+import { Route, Routes } from "react-router-dom";
 
 function App() {
   return (
     <>
-      <Router>
-        <Routes>
+      <Routes>
             <Route path="/seller-login" element={<Seller_login />} />
-        </Routes>
-      </Router> 
-      <Landing_page />
+            <Route path="/" element={<Landing />} />
+      </Routes>       
+      
     </>
     
   );
diff --git a/src/component/landing_page.jsx b/src/component/landing_page.jsx
index 47677535c66892a41384587f3bdc5d7083e0d9c1..7a878cfbde52dbd609d0d71ba48f754e3cc72a3d 100644
--- a/src/component/landing_page.jsx
+++ b/src/component/landing_page.jsx
@@ -1,10 +1,10 @@
 import React from "react";
-import Navbar from "./navbar";
-import Trusted from "./trustedby";
-import Bento from "./bentobox";
-import Enquire from "./enquire";
-import Contact from "./contact";
-import Footer from "./footer";
+import Navbar from "./Navbar";
+import Trusted from "./Trustedby";
+import Bento from "./Bentobox";
+import Enquire from "./Enquire";
+import Contact from "./Contact";
+import Footer from "./Footer";
 
 function Landing_page() {
   return (
diff --git a/src/pages/Landing.jsx b/src/pages/Landing.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..23f4cf3b16247fe17817ff018e8990672cf285be
--- /dev/null
+++ b/src/pages/Landing.jsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import Landing_page from '../component/landing_page'
+const Landing = () => {
+  return (
+    <div>
+        <Landing_page />
+    </div>
+  )
+}
+
+export default Landing