diff --git a/client/src/App.jsx b/client/src/Landing.jsx
similarity index 89%
rename from client/src/App.jsx
rename to client/src/Landing.jsx
index c5f9abc..8b9e666 100644
--- a/client/src/App.jsx
+++ b/client/src/Landing.jsx
@@ -3,12 +3,12 @@ import reactLogo from './assets/react.svg';
 import viteLogo from '/vite.svg';
 import './App.css';
 
-function App() {
+function Landing() {
   const [count, setCount] = useState(0);
 
   return (
     <>
-      <div className="flex items-center justify-center">
+      <div className="flex items-center justify-center p-3">
         <a href="https://vitejs.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
@@ -32,4 +32,4 @@ function App() {
   );
 }
 
-export default App;
+export default Landing;
diff --git a/client/src/components/Buyer/Dashboard.jsx b/client/src/components/Buyer/Dashboard.jsx
new file mode 100644
index 0000000..9fcc288
--- /dev/null
+++ b/client/src/components/Buyer/Dashboard.jsx
@@ -0,0 +1,9 @@
+export default function Dashboard(){
+    return(
+        <>
+            <div>
+                Hello
+            </div>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/client/src/components/Buyer/Login.jsx b/client/src/components/Buyer/Login.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/Buyer/Signup.jsx b/client/src/components/Buyer/Signup.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/Contract/Contract..jsx b/client/src/components/Contract/Contract..jsx
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/Farmer/Dashboard.jsx b/client/src/components/Farmer/Dashboard.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/Farmer/Login.jsx b/client/src/components/Farmer/Login.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/Farmer/Signup.jsx b/client/src/components/Farmer/Signup.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/Negotiate/Chat.jsx b/client/src/components/Negotiate/Chat.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/main.jsx b/client/src/main.jsx
index 896930c..079a8f2 100644
--- a/client/src/main.jsx
+++ b/client/src/main.jsx
@@ -1,10 +1,10 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import App from './App.jsx';
+import Landing from './Landing.jsx';
 import './index.css';
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>
-    <App />
+    <Landing />
   </StrictMode>
 );