From a89f0e96e914ccb4baf244f4030ba127ed50d3bc Mon Sep 17 00:00:00 2001
From: Muba006 <mubamuzeen0876@gmail.com>
Date: Sat, 8 Mar 2025 18:09:21 +0530
Subject: [PATCH] trying to setup a routing for a seller-login
---
package-lock.json | 68 ++++++++++++++++++++++++++++++++++
package.json | 1 +
src/App.jsx | 20 ++++------
src/component/bentobox.jsx | 13 ++++---
src/component/landing_page.jsx | 23 ++++++++++++
src/component/route.jsx | 13 +++++++
src/component/seller_login.jsx | 13 +++++++
src/main.jsx | 10 ++---
8 files changed, 139 insertions(+), 22 deletions(-)
create mode 100644 src/component/landing_page.jsx
create mode 100644 src/component/route.jsx
create mode 100644 src/component/seller_login.jsx
diff --git a/package-lock.json b/package-lock.json
index c1c3b96..1120994 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-icons": "^5.4.0",
+ "react-router-dom": "^7.3.0",
"tailwindcss": "^4.0.3"
},
"devDependencies": {
@@ -1527,6 +1528,12 @@
"@babel/types": "^7.20.7"
}
},
+ "node_modules/@types/cookie": {
+ "version": "0.6.0",
+ "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+ "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
+ "license": "MIT"
+ },
"node_modules/@types/estree": {
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
@@ -1996,6 +2003,15 @@
"dev": true,
"license": "MIT"
},
+ "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/cross-spawn": {
"version": "7.0.6",
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -4247,6 +4263,46 @@
"node": ">=0.10.0"
}
},
+ "node_modules/react-router": {
+ "version": "7.3.0",
+ "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.3.0.tgz",
+ "integrity": "sha512-466f2W7HIWaNXTKM5nHTqNxLrHTyXybm7R0eBlVSt0k/u55tTCDO194OIx/NrYD4TS5SXKTNekXfT37kMKUjgw==",
+ "license": "MIT",
+ "dependencies": {
+ "@types/cookie": "^0.6.0",
+ "cookie": "^1.0.1",
+ "set-cookie-parser": "^2.6.0",
+ "turbo-stream": "2.4.0"
+ },
+ "engines": {
+ "node": ">=20.0.0"
+ },
+ "peerDependencies": {
+ "react": ">=18",
+ "react-dom": ">=18"
+ },
+ "peerDependenciesMeta": {
+ "react-dom": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/react-router-dom": {
+ "version": "7.3.0",
+ "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.3.0.tgz",
+ "integrity": "sha512-z7Q5FTiHGgQfEurX/FBinkOXhWREJIAB2RiU24lvcBa82PxUpwqvs/PAXb9lJyPjTs2jrl6UkLvCZVGJPeNuuQ==",
+ "license": "MIT",
+ "dependencies": {
+ "react-router": "7.3.0"
+ },
+ "engines": {
+ "node": ">=20.0.0"
+ },
+ "peerDependencies": {
+ "react": ">=18",
+ "react-dom": ">=18"
+ }
+ },
"node_modules/reflect.getprototypeof": {
"version": "1.0.10",
"resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
@@ -4431,6 +4487,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",
@@ -4740,6 +4802,12 @@
"node": ">=6"
}
},
+ "node_modules/turbo-stream": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/turbo-stream/-/turbo-stream-2.4.0.tgz",
+ "integrity": "sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==",
+ "license": "ISC"
+ },
"node_modules/type-check": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
diff --git a/package.json b/package.json
index 13ec90f..9ff5d27 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-icons": "^5.4.0",
+ "react-router-dom": "^7.3.0",
"tailwindcss": "^4.0.3"
},
"devDependencies": {
diff --git a/src/App.jsx b/src/App.jsx
index 67c89be..56b8a56 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,19 +1,15 @@
import React from "react";
-import Navbar from "./component/navbar";
-import Trusted from "./component/trustedby";
-import Bento from "./component/bentobox";
-import Enquire from "./component/enquire";
-import Contact from "./component/contact";
-import Footer from "./component/footer";
+import Landing_page from "./component/landing_page";
+import { BrowserRouter } from "react-router-dom";
+import Router from "./component/route";
+
function App() {
return (
<>
- <Navbar />
- <Trusted />
- <Bento />
- <Enquire />
- <Contact />
- <Footer />
+ <Landing_page />
+ <BrowserRouter>
+ <Router />
+ </BrowserRouter>
</>
);
diff --git a/src/component/bentobox.jsx b/src/component/bentobox.jsx
index 869021e..5ad846f 100644
--- a/src/component/bentobox.jsx
+++ b/src/component/bentobox.jsx
@@ -2,10 +2,13 @@ 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";
+
function Bento() {
return (
<>
- <div className="bg-[#E9FAFF] relative p-4 font-montserrat ">
+
+ <div className="bg-[#E9FAFF] relative p-4 font-montserrat ">
<h2 className="text-blue-600 py-2 text-4xl text-center font-light mb-6">
Get Start now
</h2>
@@ -16,8 +19,8 @@ function Bento() {
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">
- <a href="#"><span className="block">Seller</span>
- <span className="block">Registration</span></a>
+ <Link to={'/seller-login'} ><span className="block">Seller</span>
+ <span className="block">Registration</span></Link>
</p>
</div>
</div>
@@ -27,7 +30,7 @@ function Bento() {
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-4xl">
- <a href="#"><span className="block">Buyer</span>
+ <a href=""><span className="block">Buyer</span>
<span className="block">Registration</span></a>
</p>
</div>
@@ -38,7 +41,7 @@ function Bento() {
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-4xl">
- <a href="#"><span className="block">Agent</span>
+ <a href=""><span className="block">Agent</span>
<span className="block">Login</span></a>
</p>
</div>
diff --git a/src/component/landing_page.jsx b/src/component/landing_page.jsx
new file mode 100644
index 0000000..4767753
--- /dev/null
+++ b/src/component/landing_page.jsx
@@ -0,0 +1,23 @@
+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";
+
+function Landing_page() {
+ return (
+ <>
+ <Navbar />
+ <Trusted />
+ <Bento />
+ <Enquire />
+ <Contact />
+ <Footer />
+ </>
+
+ );
+}
+
+export default Landing_page;
\ No newline at end of file
diff --git a/src/component/route.jsx b/src/component/route.jsx
new file mode 100644
index 0000000..0920c49
--- /dev/null
+++ b/src/component/route.jsx
@@ -0,0 +1,13 @@
+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/component/seller_login.jsx b/src/component/seller_login.jsx
new file mode 100644
index 0000000..b0487d9
--- /dev/null
+++ b/src/component/seller_login.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+function Seller_login() {
+ return (
+ <>
+ <div className="bg-[#E9FAFF] ">
+ <div className="text-9xl">
+ <h1>Hello world!</h1>
+ </div>
+ </div>
+ </>
+ )
+}
+export default Seller_login;
\ No newline at end of file
diff --git a/src/main.jsx b/src/main.jsx
index b9a1a6d..b86fb61 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -2,9 +2,9 @@ import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
-
+
createRoot(document.getElementById('root')).render(
- <StrictMode>
- <App />
- </StrictMode>,
-)
+<StrictMode>
+ <App />
+</StrictMode>
+);
--
GitLab