add section Hero Section, section Skills, section About Me and the Navbar

src/Pages/Home/AboutMe.jsx

@@ -0,0 +1,28 @@
+export default function AboutMe() {
+  return (
+    <section id="AboutMe" className="about--section">
+      <div className="about--section--img">
+        <img src="./img/logo512.png" alt="AboutMe" />
+      </div>
+      <div className="hero--section--content-box about--section--box">
+        <div className="hero--section--content">
+          <p className="section--title">A propos</p>
+          <h1 className="skills-section--heading">A propos de moi</h1>
+          <p className="hero--section-description">
+            Je suis un étudiant hors pair, le meilleur alternant que vous pouvez
+            trouver. Ma passion est de jouer The Song of The Golden Dragon, de
+            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
+            choisir pour ça je vous le demande. Enfin j'aimerais ajouter qu'il
+            ne faut pas oublier de dire quelque chose de très important. Et oui,
+            vous voyez, l'alternant basique l'oubli, mais pas moi. J'ai de la
+            famille dans la mafia italienne ... J'apprécierais que vous me
+            choisissiez, fin vous comprenez.
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+}