<div id="acceuil">
    <div id="acceuilBackground">
    </div>

    <div class="acceuiltexte">

        <div class="logo">
            <img src={{ asset("assets/img/logo.png") }} alt="" class="img-fluid logo">
        </div>

        <h1 class="colorPink ">
            Développement Immobilier <br>
            Opportunités et Solutions
        </h1>

        <p class="espace">Espace Partenaires</p>
      
        <div class=" d-flex ">
            <a href={{path("app_home")}}#solutions class="btn bgBtnSaumon  bold ">
                Découvrir nos solutions
            </a>
            <a href={{path("app_home")}}#contact class="btn bgBtnblack ">
                Nous contacter
            </a>
            <a href="" class=" bgLancer relative" data-bs-toggle="modal" data-bs-target="#exampleModal">
                Lancer la vidéo
                <img src={{ asset('assets/img/fleche.png') }} alt="" class="img-fluid " id="flecheAcceuil">
            </a>



            <!-- Modal -->
            <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog modal-xl">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title"></h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>

                        <div class="modal-body p-0">
                            <video height="auto" controls>
                                <source src="https://presentation.renfortimmo.com/PresentationRenfortImmo.mp4"
                                    type="video/mp4">
                                Votre navigateur ne supporte pas la lecture de vidéos.
                            </video>

                        </div>

                    </div>
                </div>
            </div>

            <script>
                document.getElementById('exampleModal').addEventListener('hidden.bs.modal', function () {
                    // Sélectionner la vidéo à l'intérieur du modal
                    const video = this.querySelector('video');
                    if (video) {
                        // Pause la vidéo
                        video.pause();
                        // Remettre la vidéo au début (optionnel)
                        video.currentTime = 0;
                    }
                });
            </script>





        </div>


    </div>
</div>