better AboutMe, better HeroSection, better Navbar

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
-            <br />A la recherche d'une alternance de 3 ans avec l'école
-            d'ingénieur Polytech Lyon
+            J'aime le C++, le SQL, la guitare, le sport et voyager.
+            <br />
+            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>
   );
-}
+}