Technigo · T-Thiry · May 9, 2025 · May 9, 2025 · May 9, 2025 · May 9, 2025
diff --git a/index.html b/index.html
@@ -3,11 +3,18 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" as="style" />
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
+    <noscript>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+    </noscript>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Portfolio</title>
+    <meta name="description" content="Frontend developer and UX designer creating fast, accessible, and user-friendly web applications." />
+    <title>My Portfolio</title>
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>
+
diff --git a/package.json b/package.json
@@ -11,7 +11,10 @@
   },
   "dependencies": {
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-helmet": "^6.1.0",
+    "react-icons": "^5.5.0",
+    "styled-components": "^6.1.18"
   },
   "devDependencies": {
     "@eslint/js": "^9.21.0",

diff --git a/src/App.jsx b/src/App.jsx
@@ -1,8 +1,30 @@
+import { ThemeProvider } from "styled-components";
+import theme from "./styles/Theme";
+import GlobalStyles from "./styles/GlobalStyles"
+import Header from "./components/Header"
+import IntroSection from "./sections/IntroSection"
+import TechSection from "./sections/TechSection"
+import ProjectSection from "./sections/ProjectSection"
+import SkillsSection from "./sections/SkillsSection"
+import ArticleSection from "./sections/ArticleSection"
+import FooterSection from "./sections/FooterSection"
+
+
 export const App = () => {
   return (
     <>
-      <h1>Portfolio</h1>
-      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, laborum! Maxime animi nostrum facilis distinctio neque labore consectetur beatae eum ipsum excepturi voluptatum, dicta repellendus incidunt fugiat, consequatur rem aperiam.</p>
+    <ThemeProvider theme={theme}>
+    <GlobalStyles />
+    <Header />
+    <IntroSection />
+    <TechSection />
+    <ProjectSection />
+    <SkillsSection />
+    <ArticleSection />
+    <FooterSection />
+    </ThemeProvider>
     </>
   )
 }
+
+export default App
diff --git a/src/assets/images/AI_Prompts.webp b/src/assets/images/AI_Prompts.webp
diff --git a/src/assets/images/Adobe_Logo.svg b/src/assets/images/Adobe_Logo.svg
diff --git a/src/assets/images/Asana_Logo.svg b/src/assets/images/Asana_Logo.svg
diff --git a/src/assets/images/CSS_Logo.svg b/src/assets/images/CSS_Logo.svg
diff --git a/src/assets/images/Collaboration.webp b/src/assets/images/Collaboration.webp
diff --git a/src/assets/images/Creative_Collabs_Website.webp b/src/assets/images/Creative_Collabs_Website.webp
diff --git a/src/assets/images/Figma_Logo.svg b/src/assets/images/Figma_Logo.svg
diff --git a/src/assets/images/Github_Icon.svg b/src/assets/images/Github_Icon.svg
diff --git a/src/assets/images/Github_Logo.svg b/src/assets/images/Github_Logo.svg
diff --git a/src/assets/images/HTML_Logo.svg b/src/assets/images/HTML_Logo.svg
diff --git a/src/assets/images/Illustrative_background.png b/src/assets/images/Illustrative_background.png
diff --git a/src/assets/images/Javascript_Logo.svg b/src/assets/images/Javascript_Logo.svg
diff --git a/src/assets/images/Notion_Logo.svg b/src/assets/images/Notion_Logo.svg
diff --git a/src/assets/images/React_Logo.svg b/src/assets/images/React_Logo.svg