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

src/Pages/Home/HeroSection.jsx

@@ -0,0 +1,27 @@
+export default function HeroSection() {
+  return (
+    <section id="heroSection" className="hero--section">
+      <div className="hero--section--content-box">
+        <div className="hero--section--content">
+          <p className="section--title">Hello, je suis ALESSI Thibaut</p>
+          <h1 className="hero--section--title">
+            <span className="hero--section--title--color">
+              Etudiant à Polytech Lyon
+            </span>{" "}
+            <br />
+            Dev, BDD
+          </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
+          </p>
+        </div>
+        <button className="btn btn-primary">Contactez-moi</button>
+      </div>
+      <div className="hero--section--img">
+        <img src="./img/logo512.png" alt="Hero Section" />
+      </div>
+    </section>
+  );
+}