<?php

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

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


        <div class="section mt-0 mb-0 bg-secondary bg-opacity-20 px-lg-0 px-4">
            <div class="container">
                <div class="row align-items-center justify-content-center align-items-center">


                    <div class="col-lg-6">
                        <img src="<?= url("images/logo-parallax.png")?>" style="max-width: 170px">
                        <div class="clear"></div>
                        <span class="text-uppercase small ls-2 text-secondary d-inline-block" style="--cnvs-font-size-small: .9rem">À PROPOS</span>

                        <h3 class="mb-3 fw-medium text-uppercase fs-1"><?= CONF_SITE_NAME?></h3>
                        <h4 class="text-uppercase"></h4>
                        <p class="op-08 mb-3 fs-5">
                            FRENCH HOTEL STORY est un concept novateur qui associe les avantages d’un hôtel haut de gamme avec ceux d’un centre de bien-être pour offrir aux clients une expérience unique et réparatrice 
                        </p>

                    </div>

                    <div class="col-lg-6">
                        <h2 class="display-6 fw-bolder">OBJECTIF</h2>
                        <p class="op-08 mb-5 fs-5">La singularité de notre concept réside dans la capacité à offrir des vacances inoubliables. Aucune aventure ne ressemble à celle de FHS. De plus, vous ne vivrez jamais le même séjour car l’aventure change d’une cession à l’autre. 


                        </p>
                        <p class="op-08 mb-3 fs-5">
                            Soyez nos ambassadeurs et bénéficiez d’un avantage exclusif pour vous remercier.


                        </p>
                    </div>

                </div>

            </div>
        </div>

        <div class="section bg-white my-0 my-lg-5">
            <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/parallax2.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: 120px">

                        <p class="fw-lighter mt-0 lh-base">Dès l'enfance, nous avons suivi des chemins tracés, assumant des rôles prédéfinis, ceux d’élève, d’enfant, d’employé, de patron...
<br>
<br>
                            Mais aujourd'hui, une belle opportunité s'offre à vous, celle de vivre une aventure hors du commun et incarner un rôle qui vous ressemble, empreint de joie, de passion et d'authenticité dans un environnement fantastique et dans l’atmosphère d’une époque ressuscitée. 
                        </p>

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

        </div>

        <div class="section parallax scroll-detect m-0 border-0 d-flex dark mt-0  px-lg-0 px-3" data-parallax-direction="horizontal">
            <img src="<?= url("images/parallax3.jpg") ?>" class="parallax-bg">

            <div class="vertical-middle">
                <div class="overlay-black bg-deep-brown"></div>

                <div class="container">
                    <div class="row align-content-center justify-content-center">


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

                                <h3 class="mb-3 fw-medium text-uppercase fs-1">NOTRE TENDANCE</h3>
                                <p class="lead mt-0 fs-5 lh-base">
                                    Le client n’est pas qu’observateur, il participe d’emblée aux scénarios élaborés.
                                    <br><br>

                                    Le client devient acteur d’une histoire qui va le guider pas à pas dans une aventure dans laquelle il va interagir non seulement avec le personnel et aussi résoudre les énigmes disséminées dans l’environnement mais également agir avec les autres clients. 



                                </p>

                            </div>
                        </div>



                    </div>

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



    </div>

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