Quelques modifications

css/styles.css

@@ -170,12 +170,12 @@ p {
     line-height: 1.5;
 }
 
-.welcome-section {
+.bienvenue-section {
     margin-top: 20px;
     text-align: center;
 }
 
-.welcome-video {
+.bienvenue-video {
     width: 80%; /* largeur de la fenêtre de la vidéo */
     max-height: 400px; 
     margin-bottom: 20px;
@@ -226,19 +226,14 @@ p {
     position: fixed;
     bottom: 20px;
     right: 20px;
-    background-color: #4A305A;
+    background-color: #FFB039;
-    color: white;
     border: none;
     border-radius: 5px;
+    font-size: 25px;
     padding: 10px;
     cursor: pointer;
 }
 
-#scrollTopBtn span {
-    margin-right: 5px;
-    font-size: 18px;
-}
-
 
 .container {
     position: relative;
@@ -257,6 +252,23 @@ p {
     justify-content: space-around;
 }
 
+.footer-section.horizontally-aligned {
+    display: flex;
+    align-items: center;
+}
+
+.social-icons {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.social-icon img {
+    width: 30px; 
+    height: 30px; 
+}
+
+
 .footer-section {
     flex: 1;
 }
@@ -287,3 +299,55 @@ p {
     width: 200px; /* taille du logo */
     margin-bottom: 10px;
 }
+
+.client-reviews {
+    text-align: center;
+    padding: 20px 0;
+}
+
+.client-review-container {
+    display: flex;
+    overflow-x: auto;
+    justify-content: center;
+    margin-top: 20px;
+}
+
+.client-review {
+    flex: 1;
+    max-width: 300px;
+    margin: 10px;
+    text-align: center;
+    background-color: #FFFFFF;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    padding: 15px;
+}
+
+.client-review img {
+    max-width: 100%;
+    border-radius: 50%;
+    margin-bottom: 10px;
+}
+
+.client-review p {
+    color: #333;
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+.client-review h3 {
+    margin-top: 10px;
+    color: #4A305A;
+}
+
+.evaluation {
+    color: #FFB039;
+    font-size: 18px;
+}
+
+.restaurant-tables {
+    max-width: 100%;
+    height: auto;
+    margin-top: 20px;
+    border-radius: 8px; 
+}

html/index.html

@@ -29,13 +29,20 @@
 
     <div class="content">
         <!-- Vidéo et message de bienvenue -->
-        <section class="welcome-section">
+        <section class="bienvenue-section">
             <h1>Bienvenue chez Neo Eat !</h1>
-            <video controls autoplay class="welcome-video">
+            <video controls autoplay class="bienvenue-video">
                 <source src="../video/VideoExplicationConcept.mp4" type="video/mp4">
                 Votre navigateur ne supporte pas les vidéos.
             </video>
         </section>
+        <section class="restaurant-context">
+            <p>
+            Bienvenue chez Neo Eat, où la créativité des chefs étoilés s'unit à la précision de la technologie. Nos chefs renommés imaginent des recettes exceptionnelles, harmonisant saveurs raffinées et innovations culinaires. Dans nos cuisines, des robots de pointe, guidés par ces recettes d'exception, assurent une expérience gastronomique unique.
+            <br>Découvrez l'alliance parfaite entre l'art culinaire humain et la précision technologique des robots. Vous avez la chance de voir ces machines à l'œuvre, créant vos plats sous vos yeux. Laissez-vous séduire par cette fusion unique de talent culinaire et d'innovation. Chez Neo Eat, chaque plat est une expérience mémorable, alliant la passion des chefs au futur de la cuisine.
+            </p>
+            <img src="../img/Restaurant/tables.png" alt="Tables du restaurant" class="restaurant-tables">
+        </section>
 
         <!-- Section des chefs -->
         <section class="chef-section">
@@ -95,6 +102,46 @@
         <a href="#" class="voir-plus-btn">Voir plus de plats</a>
     </div>
     </section>
+
+<!-- Section des avis clients -->
+<section class="client-reviews">
+    <h2>Avis de nos clients</h2>
+    <div class="client-review-container">
+        <!-- Add client reviews here -->
+        <div class="client-review">
+            <img src="../img/Avis clients/client1.png" alt="Client 1">
+            <h3>Marie Dubois</h3>
+            <p>
+                "Délicieux ! J'ai adoré chaque bouchée. Une expérience culinaire exceptionnelle."
+                <br>
+                <span class="evaluation">★★★★★</span>
+            </p>
+        </div>
+        <div class="client-review">
+            <img src="../img/Avis clients/client2.png" alt="Client 2">
+            <h3>Lucas Martin</h3>
+            <p>
+                "Le service était impeccable, et les plats étaient à la hauteur de mes attentes. Bravo Neo Eat !"
+                <br>
+                <span class="evaluation">★★★★★</span>
+            </p>
+        </div>
+        <div class="client-review">
+            <img src="../img/Avis clients/client3.png" alt="Client 3">
+            <h3>Sophie Leroux</h3>
+            <p>
+                "Une explosion de saveurs dans chaque plat. Certainement l'un des meilleurs restaurants de la ville."
+                <br>
+                <span class="evaluation">★★★★★</span>
+            </p>
+        </div>
+    </div>
+</section>
+
+
+
+
+
     <footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
@@ -107,29 +154,29 @@
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
-                <p>Email : <a href="mailto:info@neo-eat.com">info@neo-eat.com</a></p>
+                <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
                 <h3>Réseaux sociaux</h3>
                 <div class="social-icons">
                     <p>
-                        <a href="https://www.instagram.com/neoeat/" target="_blank" class="social-icon">
+                        <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
                             <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
                         </a>
                     </p>
                     <p>
-                        <a href="https://www.facebook.com/neoeat/" target="_blank" class="social-icon">
+                        <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
                             <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
                         </a>
                     </p>
                     <p>
-                        <a href="https://www.X.com/neoeat/" target="_blank" class="social-icon">
+                        <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
                             <img src="../img/RéseauxSociaux/X.png" alt="X">
                         </a>
                     </p>
                     <p>
-                        <a href="https://www.Youtube.com/neoeat/" target="_blank" class="social-icon">
+                        <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
                             <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
                         </a>
                     </p>
@@ -153,7 +200,7 @@
 
     <script src="../js/script.js"></script>
     <button id="scrollTopBtn" onclick="scrollToTop()">
-        <span>&uarr;</span>
+        <span>&#x1F680;</span>
     </button>
 
 </body>