correct nas imaage

my-app/src/App.tsx

@@ -11,6 +11,12 @@ import Projects from './pages/projects'
 import Resume from './pages/resume'
 import Skills from './pages/skills'
 
+import Ft_transcendence from './pages/projects/ft_transcendence'
+import Nas from './pages/projects/nas'
+
+
+
+
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import { BrowserRouter, Route, Router, Routes, useLocation } from 'react-router-dom';
 import React, { useState } from "react";
@@ -58,6 +64,9 @@ function App()
         <Route path="/" element={<Home/>}/>
         <Route path="/contact" element={<Contact/>}/>
         <Route path="/projects" element={<Project/>}/>
+        <Route path="/projects/nas" element={<Nas/>}/>
+        <Route path="/projects/ft_transcendence" element={<Ft_transcendence/>}/>
+
         <Route path="/resume" element={<Resume/>}/>
         <Route path="/skills" element={<Skills/>}/>
     </Routes>

my-app/src/css/project.css

@@ -59,4 +59,11 @@ img {
 
 .badge {
 	height: 5vh;
+}
+
+
+.project_home {
+	margin-top: 20vh;
+	width: 100vw;
+	margin-left: 45vw;
 }

my-app/src/pages/home.tsx

@@ -31,7 +31,11 @@ function Home()
             <div className="project">
                 <div className='project_txt'>{t("project")}</div>
                 <div className = "project_group">
-                  <a href="/projects" className="project_list">- Ft_Transcendence</a>
+                  <a href="/projects/nas" className="project_list">- Homemade NAS</a>
+                  <FaArrowRightLong className="arrow"/>
+                </div>
+                <div className = "project_group">
+                  <a href="/projects/ft_transcendence" className="project_list">- Ft_Transcendence</a>
                   <FaArrowRightLong className="arrow"/>
                 </div>
                 <div className = "project_group">
@@ -46,10 +50,6 @@ function Home()
                   <a href="/projects" className="project_list">- Cube3d</a>
                   <FaArrowRightLong className="arrow"/>
                 </div>
-                <div className = "project_group">
-                  <a href="/projects" className="project_list">- Homemade NAS</a>
-                  <FaArrowRightLong className="arrow"/>
-                </div>
             </div>
           </div>
         </body>