<?php

$this->layout("_theme");
$this->insert("views/page-title", ["pageTitle" => $pageTitle]);
?>

<section id="content">
    <div class="content-wrap py-0">


        <div class="section bg-secondary bg-opacity-20 my-0">
            <div class="container">
                <div class="row g-0 align-items-md-stretch align-items-lg-center">
                    <div class="col-xl-7 col-md-6 img-overlap">
                        <img src="<?= url("images/experiences.jpg") ?>" alt="..." class="h-100"
                             style="object-fit: cover;">
                    </div>

                    <div class="col-xl-5 col-md-6 bg-primary dark center">
                        <img src="<?= url("images/logo-parallax.png") ?>" class="mb-3" style="max-width: 100px">

                        <p class="fw-lighter mt-0 lh-base fs-5">FHS, c’est plonger les clients dans un univers magique, afin de leur faire oublier tous les soucis du monde matériel. La surprise fait place à la curiosité, à l’investigation et à la peur de manquer l’occasion exceptionnelle d’y participer. Car l’expérience est unique, aucune session ne se ressemble d’autant plus que les thèmes évoluent dans le temps 

                        </p>

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

        </div>

        <div class="section mt-0 mb-0 bg-white" id="scenarios">
            <div class="container">
                <div class="row align-items-center justify-content-around align-items-center px-3 px-lg-0">
                    <div class="col-lg-5">
                        <span class="text-uppercase small ls-2 text-secondary d-inline-block"
                              style="--cnvs-font-size-small: .9rem">Expériences</span>

                        <h3 class="mb-3 fw-medium text-uppercase fs-1">SCÉNARIOS</h3>
                        <h4 class="text-uppercase"></h4>
                        <p class="op-08 mb-3">
                            À une époque où les écrans dominent et où l'illusion du superficiel bat des records, les individus aspirent à des expériences authentiques, à des émotions vécues non plus à travers la fiction, mais par le ressenti direct et l'intensité des interactions humaines réelles. 
                        </p>

                    </div>

                    <div class="col-lg-5">
                        <img src="<?= url("images/scenarios.png") ?>" class="" data-animate="fadeIn"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="section mt-0 mb-0 bg-light-gray" id="benefices">
            <div class="container">
                <div class="row align-items-center justify-content-around align-items-center px-3 px-lg-0">


                    <div class="col-lg-5 mb-5 mb-lg-0">
                        <img src="<?= url("images/benefices.png") ?>" data-animate="fadeIn" class=""/>
                    </div>
                    <div class="col-lg-5">
                        <span class="text-uppercase small ls-2 text-secondary d-inline-block"
                              style="--cnvs-font-size-small: .9rem">Expériences</span>

                        <h3 class="mb-3 fw-medium text-uppercase fs-1">BÉNÉFICES</h3>
                        <h4 class="text-uppercase"></h4>
                        <p class="op-08 mb-3">
                            Ce séjour réuni harmonieusement détente et plaisir. Les activités proposées, à la fois stimulantes et apaisantes, vous aideront à libérer vos émotions tout en relâchant les tensions accumulées. Vous sentirez rapidement les bienfaits dans l’apaisement et l'évasion. Chaque détail a été pensé pour rendre ces moments inoubliables, tout en vous invitant à repousser vos limites et à puiser dans vos forces intérieures 

                        </p>

                    </div>

                </div>

            </div>
        </div>

        <div class="section mt-0 mb-0 bg-white" id="sante">
            <div class="container">
                <div class="row align-items-center justify-content-around align-items-center px-3 px-lg-0">
                    <div class="col-lg-5">
                        <span class="text-uppercase small ls-2 text-secondary d-inline-block"
                              style="--cnvs-font-size-small: .9rem">Expériences</span>

                        <h3 class="mb-3 fw-medium text-uppercase fs-1">SANTÉ</h3>
                        <h4 class="text-uppercase"></h4>
                        <p class="op-08 mb-3">
                            Ce type de séjour favorise la cohésion familiale, notamment en renforçant l'esprit d'équipe et en permettant de surmonter des tensions existantes. Ses bienfaits ne se limitent pas à la simple prévention de la santé, c’est-à-dire le maintien de l’équilibre naturel du corps, mais s’étendent également à la prise en charge du mal-être psychologique, des troubles psychosomatiques et des maladies auto-immunes. Pour les personnes âgées, ce séjour prévient l'isolement, ralentit les maladies neurodégénératives, stimule l’activité cérébrale et ravive leur motivation à vivre 


                        </p>

                    </div>

                    <div class="col-lg-5">

                            <img src="<?= url("images/sante.png") ?>"/>

                    </div>
                </div>
            </div>
        </div>
        <div class="section parallax scroll-detect m-0 border-0 d-flex mt-0 bg"
             data-parallax-direction="horizontal" id="kids">
            <div class="overlay-black-light bg-primary"></div>

            <img src="<?= url("images/kids.jpg") ?>" class="parallax-bg">
            <div class="vertical-middle">
                <div class="container">
                    <div class="row align-content-center align-items-center justify-content-center white-blur">

                        <div class="col-lg-5">
                            <div class="emphasis-title m-5">
                                <span class="text-uppercase small ls-2 text-white d-inline-block"
                                      style="--cnvs-font-size-small: .9rem">Les Enfants</span>

                                <h3 class="mb-3 fw-medium text-uppercase text-primary fs-1">Kids Bar</h3>
                                <p class="lead white-text mt-0 lh-base">
                                    Le lieu pour se faire des amis, s’amuser, célébrer et... les adults peuvent venir aussi
                                </p>
                                <img src="<?= url("images/lapis.png") ?>" data-animate="fadeIn" style="max-height: 350px"/>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="emphasis-title m-5">
                                <span class="text-uppercase small ls-2 text-white d-inline-block"
                                      style="--cnvs-font-size-small: .9rem">Les Enfants</span>

                                <h3 class="mb-3 fw-medium text-uppercase text-primary fs-1">Atelier bien-être </h3>
                                <p class="lead white-text mt-0 lh-base">
                                    Nous vous invitons à vivre une expérience unique, mêlant souvenirs, émotions et imagination. À travers des pratiques comme la marche dans la nature, la méditation guidée et des échanges philosophiques, vous explorerez un nouvel état de conscience. Tout cela se déroulera dans un cadre exceptionnel et bienveillant, propice à la découverte de soi et à l'épanouissement de la joie profonde, celle de notre vraie nature. 

                                </p>
                                <img src="<?= url("images/tree.png") ?>" data-animate="fadeIn"/>

                            </div>
                        </div>


                    </div>

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

        <div class="section mt-0 mb-0 bg-white" id="food">
            <div class="container">
                <div class="row align-items-center justify-content-around align-items-center px-3 px-lg-0">



                    <div class="col-lg-5">
                        <span class="text-uppercase small ls-2 text-secondary d-inline-block"
                              style="--cnvs-font-size-small: .9rem">Expériences</span>

                        <h3 class="mb-3 fw-medium text-uppercase fs-1">GASTRONOMIE SAINE & ABORDABLE</h3>
                        <p class="op-08 mb-3">
                            FRENCH HOTEL STORY confie ses fourneaux à Baptiste DENIEUL, l’un des chefs les plus talentueux de sa génération. Parce que c’est le mélange des genres qui fait la réussite du FRENCH HOTEL STORY, et parce que la décontraction n’empêche pas la rigueur et l’excellence, le chef étoilé rejoint l’aventure Light Human Hotel en signant une carte : spontanée, généreuse et toujours accessible. Bon appétit ! 

                        </p>

                    </div>

                    <div class="col-lg-5">
                        <img src="<?= url("images/food.png") ?>" class="" data-animate="fadeIn"/>
                    </div>
                </div>
            </div>
        </div>



    </div>

</section><!-- #content end -->
<?php
$this->insert("views/newsletter-widget2"); ?>