Hotfix/remove form

package.json

@@ -3,25 +3,25 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
-    "@mui/icons-material": "^5.15.16",
-    "@mui/material": "^5.15.16",
-    "@mui/styled-engine-sc": "^6.0.0-alpha.18",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.2.0",
+    "@mui/material": "^7.2.0",
+    "@mui/styled-engine-sc": "^7.2.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "mui": "^0.0.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-helmet": "^6.1.0",
-    "react-icons": "^5.4.0",
-    "react-router-dom": "^6.21.0",
+    "react-icons": "^5.5.0",
+    "react-router-dom": "^7.6.3",
     "react-router-hash-link": "^2.4.3",
     "react-scripts": "5.0.1",
-    "react-social-icons": "^6.16.0",
-    "styled-components": "^6.1.9",
-    "web-vitals": "^2.1.4"
+    "react-social-icons": "^6.24.0",
+    "styled-components": "^6.1.19",
+    "web-vitals": "^5.0.3"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -48,8 +48,8 @@
     ]
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.23.9",
-    "@babel/preset-react": "^7.23.3",
-    "jest": "^27.5.1"
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "jest": "^30.0.3"
   }
 }

src/components/Contact.js

@@ -1,7 +1,6 @@
-import { Box, Button, FormControl, TextField, Typography } from "@mui/material"
+import { Box, Typography } from "@mui/material"
 import { ThemeContext } from "../utils/themes/ThemeContext";
 import { useContext } from "react";
-import { IoSendOutline } from "react-icons/io5";
 import { IoLocationOutline } from "react-icons/io5";
 import { IoMailOutline } from "react-icons/io5";
 import { IoCallOutline } from "react-icons/io5";
@@ -70,20 +69,7 @@ const Contact = () => {
                     </a>
                 </Box>
             </Box>
-            <Box sx={{display: "flex", flexDirection: "column", width: "30vw", minWidth: "300px", textAlign: "left", justifyContent: "center"}}>
-                <Typography sx={{fontSize: 15, color: theme.SubTextColor, marginBottom: "20px"}}>Describe your project as best you can and I will send you a quote for its completion.</Typography>
-                <FormControl>
-                    <TextField required id="name" label="Name" variant="standard" />
-                    <TextField required id="email" label="Email" variant="standard" />
-                    <TextField id="location" label="Location" variant="standard" />
-                    <Box sx={{display: "flex", flexDirection: "row", justifyContent: "space-between"}}>
-                        <TextField required id="budget" label="Budget" variant="standard" />
-                        <TextField required id="subject" label="Subject" variant="standard" />
-                    </Box>
-                    <TextField required multiline id="message" label="Message" variant="standard" />
-                    <Button sx={{":hover": {backgroundColor: theme.ClassicTextColor}, width: "fit-content", backgroundColor: theme.MainColor, color: theme.BackgroundColor, textTransform: "none", fontSize: 15, marginTop: "50px"}}>Submit <IoSendOutline style={{marginLeft: "10px"}} size={20} /></Button>
-                </FormControl>
-            </Box>
+            <Box component="img" sx={{width: 100, marginTop: "50px"}} alt="Black Logo Donat" src="/images/logo.png" />
         </Box>
     );
 };

src/components/Introduction.js

@@ -23,7 +23,7 @@ const Introduction = () => {
             <Box sx={{display: "flex", flexDirection: "column", justifyContent: "center", width: "40vw", minWidth: "300px"}}>
                 <Typography sx={{fontSize: 50, color: theme.BoldTextColor, fontWeight: "bold"}}>Hello,<br /> I'm Nathan Donat-Filliod</Typography>
                 <Typography sx={{fontSize: 15, color: theme.ClassicTextColor, marginTop: "10px", marginBottom: "20px"}}>I'm a Freelance Developer based in Lyon, France. I spend my free time doing projects that I find interesting.<br /> Why not yours?</Typography>
-                <Button href="#contact" sx={{width: "fit-content", textTransform: "none", backgroundColor: theme.MainColor, ":hover": {backgroundColor: theme.ClassicTextColor}, ":visited": {color: theme.BackgroundColor}, color: theme.BackgroundColor, fontSize: 15}}>Contact me</Button>
+                <Button href="#contact" style={{width: "fit-content", textTransform: "none", backgroundColor: theme.MainColor, color: theme.BackgroundColor, fontSize: 15}}>Contact me</Button>
                 <Box sx={{display: "flex", flexWrap: "wrap", flexDirection: "row", marginTop: "50px", marginBottom: "50px", alignItems: "center"}}>
                     <Stat
                         main={"4 Y."}

src/components/Portfolio.js

@@ -72,7 +72,7 @@ const Portfolio = () => {
                     link={"https://github.com/DonatNathan/2D-map-generator"}
                 />
             </Box>
-            <Button href="https://github.com/DonatNathan" sx={{width: "fit-content", backgroundColor: theme.MainColor, ":hover": {backgroundColor: theme.ClassicTextColor}, ":visited": {color: theme.BackgroundColor}, color: theme.BackgroundColor, textTransform: "none", fontSize: 15, marginTop: "50px"}}>More Projects</Button>
+            <Button href="https://github.com/DonatNathan" style={{width: "fit-content", backgroundColor: theme.MainColor, color: theme.BackgroundColor, textTransform: "none", fontSize: 15, marginTop: "50px"}}>More Projects</Button>
         </Box>
     );
 };

src/components/ProjectIdea.js

@@ -11,7 +11,7 @@ const ProjectIdea = () => {
         <Box sx={{display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", textAlign: "center", backgroundColor: theme.BoldTextColor, color: theme.BackgroundColor, paddingTop: "80px", paddingBottom: "80px"}}>
             <Typography sx={{fontSize: 40, fontWeight: "bold"}}>Do you have Project Idea?</Typography>
             <Typography sx={{fontSize: 40, fontWeight: "bold"}}>Let's discuss your project!</Typography>
-            <Button href="#contact" sx={{width: "fit-content", backgroundColor: theme.MainColor, ":hover": {backgroundColor: theme.ClassicTextColor}, ":visited": {color: theme.BackgroundColor}, color: theme.BackgroundColor, textTransform: "none", fontSize: 15, marginTop: "30px"}}>Let's work Together <IoArrowForward style={{marginLeft: "10px"}} size={20} /></Button>
+            <Button href="#contact" style={{width: "fit-content", backgroundColor: theme.MainColor, color: theme.BackgroundColor, textTransform: "none", fontSize: 15, marginTop: "30px"}}>Let's work Together <IoArrowForward style={{marginLeft: "10px"}} size={20} /></Button>
         </Box>
     );
 };

src/components/Services.js

@@ -23,7 +23,7 @@ const Services = () => {
             <Box sx={{display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "left", textAlign: "left", width: "30vw", minWidth: "300px", marginBottom: "30px"}}>
                 <Typography sx={{fontSize: 40, fontWeight: "bold", color: theme.BoldTextColor}}>What I do?</Typography>
                 <Typography sx={{fontSize: 15, color: theme.ClassicTextColor, marginTop: "15px", marginBottom: "15px"}}>I offer comprehensive development services for any project like websites, mobile apps, software, and even video games. <br /><br />With a versatile skill set across platforms and technologies, I bring ideas to life with solutions tailored to your goals, ensuring seamless performance, engaging user experiences, and long-term success.</Typography>
-                <Button href="https://github.com/DonatNathan" sx={{width: "fit-content", backgroundColor: theme.MainColor, ":hover": {backgroundColor: theme.ClassicTextColor}, ":visited": {color: theme.BackgroundColor}, color: theme.BackgroundColor, textTransform: "none", fontSize: 15, marginTop: "10px"}}>See what I did</Button>
+                <Button href="https://github.com/DonatNathan" style={{width: "fit-content", backgroundColor: theme.MainColor, color: theme.BackgroundColor, textTransform: "none", fontSize: 15, marginTop: "10px"}}>See what I did</Button>
             </Box>
             <Box sx={{display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center"}}>
                 <Service

src/modules/header/Header.js

@@ -19,7 +19,7 @@ const Header = () => {
                 <Link to={"#process"} style={{color: theme.BoldTextColor, textDecoration: "none", margin: "10px"}}>Process</Link>
                 <Link to={"#portfolio"} style={{color: theme.BoldTextColor, textDecoration: "none", margin: "10px"}}>Portfolio</Link>
                 <Link to={"#services"} style={{color: theme.BoldTextColor, textDecoration: "none", margin: "10px"}}>Services</Link>
-                <Button href="#contact" sx={{width: "fit-content", backgroundColor: theme.MainColor, ":hover": {backgroundColor: theme.ClassicTextColor}, ":visited": {color: theme.BackgroundColor}, color: theme.BackgroundColor, textTransform: "none", fontSize: 15, margin: "15px"}}>Contact</Button>
+                <Button href="#contact" style={{width: "fit-content", backgroundColor: theme.MainColor, color: theme.BackgroundColor, textTransform: "none", fontSize: 15, margin: "15px"}}>Contact</Button>
             </Box>
         </Box>
     )