READY

better/package.json

@@ -48,5 +48,5 @@
   "devDependencies": {
     "gh-pages": "^6.2.0"
   },
-  "homepage": "https://hcp-uw.github.io/aliment"
+  "homepage": "https://hcp.github.io/aliment"
 }

better/src/App.tsx

@@ -12,10 +12,10 @@ function App() {
   return (
     <div className='full-app'>
       <Routes>
-        <Route path="/" element={<Home />} />
-        <Route path="/recipes" element={<Recipes />} />
-        <Route path="/about" element={<About />} />
-        <Route path="/contact" element={<Contact />} />
+        <Route path="/aliment" element={<Home />} />
+        <Route path="/aliment/recipes" element={<Recipes />} />
+        <Route path="/aliment/about" element={<About />} />
+        <Route path="/aliment/contact" element={<Contact />} />
       </Routes>
     </div>
 

better/src/components/Navbar.tsx

@@ -5,19 +5,19 @@ import './Navbar.css';
 export function Navbar() {
   return (
     <nav className='Navbar'>
-        <Link to = "/"></Link>
+        <Link to = "/aliment"></Link>
         <ul>
             <li>
-                <Link to="/">Home</Link>
+                <Link to="/aliment">Home</Link>
             </li>
             <li>
-                <Link to="/recipes">Recipes</Link>
+                <Link to="/aliment/recipes">Recipes</Link>
             </li>
             <li>
-                <Link to="/about">About</Link>
+                <Link to="/aliment/about">About</Link>
             </li>
             <li>
-                <Link  to="/contact">Contact</Link>
+                <Link  to="/aliment/contact">Contact</Link>
             </li>
         </ul>
     </nav>