Initial pages and Navbar

app/layout.jsx

@@ -1,3 +1,4 @@
+import Navbar from '@/components/Navbar';
 import '@/assets/styles/globals.css';
 
 export const metadata = {
@@ -10,6 +11,7 @@ const MainLayout = ({ children }) => {
   return (
     <html lang='en'>
       <body>
+        <Navbar />
         <main>{children}</main>
       </body>
     </html>

app/page.jsx

@@ -1,5 +1,11 @@
-const HomePage = () => {
-  return <h1 className='text-2xl'>HomePage</h1>;
-};
+import Link from 'next/link';
 
+const HomePage = () => {
+  return (
+    <div>
+      <h1 className='text-3xl'>Welcome</h1>
+      <Link href='/properties'>Properties</Link>
+    </div>
+  );
+};
 export default HomePage;

app/properties/[id]/page.jsx

@@ -0,0 +1,4 @@
+const PropertyPage = () => {
+  return <div>PropertyPage</div>;
+};
+export default PropertyPage;

app/properties/add/page.jsx

@@ -0,0 +1,4 @@
+const AddPropertyPage = () => {
+  return <div>AddPropertyPage</div>;
+};
+export default AddPropertyPage;

app/properties/page.jsx

@@ -0,0 +1,5 @@
+const PropertiesPage = () => {
+  return <div>PropertiesPage</div>;
+};
+
+export default PropertiesPage;