diff --git a/index.html b/index.html
index 2a3f305..b1811b9 100644
--- a/index.html
+++ b/index.html
@@ -1,474 +1,502 @@
 <!DOCTYPE html>
-    <html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-        <link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
-
-        <!--=============== REMIXICONS ===============-->
-        <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
-        
-        <!--=============== SWIPER CSS ===============-->
-        <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
-
-        <!--=============== CSS ===============-->
-        <link rel="stylesheet" href="assets/css/styles.css">
-
-        <title>Responsive Website Travel</title>
-    </head>
-    <body>
-        <header class="header" id="header">
-            <nav class="nav container">
-                <a href="#" class="nav__logo">Travel</a>
-
-                <div class="nav__menu" id="nav-menu">
-                    <ul class="nav__list">
-                        <li class="nav__item">
-                            <a href="#home" class="nav__link active-link">Home</a>
-                        </li>
-                        <li class="nav__item">
-                            <a href="#about" class="nav__link">About</a>
-                        </li>
-                        <li class="nav__item">
-                            <a href="#discover" class="nav__link">Discover</a>
-                        </li>
-                        <li class="nav__item">
-                            <a href="#place" class="nav__link">Places</a>
-                        </li>
-                    </ul>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Découvrez les meilleures destinations de plage avec des offres exclusives et des visites guidées.">
+    <meta name="author" content="projet travail collab">
+    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
+
+    <!--=============== REMIXICONS ===============-->
+    <link href="https://cdn.jsdelivr.nt/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
+    
+    <!--=============== SWIPER CSS ===============-->
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+
+    <!--=============== CSS ===============-->
+    <link rel="stylesheet" href="assets/css/styles.css">
+
+    <title>Explorez les Plages - Aventures de Voyage</title>
+</head>
+<body>
+    <header class="header" id="header" role="banner">
+        <nav class="nav container" aria-label="Navigation principale">
+            <a href="#" class="nav__logo" aria-label="Accueil Travel">Travel</a>
+
+            <div class="nav__menu" id="nav-menu" aria-hidden="true">
+                <ul class="nav__list" role="menubar">
+                    <li class="nav__item" role="none">
+                        <a href="#home" class="nav__link active-link" role="menuitem" aria-current="page">Accueil</a>
+                    </li>
+                    <li class="nav__item" role="none">
+                        <a href="#about" class="nav__link" role="menuitem">À propos</a>
+                    </li>
+                    <li class="nav__item" role="none">
+                        <a href="#discover" class="nav__link" role="menuitem">Découvrir</a>
+                    </li>
+                    <li class="nav__item" role="none">
+                        <a href="#place" class="nav__link" role="menuitem">Destinations</a>
+                    </li>
+                </ul>
+
+                <div class="nav__dark">
+                    <span class="change-theme-name">Mode sombre</span>
+                    <button class="change-theme" id="theme-button" aria-label="Activer/désactiver le mode sombre">
+                        <i class="ri-moon-line"></i>
+                    </button>
+                </div>
 
-                    <div class="nav__dark">
-                        <!-- Theme change button -->
-                        <span class="change-theme-name">Dark mode</span>
-                        <i class="ri-moon-line change-theme" id="theme-button"></i>
-                    </div>
+                <button class="nav__close" id="nav-close" aria-label="Fermer le menu">
+                    <i class="ri-close-line"></i>
+                </button>
+            </div>
 
-                    <i class="ri-close-line nav__close" id="nav-close"></i>
+            <button class="nav__toggle" id="nav-toggle" aria-label="Ouvrir le menu" aria-controls="nav-menu">
+                <i class="ri-function-line"></i>
+            </button>
+        </nav>
+    </header>
+
+    <main class="main" role="main">
+        <!--==================== ACCUEIL ====================-->
+        <section class="home" id="home" aria-labelledby="home-title">
+            <img src="assets/img/home1.jpg" alt="Paysage de plage magnifique" class="home__img" loading="lazy">
+
+            <div class="home__container container grid">
+                <div class="home__data">
+                    <span class="home__data-subtitle">Trouvez votre destination</span>
+                    <h1 class="home__data-title" id="home-title">Explorez les <br> plus <b>belles <br> plages</b></h1>
+                    <a href="#place" class="button" aria-label="Explorez les destinations de plage">Explorer</a>
                 </div>
 
-                <div class="nav__toggle" id="nav-toggle">
-                    <i class="ri-function-line"></i>
+                <div class="home__social" aria-label="Liens de réseaux sociaux">
+                    <a href="https://www.facebook.com/" target="_blank" class="home__social-link" aria-label="Visitez notre page Facebook">
+                        <i class="ri-facebook-box-fill"></i>
+                    </a>
+                    <a href="https://www.instagram.com/" target="_blank" class="home__social-link" aria-label="Visitez notre page Instagram">
+                        <i class="ri-instagram-fill"></i>
+                    </a>
+                    <a href="https://x.com/" target="_blank" class="home__social-link" aria-label="Visitez notre page X">
+                        <i class="ri-twitter-fill"></i>
+                    </a>
                 </div>
-            </nav>
-        </header>
-
-        <main class="main">
-            <!--==================== HOME ====================-->
-            <section class="home" id="home">
-                <img src="assets/img/home1.jpg" alt="" class="home__img">
-
-                <div class="home__container container grid">
-                    <div class="home__data">
-                        <span class="home__data-subtitle">Discover your place</span>
-                        <h1 class="home__data-title">Explore The <br> Best <b>Beautiful <br> Beaches</b></h1>
-                        <a href="#" class="button">Explore</a>
 
-                    </div>
-
-                    <div class="home__social">
-                        <a href="https://www.facebook.com/" target="_blank" class="home__social-link">
-                            <i class="ri-facebook-box-fill"></i>
-                        </a>
-                        <a href="https://www.instagram.com/" target="_blank" class="home__social-link">
-                            <i class="ri-instagram-fill"></i>
-                        </a>
-                        <a href="https://twitter.com/" target="_blank" class="home__social-link">
-                            <i class="ri-twitter-fill"></i>
+                <div class="home__info">
+                    <div>
+                        <span class="home__info-title">5 meilleures destinations à visiter</span>
+                        <a href="#place" class="button button--flex button--link home__info-button" aria-label="En savoir plus sur les meilleures destinations">
+                            Plus <i class="ri-arrow-right-line"></i>
                         </a>
                     </div>
 
-                    <div class="home__info">
-                        <div>
-                            <span class="home__info-title">5 best places to visit</span>
-                            <a href="" class="button button--flex button--link home__info-button">
-                                More <i class="ri-arrow-right-line"></i>
-                            </a>
-                        </div>
-
-                        <div class="home__info-overlay">
-                            <img src="assets/img/home2.jpg" alt="" class="home__info-img">
-                        </div>
+                    <div class="home__info-overlay">
+                        <img src="assets/img/home2.jpg" alt="Vue panoramique de plage" class="home__info-img" loading="lazy">
                     </div>
                 </div>
-            </section>
-
-            <!--==================== ABOUT ====================-->
-            <section class="about section" id="about">
-                <div class="about__container container grid">
-                    <div class="about__data">
-                        <h2 class="section__title about__title">More Information <br> About The Best Beaches</h2>
-                        <p class="about__description">You can find the most beautiful and pleasant places at the best 
-                            prices with special discounts, you choose the place we will guide you all the way to wait, get your 
-                            place now.
-                        </p>
-                        <a href="#" class="button">Reserve a place</a>
-                    </div>
-
-                    <div class="about__img">
-                        <div class="about__img-overlay">
-                            <img src="assets/img/about1.jpg" alt="" class="about__img-one">
-                        </div>
+            </div>
+        </section>
+
+        <!--==================== À PROPOS ====================-->
+        <section class="about section" id="about" aria-labelledby="about-title">
+            <div class="about__container container grid">
+                <div class="about__data">
+                    <h2 class="section__title about__title" id="about-title">Plus d'informations <br> sur les meilleures plages</h2>
+                    <p class="about__description">Découvrez les plages les plus époustouflantes avec des offres exclusives et des visites guidées. Choisissez votre destination de rêve, nous nous occupons du reste.</p>
+                    <a href="#place" class="button" aria-label="Réservez votre escapade à la plage">Réserver une place</a>
+                </div>
 
-                        <div class="about__img-overlay">
-                            <img src="assets/img/about2.jpg" alt="" class="about__img-two">
-                        </div>
+                <div class="about__img">
+                    <div class="about__img-overlay">
+                        <img src="assets/img/about1.jpg" alt="Destination de plage 1" class="about__img-one" loading="lazy">
+                    </div>
+                    <div class="about__img-overlay">
+                        <img src="assets/img/about2.jpg" alt="Destination de plage 2" class="about__img-two" loading="lazy">
                     </div>
                 </div>
-            </section>
+            </div>
+        </section>
+        
+        <!--==================== DÉCOUVRIR ====================-->
+        <section class="discover section" id="discover" aria-labelledby="discover-title">
+            <h2 class="section__title" id="discover-title">Découvrez les <br> lieux les plus attractifs</h2>
             
-            <!--==================== DISCOVER ====================-->
-            <section class="discover section" id="discover">
-                <h2 class="section__title">Discover the most <br> attractive places</h2>
-                
-                <div class="discover__container container swiper-container">
-                    <div class="swiper-wrapper">
-                        <!--==================== DISCOVER 1 ====================-->
-                        <div class="discover__card swiper-slide">
-                            <img src="assets/img/discover1.jpg" alt="" class="discover__img">
-                            <div class="discover__data">
-                                <h2 class="discover__title">Bali</h2>
-                                <span class="discover__description">24 tours available</span>
-                            </div>
+            <div class="discover__container container swiper-container">
+                <div class="swiper-wrapper">
+                    <!--==================== DÉCOUVRIR 1 ====================-->
+                    <div class="discover__card swiper-slide">
+                        <img src="assets/img/discover1.jpg" alt="Plage de Bali" class="discover__img" loading="lazy">
+                        <div class="discover__data">
+                            <h2 class="discover__title">Bali</h2>
+                            <span class="discover__description">24 circuits disponibles</span>
                         </div>
+                    </div>
 
-                        <!--==================== DISCOVER 2 ====================-->
-                        <div class="discover__card swiper-slide">
-                            <img src="assets/img/discover2.jpg" alt="" class="discover__img">
-                            <div class="discover__data">
-                                <h2 class="discover__title">Hawaii</h2>
-                                <span class="discover__description">15 tours available</span>
-                            </div>
+                    <!--==================== DÉCOUVRIR 2 ====================-->
+                    <div class="discover__card swiper-slide">
+                        <img src="assets/img/discover2.jpg" alt="Plage d'Hawaï" class="discover__img" loading="lazy">
+                        <div class="discover__data">
+                            <h2 class="discover__title">Hawaï</h2>
+                            <span class="discover__description">15 circuits disponibles</span>
                         </div>
+                    </div>
 
-                        <!--==================== DISCOVER 3 ====================-->
-                        <div class="discover__card swiper-slide">
-                            <img src="assets/img/discover3.jpg" alt="" class="discover__img">
-                            <div class="discover__data">
-                                <h2 class="discover__title">Hvar</h2>
-                                <span class="discover__description">18 tours available</span>
-                            </div>
+                    <!--==================== DÉCOUVRIR 3 ====================-->
+                    <div class="discover__card swiper-slide">
+                        <img src="assets/img/discover3.jpg" alt="Plage de Hvar" class="discover__img" loading="lazy">
+                        <div class="discover__data">
+                            <h2 class="discover__title">Hvar</h2>
+                            <span class="discover__description">18 circuits disponibles</span>
                         </div>
+                    </div>
 
-                        <!--==================== DISCOVER 4 ====================-->
-                        <div class="discover__card swiper-slide">
-                            <img src="assets/img/discover4.jpg" alt="" class="discover__img">
-                            <div class="discover__data">
-                                <h2 class="discover__title">Whitehaven</h2>
-                                <span class="discover__description">32 tours available</span>
-                            </div>
+                    <!--==================== DÉCOUVRIR 4 ====================-->
+                    <div class="discover__card swiper-slide">
+                        <img src="assets/img/discover4.jpg" alt="Plage de Whitehaven" class="discover__img" loading="lazy">
+                        <div class="discover__data">
+                            <h2 class="discover__title">Whitehaven</h2>
+                            <span class="discover__description">32 circuits disponibles</span>
                         </div>
                     </div>
                 </div>
-            </section>
+            </div>
+        </section>
 
-            <!--==================== EXPERIENCE ====================-->
-            <section class="experience section">
-                <h2 class="section__title">With Our Experience <br> We Will Serve You</h2>
+        <!--==================== EXPÉRIENCE ====================-->
+        <section class="experience section" aria-labelledby="experience-title">
+            <h2 class="section__title" id="experience-title">Avec notre expérience <br> nous vous servirons</h2>
 
-                <div class="experience__container container grid">
-                    <div class="experience__content grid">
-                        <div class="experience__data">
-                            <h2 class="experience__number">20</h2>
-                            <span class="experience__description">Year <br> Experience</span>
-                        </div>
+            <div class="experience__container container grid">
+                <div class="experience__content grid">
+                    <div class="experience__data">
+                        <h2 class="experience__number">20</h2>
+                        <span class="experience__description">Années <br> d'expérience</span>
+                    </div>
 
-                        <div class="experience__data">
-                            <h2 class="experience__number">75</h2>
-                            <span class="experience__description">Complete <br> tours</span>
-                        </div>
+                    <div class="experience__data">
+                        <h2 class="experience__number">75</h2>
+                        <span class="experience__description">Circuits <br> complétés</span>
+                    </div>
 
-                        <div class="experience__data">
-                            <h2 class="experience__number">650+</h2>
-                            <span class="experience__description">Tourist <br> Destination</span>
-                        </div>
+                    <div class="experience__data">
+                        <h2 class="experience__number">650+</h2>
+                        <span class="experience__description">Destinations <br> touristiques</span>
                     </div>
+                </div>
 
-                    <div class="experience__img grid">
-                        <div class="experience__overlay">
-                            <img src="assets/img/experience1.jpg" alt="" class="experience__img-one">
-                        </div>
-                        
-                        <div class="experience__overlay">
-                            <img src="assets/img/experience2.jpg" alt="" class="experience__img-two">
-                        </div>
+                <div class="experience__img grid">
+                    <div class="experience__overlay">
+                        <img src="assets/img/experience1.jpg" alt="Expérience de voyage 1" class="experience__img-one" loading="lazy">
+                    </div>
+                    <div class="experience__overlay">
+                        <img src="assets/img/experience2.jpg" alt="Expérience de voyage 2" class="experience__img-two" loading="lazy">
                     </div>
                 </div>
-            </section>
+            </div>
+        </section>
 
-            <!--==================== VIDEO ====================-->
-            <section class="video section">
-                <h2 class="section__title">Video Tour</h2>
+        <!--==================== VIDÉO ====================-->
+        <section class="video section" aria-labelledby="video-title">
+            <h2 class="section__title" id="video-title">Visite vidéo</h2>
 
-                <div class="video__container container">
-                    <p class="video__description">Find out more with our video of the most beautiful and 
-                        pleasant places for you and your family.
-                    </p>
+            <div class="video__container container">
+                <p class="video__description">Découvrez plus avec notre vidéo des lieux les plus beaux et agréables pour vous et votre famille.</p>
 
-                    <div class="video__content">
-                        <video id="video-file">
-                            <source src="assets/video/video.mp4" type="video/mp4">
-                        </video>
+                <div class="video__content">
+                    <video id="video-file" aria-label="Vidéo promotionnelle des plages">
+                        <source src="assets/video/video.mp4" type="video/mp4">
+                        Votre navigateur ne prend pas en charge la balise vidéo.
+                    </video>
 
-                        <button class="button button--flex video__button" id="video-button">
-                            <i class="ri-play-line video__button-icon" id="video-icon"></i>
-                        </button>
-                    </div>
+                    <button class="button button--flex video__button" id="video-button" aria-label="Lire ou mettre en pause la vidéo">
+                        <i class="ri-play-line video__button-icon" id="video-icon"></i>
+                    </button>
                 </div>
-            </section>
-
-            <!--==================== PLACES ====================-->
-            <section class="place section" id="place">
-                <h2 class="section__title">Choose Your Place</h2>
-
-                <div class="place__container container grid">
-                    <!--==================== PLACES CARD 1 ====================-->
-                    <div class="place__card">
-                        <img src="assets/img/place1.jpg" alt="" class="place__img">
-                        
-                        <div class="place__content">
-                            <span class="place__rating">
-                                <i class="ri-star-line place__rating-icon"></i>
-                                <span class="place__rating-number">4,8</span>
-                            </span>
-
-                            <div class="place__data">
-                                <h3 class="place__title">Bali</h3>
-                                <span class="place__subtitle">Indonesia</span>
-                                <span class="place__price">$2499</span>
-                            </div>
+            </div>
+        </section>
+
+        <!--==================== DESTINATIONS ====================-->
+        <section class="place section" id="place" aria-labelledby="place-title">
+            <h2 class="section__title" id="place-title">Choisissez votre destination</h2>
+
+            <div class="place__container container grid">
+                <!--==================== CARTE DESTINATION 1 ====================-->
+                <div class="place__card">
+                    <img src="assets/img/place1.jpg" alt="Plage de Bali" class="place__img" loading="lazy">
+                    
+                    <div class="place__content">
+                        <span class="place__rating">
+                            <i class="ri-star-line place__rating-icon"></i>
+                            <span class="place__rating-number">4,8</span>
+                        </span>
+
+                        <div class="place__data">
+                            <h3 class="place__title">Bali</h3>
+                            <span class="place__subtitle">Indonésie</span>
+                            <span class="place__price">2499 €</span>
                         </div>
-
-                        <button class="button button--flex place__button">
-                            <i class="ri-arrow-right-line"></i>
-                        </button>
                     </div>
 
-                    <!--==================== PLACES CARD 2 ====================-->
-                    <div class="place__card">
-                        <img src="assets/img/place2.jpg" alt="" class="place__img">
-                        
-                        <div class="place__content">
-                            <span class="place__rating">
-                                <i class="ri-star-line place__rating-icon"></i>
-                                <span class="place__rating-number">5,0</span>
-                            </span>
-
-                            <div class="place__data">
-                                <h3 class="place__title">Bora Bora</h3>
-                                <span class="place__subtitle">Polinesia</span>
-                                <span class="place__price">$1599</span>
-                            </div>
-                        </div>
+                    <button class="button button--flex place__button" aria-label="En savoir plus sur Bali">
+                        <i class="ri-arrow-right-line"></i>
+                    </button>
+                </div>
 
-                        <button class="button button--flex place__button">
-                            <i class="ri-arrow-right-line"></i>
-                        </button>
+                <!--==================== CARTE DESTINATION 2 ====================-->
+                <div class="place__card">
+                    <img src="assets/img/place2.jpg" alt="Plage de Bora Bora" class="place__img" loading="lazy">
+                    
+                    <div class="place__content">
+                        <span class="place__rating">
+                            <i class="ri-star-line place__rating-icon"></i>
+                            <span class="place__rating-number">5,0</span>
+                        </span>
+
+                        <div class="place__data">
+                            <h3 class="place__title">Bora Bora</h3>
+                            <span class="place__subtitle">Polynésie</span>
+                            <span class="place__price">1599 €</span>
+                        </div>
                     </div>
 
-                    <!--==================== PLACES CARD 3 ====================-->
-                    <div class="place__card">
-                        <img src="assets/img/place3.jpg" alt="" class="place__img">
-                        
-                        <div class="place__content">
-                            <span class="place__rating">
-                                <i class="ri-star-line place__rating-icon"></i>
-                                <span class="place__rating-number">4,9</span>
-                            </span>
-
-                            <div class="place__data">
-                                <h3 class="place__title">Hawaii</h3>
-                                <span class="place__subtitle">EE.UU</span>
-                                <span class="place__price">$3499</span>
-                            </div>
-                        </div>
+                    <button class="button button--flex place__button" aria-label="En savoir plus sur Bora Bora">
+                        <i class="ri-arrow-right-line"></i>
+                    </button>
+                </div>
 
-                        <button class="button button--flex place__button">
-                            <i class="ri-arrow-right-line"></i>
-                        </button>
+                <!--==================== CARTE DESTINATION 3 ====================-->
+                <div class="place__card">
+                    <img src="assets/img/place3.jpg" alt="Plage d'Hawaï" class="place__img" loading="lazy">
+                    
+                    <div class="place__content">
+                        <span class="place__rating">
+                            <i class="ri-star-line place__rating-icon"></i>
+                            <span class="place__rating-number">4,9</span>
+                        </span>
+
+                        <div class="place__data">
+                            <h3 class="place__title">Hawaï</h3>
+                            <span class="place__subtitle">États-Unis</span>
+                            <span class="place__price">3499 €</span>
+                        </div>
                     </div>
 
-                    <!--==================== PLACES CARD 4 ====================-->
-                    <div class="place__card">
-                        <img src="assets/img/place4.jpg" alt="" class="place__img">
-                        
-                        <div class="place__content">
-                            <span class="place__rating">
-                                <i class="ri-star-line place__rating-icon"></i>
-                                <span class="place__rating-number">4,8</span>
-                            </span>
-
-                            <div class="place__data">
-                                <h3 class="place__title">Whitehaven</h3>
-                                <span class="place__subtitle">Australia</span>
-                                <span class="place__price">$2499</span>
-                            </div>
-                        </div>
+                    <button class="button button--flex place__button" aria-label="En savoir plus sur Hawaï">
+                        <i class="ri-arrow-right-line"></i>
+                    </button>
+                </div>
 
-                        <button class="button button--flex place__button">
-                            <i class="ri-arrow-right-line"></i>
-                        </button>
+                <!--==================== CARTE DESTINATION 4 ====================-->
+                <div class="place__card">
+                    <img src="assets/img/place4.jpg" alt="Plage de Whitehaven" class="place__img" loading="lazy">
+                    
+                    <div class="place__content">
+                        <span class="place__rating">
+                            <i class="ri-star-line place__rating-icon"></i>
+                            <span class="place__rating-number">4,8</span>
+                        </span>
+
+                        <div class="place__data">
+                            <h3 class="place__title">Whitehaven</h3>
+                            <span class="place__subtitle">Australie</span>
+                            <span class="place__price">2499 €</span>
+                        </div>
                     </div>
 
-                    <!--==================== PLACES CARD 5 ====================-->
-                    <div class="place__card">
-                        <img src="assets/img/place5.jpg" alt="" class="place__img">
-                        
-                        <div class="place__content">
-                            <span class="place__rating">
-                                <i class="ri-star-line place__rating-icon"></i>
-                                <span class="place__rating-number">4,8</span>
-                            </span>
-
-                            <div class="place__data">
-                                <h3 class="place__title">Hvar</h3>
-                                <span class="place__subtitle">Croacia</span>
-                                <span class="place__price">$1999</span>
-                            </div>
-                        </div>
+                    <button class="button button--flex place__button" aria-label="En savoir plus sur Whitehaven">
+                        <i class="ri-arrow-right-line"></i>
+                    </button>
+                </div>
 
-                        <button class="button button--flex place__button">
-                            <i class="ri-arrow-right-line"></i>
-                        </button>
+                <!--==================== CARTE DESTINATION 5 ====================-->
+                <div class="place__card">
+                    <img src="assets/img/place5.jpg" alt="Plage de Hvar" class="place__img" loading="lazy">
+                    
+                    <div class="place__content">
+                        <span class="place__rating">
+                            <i class="ri-star-line place__rating-icon"></i>
+                            <span class="place__rating-number">4,8</span>
+                        </span>
+
+                        <div class="place__data">
+                            <h3 class="place__title">Hvar</h3>
+                            <span class="place__subtitle">Croatie</span>
+                            <span class="place__price">1999 €</span>
+                        </div>
                     </div>
+
+                    <button class="button button--flex place__button" aria-label="En savoir plus sur Hvar">
+                        <i class="ri-arrow-right-line"></i>
+                    </button>
                 </div>
-            </section>
-
-            <!--==================== SUBSCRIBE ====================-->
-            <section class="subscribe section">
-                <div class="subscribe__bg">
-                    <div class="subscribe__container container">
-                        <h2 class="section__title subscribe__title">Subscribe Our <br> Newsletter</h2>
-                        <p class="subscribe__description">Subscribe to our newsletter and get a 
-                            special 30% discount.
-                        </p>
-    
-                        <form action="" class="subscribe__form">
-                            <input type="text" placeholder="Enter email" class="subscribe__input">
+            </div>
+        </section>
+
+        <!--==================== INSCRIPTION ====================-->
+        <section class="subscribe section" aria-labelledby="subscribe-title">
+            <div class="subscribe__bg">
+                <div class="subscribe__container container">
+                    <h2 class="section__title subscribe__title" id="subscribe-title">Inscrivez-vous à notre <br> Newsletter</h2>
+                    <p class="subscribe__description">Inscrivez-vous à notre newsletter et bénéficiez d'une réduction spéciale de 30 %.</p>
     
-                            <button class="button">
-                                Subscribe
-                            </button>
-                        </form>
-                    </div>
+                    <form action="" class="subscribe__form" id="subscribe-form">
+                        <input type="email" placeholder="Entrez votre email" class="subscribe__input" aria-label="Adresse email pour la newsletter" required>
+                        <button class="button" type="submit" aria-label="S'inscrire à la newsletter">S'inscrire</button>
+                    </form>
+                    <p class="subscribe__confirmation" id="subscribe-confirmation" hidden>Inscription réussie ! Vérifiez votre boîte de réception.</p>
                 </div>
-            </section>
-            
-            <!--==================== SPONSORS ====================-->
-            <section class="sponsor section">
-                <div class="sponsor__container container grid">
-                    <div class="sponsor__content">
-                        <img src="assets/img/sponsors1.png" alt="" class="sponsor__img">
-                    </div>
-                    <div class="sponsor__content">
-                        <img src="assets/img/sponsors2.png" alt="" class="sponsor__img">
-                    </div>
-                    <div class="sponsor__content">
-                        <img src="assets/img/sponsors3.png" alt="" class="sponsor__img">
-                    </div>
-                    <div class="sponsor__content">
-                        <img src="assets/img/sponsors4.png" alt="" class="sponsor__img">
-                    </div>
-                    <div class="sponsor__content">
-                        <img src="assets/img/sponsors5.png" alt="" class="sponsor__img">
-                    </div>
+            </div>
+        </section>
+        
+        <!--==================== SPONSORS ====================-->
+        <section class="sponsor section" aria-label="Nos sponsors">
+            <div class="sponsor__container container grid">
+                <div class="sponsor__content">
+                    <img src="assets/img/sponsors1.png" alt="Logo du sponsor 1" class="sponsor__img" loading="lazy">
                 </div>
-            </section>
-        </main>
-
-        <!--==================== FOOTER ====================-->
-        <footer class="footer section">
-            <div class="footer__container container grid">
-                <div class="footer__content grid">
-                    <div class="footer__data">
-                        <h3 class="footer__title">Travel</h3>
-                        <p class="footer__description">Travel you choose the <br> destination, 
-                            we offer you the <br> experience.
-                        </p>
-                        <div>
-                            <a href="https://www.facebook.com/" target="_blank" class="footer__social">
-                                <i class="ri-facebook-box-fill"></i>
-                            </a>
-                            <a href="https://twitter.com/" target="_blank" class="footer__social">
-                                <i class="ri-twitter-fill"></i>
-                            </a>
-                            <a href="https://www.instagram.com/" target="_blank" class="footer__social">
-                                <i class="ri-instagram-fill"></i>
-                            </a>
-                            <a href="https://www.youtube.com/" target="_blank" class="footer__social">
-                                <i class="ri-youtube-fill"></i>
-                            </a>
-                        </div>
+                <div class="sponsor__content">
+                    <img src="assets/img/sponsors2.png" alt="Logo du sponsor 2" class="sponsor__img" loading="lazy">
+                </div>
+                <div class="sponsor__content">
+                    <img src="assets/img/sponsors3.png" alt="Logo du sponsor 3" class="sponsor__img" loading="lazy">
+                </div>
+                <div class="sponsor__content">
+                    <img src="assets/img/sponsors4.png" alt="Logo du sponsor 4" class="sponsor__img" loading="lazy">
+                </div>
+                <div class="sponsor__content">
+                    <img src="assets/img/sponsors5.png" alt="Logo du sponsor 5" class="sponsor__img" loading="lazy">
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <!--==================== PIED DE PAGE ====================-->
+    <footer class="footer section" aria-label="Pied de page">
+        <div class="footer__container container grid">
+            <div class="footer__content grid">
+                <div class="footer__data">
+                    <h3 class="footer__title">Travel</h3>
+                    <p class="footer__description">Choisissez votre destination, <br> nous vous offrons l'expérience.</p>
+                    <div>
+                        <a href="https://www.facebook.com/" target="_blank" class="footer__social" aria-label="Visitez notre page Facebook">
+                            <i class="ri-facebook-box-fill"></i>
+                        </a>
+                        <a href="https://x.com/" target="_blank" class="footer__social" aria-label="Visitez notre page X">
+                            <i class="ri-twitter-fill"></i>
+                        </a>
+                        <a href="https://www.instagram.com/" target="_blank" class="footer__social" aria-label="Visitez notre page Instagram">
+                            <i class="ri-instagram-fill"></i>
+                        </a>
+                        <a href="https://www.youtube.com/" target="_blank" class="footer__social" aria-label="Visitez notre chaîne YouTube">
+                            <i class="ri-youtube-fill"></i>
+                        </a>
                     </div>
+                </div>
     
-                    <div class="footer__data">
-                        <h3 class="footer__subtitle">About</h3>
-                        <ul>
-                            <li class="footer__item">
-                                <a href="" class="footer__link">About Us</a>
-                            </li>
-                            <li class="footer__item">
-                                <a href="" class="footer__link">Features</a>
-                            </li>
-                            <li class="footer__item">
-                                <a href="" class="footer__link">New & Blog</a>
-                            </li>
-                        </ul>
-                    </div>
+                <div class="footer__data">
+                    <h3 class="footer__subtitle">À propos</h3>
+                    <ul>
+                        <li class="footer__item">
+                            <a href="" class="footer__link">À propos de nous</a>
+                        </li>
+                        <li class="footer__item">
+                            <a href="" class="footer__link">Fonctionnalités</a>
+                        </li>
+                        <li class="footer__item">
+                            <a href="" class="footer__link">Actualités & Blog</a>
+                        </li>
+                    </ul>
+                </div>
     
-                    <div class="footer__data">
-                        <h3 class="footer__subtitle">Company</h3>
-                        <ul>
-                            <li class="footer__item">
-                                <a href="" class="footer__link">Team</a>
-                            </li>
-                            <li class="footer__item">
-                                <a href="" class="footer__link">Plan y Pricing</a>
-                            </li>
-                            <li class="footer__item">
-                                <a href="" class="footer__link">Become a member</a>
-                            </li>
-                        </ul>
-                    </div>
+                <div class="footer__data">
+                    <h3 class="footer__subtitle">Entreprise</h3>
+                    <ul>
+                        <li class="footer__item">
+                            <a href="" class="footer__link">Équipe</a>
+                        </li>
+                        <li class="footer__item">
+                            <a href="" class="footer__link">Tarifs & Plans</a>
+                        </li>
+                        <li class="footer__item">
+                            <a href="" class="footer__link">Devenir membre</a>
+                        </li>
+                    </ul>
+                </div>
     
-                    <div class="footer__data">
-                        <h3 class="footer__subtitle">Support</h3>
-                        <ul>
-                            <li class="footer__item">
-                                <a href="" class="footer__link">FAQs</a>
-                            </li>
-                            <li class="footer__item">
-                                <a href="" class="footer__link">Support Center</a>
-                            </li>
-                            <li class="footer__item">
-                                <a href="" class="footer__link">Contact Us</a>
-                            </li>
-                        </ul>
-                    </div>
+                <div class="footer__data">
+                    <h3 class="footer__subtitle">Support</h3>
+                    <ul>
+                        <li class="footer__item">
+                            <a href="" class="footer__link">FAQ</a>
+                        </li>
+                        <li class="footer__item">
+                            <a href="" class="footer__link">Centre de support</a>
+                        </li>
+                        <li class="footer__item">
+                            <a href="" class="footer__link">Contactez-nous</a>
+                        </li>
+                    </ul>
                 </div>
+            </div>
 
-                <div class="footer__rights">
-                    <p class="footer__copy">&#169; 2021 Bedimcode. All rigths reserved.</p>
-                    <div class="footer__terms">
-                        <a href="#" class="footer__terms-link">Terms & Agreements</a>
-                        <a href="#" class="footer__terms-link">Privacy Policy</a>
-                    </div>
+            <div class="footer__rights">
+                <p class="footer__copy">© 2025 Votre Nom de Groupe. Tous droits réservés.</p>
+                <div class="footer__terms">
+                    <a href="#" class="footer__terms-link">Termes & Conditions</a>
+                    <a href="#" class="footer__terms-link">Politique de confidentialité</a>
                 </div>
             </div>
-        </footer>
+        </div>
+    </footer>
 
-         <!--========== SCROLL UP ==========-->
-        <a href="#" class="scrollup" id="scroll-up">
-            <i class="ri-arrow-up-line scrollup__icon"></i>
-        </a>
+    <!--========== SCROLL VERS LE HAUT ==========-->
+    <a href="#" class="scrollup" id="scroll-up" aria-label="Retour en haut de la page">
+        <i class="ri-arrow-up-line scrollup__icon"></i>
+    </a>
 
-        <!--=============== SCROLL REVEAL===============-->
-        <script src="assets/js/scrollreveal.min.js"></script>
-        
-        <!--=============== SWIPER JS ===============-->
-        <script src="assets/js/swiper-bundle.min.js"></script>
-
-        <!--=============== MAIN JS ===============-->
-        <script src="assets/js/main.js"></script>
-    </body>
+    <!--=============== SCROLL REVEAL ===============-->
+    <script src="assets/js/scrollreveal.min.js"></script>
+    
+    <!--=============== SWIPER JS ===============-->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+
+    <!--=============== MAIN JS ===============-->
+    <script>
+        // Défilement fluide pour les liens de navigation
+        document.querySelectorAll('.nav__link').forEach(link => {
+            link.addEventListener('click', (e) => {
+                e.preventDefault();
+                const targetId = link.getAttribute('href').substring(1);
+                const targetElement = document.getElementById(targetId);
+                targetElement.scrollIntoView({ behavior: 'smooth' });
+            });
+        });
+
+        // Gestion du formulaire d'inscription (simulation)
+        const subscribeForm = document.getElementById('subscribe-form');
+        const confirmation = document.getElementById('subscribe-confirmation');
+        subscribeForm.addEventListener('submit', (e) => {
+            e.preventDefault();
+            confirmation.removeAttribute('hidden');
+            subscribeForm.reset();
+            setTimeout(() => {
+                confirmation.setAttribute('hidden', '');
+            }, 3000);
+        });
+
+        // Gestion du menu mobile
+        const navToggle = document.getElementById('nav-toggle');
+        const navMenu = document.getElementById('nav-menu');
+        const navClose = document.getElementById('nav-close');
+
+        navToggle.addEventListener('click', () => {
+            navMenu.setAttribute('aria-hidden', 'false');
+            navMenu.classList.add('show-menu');
+        });
+
+        navClose.addEventListener('click', () => {
+            navMenu.setAttribute('aria-hidden', 'true');
+            navMenu.classList.remove('show-menu');
+        });
+    </script>
+</body>
 </html>
\ No newline at end of file
