Update page.tsx and layout.tsx, add sage/page.tsx and modify Navigati…

…on.tsx
Sebstep · Oct 10, 2023 · d76963a · d76963a
1 parent 934149d
commit d76963a
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 6 deletions.
diff --git a/app/artisan/page.tsx b/app/artisan/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+import Rhf from "@/components/forms/Rhf";
+import Typography from "@mui/material/Typography";
+
+export default function Home() {
+  return <h1>ARTISAN</h1>;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -27,7 +27,7 @@ export default function RootLayout({
       </head>
       <body className={inter.className}>
         <Navigation />
-        <main className="mx-auto">{children}</main>
+        <main className="mx-auto mt-16 mb-14">{children}</main>
         <Footer />
       </body>
     </html>

diff --git a/app/page.tsx b/app/page.tsx
@@ -67,7 +67,7 @@ export default function Home() {
                   <p>
                     Generative Universal Assistant for Resourceful Development
                   </p>
-                  <Button variant="outlined" color="primary" size="small" href="#" className="top-2">
+                  <Button variant="outlined" color="primary" size="small" href="/guard" className="top-2">
                     Get Started
                   </Button>
                 </CardContent>

diff --git a/app/sage/page.tsx b/app/sage/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+import Rhf from "@/components/forms/Rhf";
+import Typography from "@mui/material/Typography";
+
+export default function Home() {
+  return <h1>SAGE</h1>;
+}
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
@@ -14,8 +14,9 @@ import Button from '@mui/material/Button';
 import Tooltip from '@mui/material/Tooltip';
 import MenuItem from '@mui/material/MenuItem';
 import AdbIcon from '@mui/icons-material/Adb';
+import Link from 'next/link';
 
-const pages = ['SAGE', 'GUARD', 'ARTISAN', "Contact"];
+const pages = ['SAGE', 'GUARD', 'ARTISAN'];
 const settings = ['Profile', 'Account', 'Dashboard', 'Logout'];
 
 function ResponsiveAppBar() {
@@ -88,10 +89,10 @@ function ResponsiveAppBar() {
               sx={{
                 display: { xs: 'block', md: 'none' },
               }}
-            >
+              >
               {pages.map((page) => (
                 <MenuItem key={page} onClick={handleCloseNavMenu}>
-                  <Typography textAlign="center">{page}</Typography>
+                  <Typography textAlign="center"><Link href={`${page.toLowerCase()}`}>{page}</Link></Typography>
                 </MenuItem>
               ))}
             </Menu>
@@ -122,7 +123,7 @@ function ResponsiveAppBar() {
                 onClick={handleCloseNavMenu}
                 sx={{ my: 2, color: 'white', display: 'block' }}
               >
-                {page}
+                <Link href={`${page.toLowerCase()}`}>{page}</Link>
               </Button>
             ))}
           </Box>