basic templates

client/src/App.jsx → 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;

client/src/components/Buyer/Dashboard.jsx

@@ -0,0 +1,9 @@
+export default function Dashboard(){
+    return(
+        <>
+            <div>
+                Hello
+            </div>
+        </>
+    )
+}

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>
 );