<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>By Brothers</title>
    <link rel="stylesheet" href="style.css?v=1.5">
    <!-- favicon -->
    <link rel="icon" href="./logos/Bybrothers_SVGlogo.svg" type="image/png">
    <!-- Font Awesome CDN -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <!-- LENIS smooth scrolling -->
    <script src="https://cdn.jsdelivr.net/npm/@studio-freight/lenis@1.0.42/dist/lenis.umd.min.js"></script>
    <!-- Typed.js library -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.js" integrity="sha512-tQQXRDB2wEmuJGtFrmmoFYzNTq8StA1XJrfO0OQbbTxd9G0CwaTDL6/C1y805IlvBVrMwOqob1kf6r/2U5XXVg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <!-- SPLIT TEXT LIBRARYA -->
    <script src="https://unpkg.com/split-type"></script>
    <!-- GSAP -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/Flip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
</head>
<body>

    <!-- Preloader -->
    <div id="preloader" class="preloader">
        <div class="logo_preloader" id="logo_preloader">
            <img id="bybrothers_logoPreloader" src="./logos/Bybrothers_SVGlogo.svg" alt="ByBrothers logo">
            <h2>
                <span>By</span><br/> 
                <span class="span2">Brothers</span>
            </h2>
        </div>
        <h3><span>cabinet d’expertise comptable</span></h3>
    </div>


    <!-- Custom Cursor Element -->
    <div id="cursor"></div>


    <!-- WHATSSAP ICON - BOTTOM RIGHT -->
    <button class="whatssap_bottom-right">
        <a href="https://wa.me/+33762965378">
            <i class="fab fa-whatsapp"></i> 
        </a>
    </button>
      
    <!-- Main -->
    <div class="main">
        <!-- HEADER DESKTOP -->
        <header class="header_desktop">
            <div class="header_left">
                <div class="logo" id="logo">
                    <img class="logo-desktop" id="bybrothers-logo" src="./logos/Bybrothers_SVGlogo.svg" alt="ByBrothers logo">
                    <h2>
                        <span>By</span><br/> 
                        <span class="span2">Brothers</span>
                    </h2>
                </div>
                <!-- Regular navigation -->
                <nav class="desktop-nav">
                    <ul>
                        <li><a href="#tarifs">Tarifs</a></li>
                        <li><a href="#avis_clients">Avis</a></li>
                        <li><a href="#qui_somme_nous">Qui sommes nous ?</a></li>
                    </ul>
                </nav>
            </div>
            <div class="header_right">
                <div class="rendez_vous" id="rendez_vous">
                    <a href="tel:+33762965378"><i class="fas fa-phone"></i> 07 62 96 53 78</a>
                    <a href="tel:+33762965378">
                        <img id="hoverImage" src="" alt=""> <!-- gif image on hover -->
                        <button class="btn_rendrez_vous"><i class="fa fa-calendar-alt"></i>Je reserve un RDV gratuit</button>
                    </a>
                </div>
            </div>
        </header>


        <!-- HEADER MOBILE -->
        <header class="header_MenuMobiletablet">
            <div class="MenuMobileTablet_container">
                <div class="logo" id="logo">
                    <img id="bybrothers-logo" src="./logos/Bybrothers_SVGlogo.svg" alt="ByBrothers logo">
                    <h2>
                        <span>By</span><br/> 
                        <span class="span2">Brothers</span>
                    </h2>
                </div>
                <div class="wrapper">
                    <a href="tel:+33762965378">
                        <i class="fa-solid fa-phone"></i>
                    </a>
                    <div class="menu-icon">
                      <svg
                        viewBox="0 0 220 220"
                        stroke="#2b3285"
                        stroke-width="20"
                        stroke-linecap="round"
                        fill="none"
                      >
                        <path
                          class="line1"
                          d="M 10,60 C 55,60 55,60 110,60 C 165,60 165,60 210,60"
                        ></path>
                        <path
                          class="line3"
                          d="M 10,160 C 55,160 55,160 110,160 C 165,160 165,160 210,160"
                        ></path>
                        <path
                          class="line2"
                          d="M 10,110 C 55,110 55,110 110,110 C 165,110 165,110 210,110"
                        ></path>
                      </svg>
                    </div>
                  </div>
            </div>
        </header>

        <!-- Fullscreen Menu mobile/tablet -->
        <div id="fullscreen-menu" class="menu-overlay">
            <div class="menu-content">
                <nav>
                    <ul>
                        <li><a href="#tarifs">Tarifs</a></li>
                        <li><a href="#avis_clients">Avis</a></li>
                        <li><a href="#qui_somme_nous">Qui sommes nous ?</a></li>
                    </ul>
                    <a href="tel:+33762965378">
                        <button class="btn_menu_rendrez_vous"><i class="fa fa-calendar-alt"></i> Je reserve un RDV gratuit</button>
                    </a>
                </nav>
            </div>
        </div>
        

        <!-------HERO-------- -->
        <div class="hero">
            <div class="hero_left">
                <h1 id="my-text">L’expertise comptable réinventée pour accompagner les entrepreneurs d’aujourd’hui</h1>
                <h2>L’Expert Comptable qui vous accompagne dans votre aventure entrepreneurial. Disponible, Réactif nous vous facilitons la vie !</h2>
                <div class="btn_prendre_rendez-vous">
                    <a href="tel:+33762965378">
                        <button><i class="fa fa-calendar-alt"></i> Je reserve un RDV gratuit</button>
                    </a>
                </div>
            </div>
            <div class="hero_right">
                <div class="france-map">
                    <a   id="FR-AUV" class="department">
                      <div>
                        <img src="https://depuismonhamac.jardiland.com/wp-content/uploads/2020/02/Sans-titre-2.jpg" alt="Occitanie">
                        <p>Auvergne-Rhône-Alpes</p>
                      </div>
                    </a>
                    <a   id="FR-BOU" class="department">
                      <div>
                        <img src="https://static.latribune.fr/2333071/paysage-de-semur-en-auxois-en-bourgogne.jpg" alt="Occitanie">
                        <p>Bourgogne-Franche-Compté</p>
                      </div>
                    </a>
                    <a   id="FR-BRE" class="department">
                      <div>
                        <img src="https://images.interhome.group/travelguide/france-brittany-saint-malo.jpg" alt="Occitanie">
                        <p>Bretagne</p>
                      </div>
                    </a>
                    <a   id="FR-CEN" class="department">
                      <div>
                        <img src="https://upload.wikimedia.org/wikipedia/commons/e/ea/La_Loire_%C3%A0_Orl%C3%A9ans.jpg" alt="Occitanie">
                        <p>Centre-Val de Loire</p>
                      </div>
                    </a>
                    <a   id="FR-GRA" class="department">
                      <div>
                        <img src="https://static.secureholiday.net/static/CMS/photos/000/073/000073492.jpeg?w=2600&format=webp" alt="Occitanie">
                        <p>Grand Est</p>
                      </div>
                    </a>
                    <a   id="FR-HAU" class="department">
                      <div>
                        <img src="https://www.tourisme-en-hautsdefrance.com/app/uploads/crt-hautsdefrance/2020/12/thumbs/lille---place-aux-oignons-crtc-hauts-de-france--benoit-guilleux-640x640.jpg" alt="Occitanie">
                        <p>Hauts-de-France</p>
                      </div>
                    </a>
                    <a   id="FR-ILE" class="department">
                      <div>
                        <img src="https://www.usinenouvelle.com/mediatheque/0/7/5/000353570_896x598_c.jpg" alt="Occitanie">
                        <p>Ile-de-France</p>
                      </div>
                    </a>
                    <a   id="FR-NOR" class="department">
                      <div>
                        <img src="https://asset-prod.france.fr/Getty_Images_1828610886_NORMANDIE_falaise_cote_albatre_panoramique_183f52701e.jpg" alt="Occitanie">
                        <p>Normandie</p>
                      </div>
                    </a>
                    <a   id="FR-NOU" class="department">
                      <div>
                        <img src="https://cdn.prod.website-files.com/5fe9ad4805bc9a4cf17e4a6a/6267bd2c2f1c28c4e540425d_reserve-naturelle-du-courant-d-huchet_prairy_YVO-Photos.jpg" alt="Occitanie">
                        <p>Nouvelle-Aquitaine</p>
                      </div>
                    </a>
                    <a   id="FR-OCC" class="department">
                      <div>
                        <img src="https://travelfrancebucketlist.com/wp-content/uploads/2020/06/Albi-France.jpg" alt="Occitanie">
                        <p>Occitanie</p>
                      </div>
                    </a>
                    <a   id="FR-PAY" class="department">
                      <div>
                        <img src="https://vacances-seasonova.com/wp-content/uploads/2016/08/chateau-de-saumur-pays-de-la-loire2.jpg" alt="Occitanie">
                        <p>Pays de la Loire</p>
                      </div>
                    </a>
                    <a   id="FR-PRO" class="department">
                      <div>
                        <img src="https://dynamic-media-cdn.tripadvisor.com/media/photo-o/15/4d/43/de/provence-alpes-cote-d.jpg?w=1400&h=1400&s=1" alt="Occitanie">
                        <p>Provence-Alpes-Côte d'Azur</p>
                      </div>
                    </a>
                </div>
            </div>
        </div>


        <!-------VALEURS-------- -->
        <section class="section_1" id="section1">
            <div class="content-wrapper">
              <div class="content-item">
                <div class="icon-container">
                    <img width="62" height="28" src="./img/right_tiny_logo.png" alt="">
                </div>
                <p class="item-text">Inscrit à l'Ordre des Experts-comptables</p>
              </div>
              <div class="content-item">
                <div class="icon-container">
                    <img width="33" height="36" src="./img/middle_tiny_logo.svg" alt="fa-users">
                </div>
                <p class="item-text"><span class="text-bold">30 places</span> encore disponibles pour bénéficier de notre expertise</p>
              </div>
              <div class="content-item">
                <div class="icon-container">
                    <img height="40" src="./img/left_tiny_google_logo.png" alt="">
                </div>
                <div class="google-rating-container">
                    <img height="46" src="./img/left_tiny_googleStars_logo.png" alt="">
                </div>
              </div>
            </div>
        </section>


        <!--------SERVICES CAROUSEL--------->
        <div class="services-container">
            <div class="services-wrapper">
                <!-- First set of items -->
                <div class="service-item">
                    <div class="icon-container"></div>
                    <span class="service-text">Création de société</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Comptabilité</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Taxes</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Juridique</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Social</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Tableau de bord</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Consolidation</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Gestion de trésorerie</span>
                </div>
    
                <!-- Duplicate set for smooth infinite scroll -->
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Création de société</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Comptabilité</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Taxes</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Juridique</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Social</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Tableau de bord</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Consolidation</span>
                </div>
                <div class="service-item">
                    <div class="icon-container">
                        <img src="./logos/white_logo.png" alt="Logo" class="service-logo">
                    </div>
                    <span class="service-text">Gestion de trésorerie</span>
                </div>
            </div>
        </div>


        <!--------PRESENTATION--------->
         <div class="section_4" id="qui_somme_nous">
            <div class="support-section">
                <div class="content">
                    <h1>Votre expert comptable, <br><span><i class="fa-solid fa-calculator"></i> Moderne et Personnalisé</span></h1>
                    <p>
                        Notre cabinet d'expertise comptable a été créé avec une vision simple : simplifier la comptabilité des entrepreneurs. Nous savons que vous manquez souvent de temps pour vous en occuper, c’est pourquoi nous avons décidé de nous adapter à vos besoins.
                        Manque de temps pour l'envoie de vos pièces comptables ?  Avec By Brothers, transmettez nous vos factures par simple photos ou par tout autre moyen qui vous simplifie la vie !
                        Manque de conseil pragmatique et personnalisé ? Avec By Brothers, profitez d'un état des lieux au moins une fois par an pour un point sur votre situation comptable, fiscale et sociale !
                    </p>
                    <div class="contact-buttons">
                        <a href="tel:+33762965378">
                            <button><i class="fa fa-calendar-alt"></i> Je reserve un RDV gratuit</button>
                        </a>
                        <a href="https://wa.me/+33762965378">
                            <button class="btn-whatssap"><i class="fab fa-whatsapp"></i> Laissez un vocal</button>
                        </a>
                    </div>
                </div>
                <div class="image">
                    <img src="./img/img1.webp" alt="Customer Service Representative">
                </div>
            </div>
         </div>

        <!-- ------TACHES------- -->
		<div class="section_6">           
            <section class="section-1">
                <div class="points_forts">
                    <h1>Gain de temps assuré ! <br><span><i class="fa-regular fa-file"></i> Transfert de documents</span></h1>
                    <p>Notre objectif est de rendre la transmission de vos documents aussi simple que possible pour vous faire gagner du temps et réduire le risque de perdre des factures. Chaque facture perdue représente de la TVA non récupérée et des charges non déductibles, ce qui nuis à la rentabilité de votre entreprise.</p>
                    <ul class="features">
                        <div>
                            <img src="./logos/rose_part_ofthelogo.png" alt="">
                            <span>Facile via notre application</span>
                        </div>
                        <div>
                            <img src="./logos/rose_part_ofthelogo.png" alt="">
                            <span>Facile via mail</span>
                        </div>
                    </ul>
                </div>
                <div class="image-container">
                    <img src="./img/img2.webp" alt="">
                </div>
            </section>
        
            <section class="section-2">
                <div class="points_forts">
                    <h1>Gain de temps assuré ! <br><span><i class="fa-solid fa-building-columns"></i> Synchronisation 100% sécurisée</span></h1>
                    <p>Nous procédons à une synchronisation de vos comptes bancaires avec notre logiciel comptable, ce qui vous évite de devoir nous envoyer vos relevés bancaires. Cette synchronisation nous permet de suivre votre activité de manière régulière et au plus près de vos besoins.</p>
                    <ul class="features">
                        <div>
                            <img src="./logos/violet_part_ofthelogo.png" alt="">
                            <span>Fiable et sécurisée</span>
                        </div>
                        <div>
                            <img src="./logos/violet_part_ofthelogo.png" alt="">
                            <span>Intégrée et pratique</span>
                        </div>
                        <div>
                            <img src="./logos/violet_part_ofthelogo.png" alt="">
                            <span>Suivi plus dynamique de votre activité</span>
                        </div>
                    </ul>
                </div>
                <div class="image-container">
                    <img src="./img/img3.webp" alt="">
                </div>
            </section>
        
            <section class="section-3">
                <div class="points_forts">
                    <h1>Gain de temps assuré ! <br><span><i class="fa-solid fa-mobile-screen-button"></i> Relation sur WhatsApp</span></h1>
                    <p>Nous savons que vous manquez de temps pour les emails et préférez un contact direct avec votre expert-comptable. C'est pourquoi nous mettons à votre disposition un lien WhatsApp pour répondre rapidement à toutes vos questions et mieux piloter votre entreprise.</p>
                    <ul class="features">
                        <div>
                            <img src="./logos/rose_part_ofthelogo.png" alt="">
                            <span>Accessible et réactive</span>
                        </div>
                        <div>
                            <img src="./logos/rose_part_ofthelogo.png" alt="">
                            <span>Personnalisée et attentive</span>
                        </div>
                    </ul>
                </div>
                <div class="image-container">
                    <img src="./img/img4.webp" alt="">
                </div>
            </section>

            <section class="section-4">
                <div class="points_forts">
                    <h1>Notre garanti ! <br><span><i class="fa-solid fa-file-signature"></i> Comptabilité sans engagement</span></h1>
                    <p>Chez By Brothers, nous avons à cœur de bien faire et d'offrir un service de qualité en créant un véritable lien de proximité avec nos clients. Nos places au sein du cabinet sont limitées, ce qui nous permet de nous concentrer sur un suivi personnalisé et sur la qualité de notre accompagnement. Afin de garantir votre entière satisfaction, nous proposons un contrat sans engagement, car notre priorité est de vous accompagner, et non de vous contraindre à rester avec nous. Vous avez choisi l’entrepreneuriat pour la liberté, alors nous respectons votre choix.</p>
                </div>
                <div class="image-container">
                    <img src="./img/img5.webp" alt="">
                </div>
            </section>
        </div>

        <!-- -------TARIFS------ -->
        <div class="section_7">
            <div class="tarifs" id="tarifs">
                <!-- Header -->
                <div class="pricing-header">
                    <h1>
                        DES <span class="pricing-badge background_color_text"><i class="fa-solid fa-euro-sign"></i> OFFRES SIMPLES</span><br>
                        ET C'EST TOUT !
                    </h1>
                    <p>
                        Chez By Brothers, nous avons à cœur de proposer des offres claires et globales, au prix juste, sous forme d’abonnement mensuel, sans engagement et sans facturation additionnelle en fin d’année.
                    </p>
                </div>
        
                <!-- Pricing Cards -->
                <div class="pricing-grid">
                    <!-- Free Card -->
                    <div class="pricing-card">
                        <div class="card-badge badge-free">
                            <img height="30px" src="./logos/white_logo.png" alt="By Brothers white logo">
                        </div>
                        <div class="card-content">
                            <h2 class="card-title">Pack création d'entreprise</h2>
                            <p class="card-description">A partir de 300 €, By Brothers crée votre entreprise à l'aide d'un expert comptable attitré</p>           
                            <a href="tel:+33762965378">
                                <button class="btn_rendrez_vous"><i class="fa fa-calendar-alt"></i> Je reserve un RDV gratuit</button>
                            </a>               
                        </div>
                    </div>
        
                    <!-- Smart Card -->
                    <div class="pricing-card">
                        <div class="card-badge badge-smart">
                            <img height="30px" src="./logos/white_logo.png" alt="By Brothers white logo">
                        </div>
                        <div class="card-content">
                            <h2 class="card-title">Pack gestion comptable </h2>
                            <p class="card-description">A partir de 80 €, By Brothers Brothers gère  la comptabilité, la fiscalité, lesociale et le juridique de votre société</p>
                            <a href="tel:+33762965378">
                                <button class="btn_rendrez_vous"><i class="fa fa-calendar-alt"></i> Je reserve un RDV gratuit</button>
                            </a>
                        </div>
                    </div>
        
                    <!-- Premium Card -->
                    <div class="pricing-card">
                        <div class="card-badge badge-premium">
                            <img height="30px" src="./logos/white_logo.png" alt="By Brothers white logo">
                        </div>
                        <div class="card-content">
                            <h2 class="card-title">Pack DAF externalisé</h2>
                            <p class="card-description">Sur devis, By Brothers peut vous accompagner dans tous types de démarches et dans l’organisation de votre pôle financier. Grâce à notre expérience, nous serons à vos côtés pour vous accompagner tout au long de la vie de votre société.</p>
                            <a href="tel:+33762965378">
                                <button class="btn_rendrez_vous"><i class="fa fa-calendar-alt"></i> Je reserve un RDV gratuit</button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- ------AVIS CLIENTS------- -->
         <div class="section_5">
            <div class="avis_clients" id="avis_clients">
                <div class="pricing-header">
                    <h1>
                        Les AVIS <span class="pricing-badge background_color_text"><i class="fa-regular fa-comment"></i> CLIENTS</span><br>
                    </h1>
                    <p>
                        Ce que nos clients pense de nous !
                    </p>
                </div>
                <div class="testimonial-wrapper">
                    <div class="testimonial-container">
                        <!-- Fade effects -->
                        <div class="fade-left"></div>
                        <div class="fade-right"></div>
                        
                        <div class="testimonial-track">
                            <!-- Original set -->
                            <div class="testimonial-card">
                                <div class="stars">★★★★★</div>
                                <div class="content">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur natus, aperiam quas itaque expedita alias possimus eos ipsam deserunt dignissimos.</div>
                                <div class="author">Lorem ipum</div>
                            </div>
            
                            <div class="testimonial-card">
                                <div class="stars">★★★★★</div>
                                <div class="content">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur natus, aperiam quas itaque expedita alias possimus eos ipsam deserunt dignissimos.</div>
                                <div class="author">Lorem ipum</div>
                            </div>
            
                            <div class="testimonial-card">
                                <div class="stars">★★★★★</div>
                                <div class="content">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur natus, aperiam quas itaque expedita alias possimus eos ipsam deserunt dignissimos.</div>
                                <div class="author">Lorem ipum</div>
                            </div>
            
                            <!-- Duplicate set for seamless loop -->
                            <div class="testimonial-card">
                                <div class="stars">★★★★★</div>
                                <div class="content">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur natus, aperiam quas itaque expedita alias possimus eos ipsam deserunt dignissimos.</div>
                                <div class="author">Lorem ipum</div>
                            </div>
            
                            <div class="testimonial-card">
                                <div class="stars">★★★★★</div>
                                <div class="content">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur natus, aperiam quas itaque expedita alias possimus eos ipsam deserunt dignissimos.</div>
                                <div class="author">Lorem ipum</div>
                            </div>
            
                            <div class="testimonial-card">
                                <div class="stars">★★★★★</div>
                                <div class="content">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur natus, aperiam quas itaque expedita alias possimus eos ipsam deserunt dignissimos.</div>
                                <div class="author">Lorem ipum</div>
                            </div>
                        </div>
                    </div>
            
                    <div class="google-rating">
                        <div class="google-stars">★★★★★</div>
                        <span class="rating-text">4.6/5 sur Google Avis</span>
                        <img src="./img/google.png" alt="Google Icon" class="google-icon" />
                    </div>
                </div>
            </div>
         </div>

        <!-- ----FOOTER---- -->
        <footer id="footer">
            <div class="footer-container" >

                <div class="footer-header">
                    <h1>
                        <span id="animated_title2" class="footer-header-badge"><i class="fa-regular fa-message"> </i> RENDEZ-VOUS</span><br>
                        <span>Contactez-nous pour le prendre !</span>
                    </h1>
                    <p>
                        Il reste plus que 30 places pour des services comptables sur mesure, réservez la vôtre maintenant !
                    </p>
                </div>
                
                <div class="footer-grid">
                    <div class="footer-section">
                        <div class="footer-logo" id="footer-logo">
                            <img class="bybrothers-footer-logo" id="bybrothers-footer-logo" src="./logos/Bybrothers_SVGlogo.svg" alt="ByBrothers logo">
                            <h2>
                                <span>By</span><br/> 
                                <span class="span2-footer">Brothers</span>
                            </h2>
                        </div>
                        <p>Il reste plus que 30 places pour des services comptables sur mesure, réservez la vôtre maintenant !</p>
                    </div>
                    <div class="footer-section">
                        <h3>CONTACT</h3>
                        <ul>
                            <li><a href="tel:+33762965378"><i class="fa-solid fa-phone"></i>&nbsp; +337 62 96 53 78</a></li>
                            <li><a href="mailto:contact@byBrothers.lu"><i class="fa-solid fa-at"></i>&nbsp; contact@byBrothers.fr</a></li>
                        </ul>
                    </div>
                    <div class="footer-section">
                        <h3>SERVICES</h3>
                        <ul>
                            <li><a><i class="fa-solid fa-circle-dot"></i> Création de société</a></li>
                            <li><a><i class="fa-solid fa-circle-dot"></i> Comptabilité</a></li>
                            <li><a><i class="fa-solid fa-circle-dot"></i> Taxes</a></li>
                            <li><a><i class="fa-solid fa-circle-dot"></i> Juridique</a></li>
                            <li><a><i class="fa-solid fa-circle-dot"></i> Social</a></li>
                            <li><a><i class="fa-solid fa-circle-dot"></i> Tableau de bord</a></li>
                            <li><a><i class="fa-solid fa-circle-dot"></i> Consolidation</a></li>
                        </ul>
                    </div>
                    <div class="footer-section">
                        <h3>NAVIGATION</h3>
                        <ul>
                            <li><a href="#tarifs">Tarifs</a></li>
                            <li><a href="#qui_somme_nous">Qui somme nous ?</a></li>
                            <li><a href="#avis_clients">Avis clients <span class="green-badge">SATISFAIT !</span></a></li>
                        </ul>
                    </div>
                </div>
    
    
                <div class="footer-bottom">
                    <div class="footer-bottom-links">
                        <a href="https://www.imadeljabouri.com">Created by Imad El Jabouri <span>&copy; <script>document.write(new Date().getFullYear());</script></span></a>
                        <div>
                            <img class="bybrothers-footer-logo" height="25px" src="./logos/Bybrothers_SVGlogo.svg" alt="By Brothers logo">
                            <h2>
                                <span>By</span>
                                <span>Brothers</span>
                            </h2>                        
                        </div>
                    </div>

                    <div class="social-links">
                        <a href="tel:+33762965378">
                            <button><i class="fa fa-calendar-alt"></i> Je reserve un RDV gratuit</button>
                        </a>
                        <a class="whatsapp_footer" href="https://wa.me/+33762965378" aria-label="Whatsapp"><span>Je contact mon expert comptable sur whatsapp</span> <i class="fab fa-whatsapp"></i></a>
                    </div>
                </div>
            </div>
        </footer>

    </div>

    <script src="Menu_mobileTablet.js"></script>
    <script src="clientReviews.js"></script>
    <script src="counterDown.js"></script>
    <script src="cursor.js"></script>
    <script src="lenis.js"></script>
    <script src="index.js"></script>
</body>
</html>