From d7c25d432c5ef062526060e9a9a38e0052214535 Mon Sep 17 00:00:00 2001
From: Djalim Simaila <DjalimS.pro@outlook.fr>
Date: Thu, 6 Mar 2025 08:43:51 +0100
Subject: [PATCH] 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 -
 src/Components/Footer.tsx     |  2 +-
 src/Components/Intro.tsx      | 11 ++++++-----
 src/Components/ProjectBox.tsx | 14 ++++++++++++++
 src/Components/Topbar.tsx     |  2 +-
 src/Pages/ProjectsPage.tsx    | 26 ++++++++++++++++++++++++++
 6 files changed, 48 insertions(+), 8 deletions(-)
 create mode 100644 src/Components/ProjectBox.tsx
 create mode 100644 src/Pages/ProjectsPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 20c2937..40eb6bd 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import './App.css';
 import HomePage from './Pages/HomePage';
 import Footer from './Components/Footer';
diff --git a/src/Components/Footer.tsx b/src/Components/Footer.tsx
index b4d615b..0ec0bf1 100644
--- a/src/Components/Footer.tsx
+++ b/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>
         </>
     )
diff --git a/src/Components/Intro.tsx b/src/Components/Intro.tsx
index 203b0a3..c62fb89 100644
--- a/src/Components/Intro.tsx
+++ b/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>
diff --git a/src/Components/ProjectBox.tsx b/src/Components/ProjectBox.tsx
new file mode 100644
index 0000000..1fea14b
--- /dev/null
+++ b/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>
+      
+}
diff --git a/src/Components/Topbar.tsx b/src/Components/Topbar.tsx
index 1dbb9ef..ff06133 100644
--- a/src/Components/Topbar.tsx
+++ b/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",
diff --git a/src/Pages/ProjectsPage.tsx b/src/Pages/ProjectsPage.tsx
new file mode 100644
index 0000000..144a459
--- /dev/null
+++ b/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>
+  )
+}