better AboutMe, better HeroSection, better Navbar

src/Pages/Home/AboutMe.jsx

@@ -2,24 +2,22 @@ export default function AboutMe() {
   return (
     <section id="AboutMe" className="about--section">
       <div className="about--section--img">
-        <img src="./img/logo512.png" alt="AboutMe" />
+        <img src="./img/moi.jpg" alt="AboutMe" />
       </div>
       <div className="hero--section--content-box about--section--box">
         <div className="hero--section--content">
-          <p className="section--title">A propos</p>
+          <p className="section--title">À propos</p>
-          <h1 className="skills-section--heading">A propos de moi</h1>
+          <h1 className="skills-section--heading">À propos de moi</h1>
           <p className="hero--section-description">
-            Je suis un étudiant hors pair, le meilleur alternant que vous pouvez
+            Étudiant en deuxième année de classe préparatoire PeiP (Parcours des
-            trouver. Ma passion est de jouer The Song of The Golden Dragon, de
+            écoles d'ingénieurs Polytech) Lyon, option Informatique.
-            Estas Tones. Le poulet c'est délicieux.
           </p>
           <p className="hero--section-description">
-            Ensuite, il faut dire que la guitare c'est génial et pourquoi pas me
+            Passionné d’informatique, je suis à la recherche d’une opportunité
-            choisir pour ça je vous le demande. Enfin j'aimerais ajouter qu'il
+            en alternance dès mon entrée en école d’ingénieur pour développer
-            ne faut pas oublier de dire quelque chose de très important. Et oui,
+            mes compétences et contribuer à un projet d'entreprise qu’il soit
-            vous voyez, l'alternant basique l'oubli, mais pas moi. J'ai de la
+            orienté Infrastructure, Développement, OPS, Bases de Données ...
-            famille dans la mafia italienne ... J'apprécierais que vous me
+            Qualifié en mathématiques et junior en code.
-            choisissiez, fin vous comprenez.
           </p>
         </div>
       </div>

src/Pages/Home/HeroSection.jsx

@@ -1,4 +1,10 @@
+import { Link } from "react-router-dom";
+
 export default function HeroSection() {
+  const openGitHub = (link) => {
+    window.open(link, "_blank");
+  };
+
   return (
     <section id="heroSection" className="hero--section">
       <div className="hero--section--content-box">
@@ -9,19 +15,18 @@ export default function HeroSection() {
               Etudiant à Polytech Lyon
             </span>{" "}
             <br />
-            Dev, BDD
+            Passionné d'informatique
           </h1>
           <p className="hero--section--description">
-            Voici la description, j'adore l'informatique miam miam
+            J'aime le C++, le SQL, la guitare, le sport et voyager.
-            <br />A la recherche d'une alternance de 3 ans avec l'école
+            <br />
-            d'ingénieur Polytech Lyon
+            Mon objectif, m'améliorer chaque jour.
           </p>
         </div>
-        <button className="btn btn-primary">Contactez-moi</button>
       </div>
       <div className="hero--section--img">
-        <img src="./img/logo512.png" alt="Hero Section" />
+        <img src="./img/moiherosection.jpg" alt="Hero Section" />
       </div>
     </section>
   );
-}
+}

src/Pages/Home/Navbar.jsx

@@ -35,7 +35,7 @@ function Navbar() {
   return (
     <nav className={`navbar ${navActive ? "active" : ""}`}>
       <div>
-        <img src="/logo.svg" alt="Logoipsum" />
+        <img src="./img/logo.png" alt="Logo" />
       </div>
       <a
         className={`nav__hamburger ${navActive ? "active" : ""}`}
@@ -58,7 +58,7 @@ function Navbar() {
               to="heroSection"
               className="navbar--content"
             >
-              Home
+              Accueil
             </Link>
           </li>
           <li>
@@ -86,21 +86,7 @@ function Navbar() {
               to="AboutMe"
               className="navbar--content"
             >
-              About Me
+              À propos de moi
-            </Link>
-          </li>
-          <li>
-            <Link
-              onClick={closeMenu}
-              activeClass="navbar--active-content"
-              spy={true}
-              smooth={true}
-              offset={-70}
-              duration={500}
-              to="testimonial"
-              className="navbar--content"
-            >
-              Testimonials
             </Link>
           </li>
         </ul>
@@ -115,7 +101,7 @@ function Navbar() {
         to="Contact"
         className="btn btn-outline-primary"
       >
-        Contact Me
+        Contactez Moi
       </Link>
     </nav>
   );