feat(App.tsx): remove unused React import to clean up the code

fix(Footer.tsx): update year from 2023 to 2025 for accuracy
fix(Intro.tsx): update age from 21 to 22 and modify educational background for clarity
fix(Intro.tsx): change Discord username from @neotaku67 to @neotakuwu for consistency
fix(Intro.tsx): update links for Os, Theme, and Hotel for accuracy
feat(ProjectBox.tsx): add new ProjectBox component to display project details
feat(ProjectsPage.tsx): create ProjectsPage component to showcase projects

src/App.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import './App.css';
 import HomePage from './Pages/HomePage';
 import Footer from './Components/Footer';

src/Components/Footer.tsx

@@ -11,7 +11,7 @@ export default function Footer() {
             <Paragraph style={{
                 textAlign: "center",
             }}>
-                Fait avec <Link href='https://fr.react.dev'>React</Link> et la bibliotheque <Link href='https://ui.draculatheme.com'>Dracula ui</Link>, I use arch btw  - 2023 Djalim Simaila
+                Fait avec <Link href='https://fr.react.dev'>React</Link> et la bibliotheque <Link href='https://ui.draculatheme.com'>Dracula ui</Link>, I use arch btw  - 2025 Djalim Simaila
             </Paragraph>
         </>
     )

src/Components/Intro.tsx

@@ -23,7 +23,7 @@ export default function Intro() {
         <img src={mwa} alt="c mwa" width="300rem" style={{borderRadius: "1rem",}} />
         <Card variant='subtle' borderColor='purple' ml='sm' p="sm" color='blackSecondary'style={{borderRadius : "1rem"}} >
           <Paragraph>
-            Je m'appelle <b>Djalim</b>, j'ai 21 ans et je suis un developpeur et etudiant en BUT Informatique à Aix en Provence.
+            Je m'appelle <b>Djalim</b>, j'ai 22 ans et je suis un developpeur et etudiant en cycle ingenieur a Polytech marseille apres avoir fait un BUT informatique a Aix-en-Provence
           </Paragraph>
           <Paragraph>
             Je suis passioné d'Informatique, je sais que c'est tres vague mais ça englobe tout ce que j'aime faire :
@@ -108,11 +108,12 @@ export default function Intro() {
           alignSelf: "center",
           textAlign: "center"
         }}>
-          Discord : @neotaku67 |
+          Discord : @neotakuwu |
+          Osu : <Link href="https://osu.ppy.sh/users/8664491">Osu!Mania</Link> |
           Twitter : <Link href="https://twitter.com/NeotakUwU" >@neotakUwU </Link> |
-          Os :  <Link href="https://osu.ppy.sh/users/8664491" > Arch Linux </Link> |
-          Theme : <Link href="https://osu.ppy.sh/users/8664491" > Dracula </Link> |
-          Hotel : <Link href="https://osu.ppy.sh/users/8664491" > Trivago </Link> |
+          Os :  <Link href="https://knowyourmeme.com/memes/btw-i-use-arch" > Arch Linux </Link> |
+          Theme : <Link href="https://draculatheme.com/" > Dracula </Link> |
+          Hotel : <Link href="https://www.tripadvisor.fr/" > Trivago </Link> |
         </Paragraph>
       </Card>
     </Box>

src/Components/ProjectBox.tsx

@@ -0,0 +1,14 @@
+import { Box } from "dracula-ui";
+
+export default function ProjectBox({projectTitle, projectDescription, projectLink, projectPicture}:
+                                   {projectTitle:string;
+                                     projectDescription:string;
+                                     projectLink:string;projectPicture:string}){
+   return <Box>
+       <h2>{projectTitle}</h2>
+       <p>{projectDescription}</p>
+       <a href={projectLink}>{projectLink}</a>
+       <img src={projectPicture} alt="Project Picture"/>
+   </Box>
+      
+}

src/Components/Topbar.tsx

@@ -23,7 +23,7 @@ export default function TopBar(){
                 Accueil
             </Button>
             <Button onClick={
-                () => {window.location.href = "https://gitea.simailadjalim.fr/DjalimSimaila"}
+                () => {window.location.href = "https://git.djalim.fr/DjalimSimaila"}
             } style={{
                 backgroundColor:"hsl(232, 14%, 31%)",
                 color: "#D1D1D1",

src/Pages/ProjectsPage.tsx

@@ -0,0 +1,26 @@
+import 'dracula-ui/styles/dracula-ui.css'
+import { Heading , Box, Paragraph } from 'dracula-ui'
+import WorkInProgress from '../Components/WorkInProgress'
+
+export default function ProjectPage() {
+  return (
+    <Box pb="lg" pl="lg" pr='lg' style={{
+      display: "flex",
+      gap: "1rem",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+    }}>
+      <Heading size='2xl' color='yellowPink' style={{
+        textAlign: "center"
+      }} >
+        Projets
+      </Heading>
+      <WorkInProgress/>
+      <Paragraph>
+        Vous pouvez trouver ici mes projets les plus funs :)
+      </Paragraph>
+
+    </Box>
+  )
+}