File: /home/artinside/fhs.artinside.com.br/themes/web/home.php
<?php
$this->layout("_theme");
?>
<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-md-100 include-header" data-effect="fade" data-loop="true" data-speed="1000" data-progress="true">
<div class="slider-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark">
<div class="overlay-black-light bg-deep-brown"></div>
<div class="container">
<div class="slider-caption slider-caption-center">
<h2 data-animate="fadeInUp">Bien-être réinventé</h2>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url(
"images/banner3.jpg"
) ?>');"></div>
</div>
<div class="swiper-slide dark">
<div class="overlay-black-light bg-primary"></div>
<div class="container">
<div class="slider-caption slider-caption-center">
<h2 data-animate="fadeInUp">Vivez l’expérience Ultime</h2>
<!-- <p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements & simply put them on our Canvas.</p>-->
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url(
"images/banner1.jpg"
) ?>');"></div>
</div>
<div class="swiper-slide dark">
<div class="overlay-black-light bg-light-brown"></div>
<div class="container">
<div class="slider-caption slider-caption-center">
<h2 data-animate="fadeInUp">Vivez une aventure, trouvez le bien-être</h2>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url(
"images/banner2.jpg"
) ?>');"></div>
</div>
</div>
<div class="slider-arrow-left"><i class="uil uil-angle-left-b"></i></div>
<div class="slider-arrow-right"><i class="uil uil-angle-right-b"></i></div>
<div class="slide-number">
<div class="slide-number-current"></div>
<span>/</span>
<div class="slide-number-total"></div>
</div>
</div>
</div>
</section>
<section id="content">
<div class="content-wrap py-0">
<div class="section bg-gray-light my-0 px-lg-0 px-4">
<div class="container py-0 py-lg-4">
<div class="row justify-content-center align-items-center align-content-center col-mb-80">
<div class="col-lg-8">
<span class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block"
style="--cnvs-font-size-small: 1rem">LE CONCEPT</span>
<h3 class="fs-1 mb-4 text-uppercase">Le bien-être réiventé</h3>
<p class="fw-lighter op-08">
Les gens aspirent à des expériences authentiques, des émotions qui ne sont pas le fruit de leur imagination, mais qui sont ressenties grâce à l’interaction avec leur environnement.
</p>
<p class="fw-lighter op-08">
L'Hôtel FHS (Fantaisie Humaine Scénarisée) propose une expérience unique combinant hébergement, aventure immersive et bien-être. Ce concept hôtelier novateur s’adresse à ceux qui cherchent non seulement à se détendre mais aussi à vivre une aventure interactive et enrichissante, sans contraintes ni obligations strictes
Les thématiques du French Hotel Story sont adaptés aux différents publics, agencées autour du bien-être, en tenant compte de l’état de santé de chaque participant.
Chaque « activité » génère un bienfait qui perdure dans le temps.
</p>
<a href="<?= url("/a-propos") ?>"
class="button button-reveal text-primary button button-dark bg-dark bg-opacity-10 text-dark h-bg-primary h-text-secondary"
style="padding-left: 50px;padding-right: 50px;"><span>EN SAVOIR PLUS</span><i
class="bi-chevron-right"></i></a>
</div>
<div class="col-lg-4">
<img src="<?= url("images/logo-gd.png") ?>"/>
</div>
</div>
</div>
</div>
<div class="section bg-transparent mt-0 mb-4 footer-stick">
<div class="container">
<div class="row justify-content-center">
<div class="col-10 col-md-7 text-center">
<span class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block"
style="--cnvs-font-size-small: 1rem">L’Expérience</span>
<h3 class="fs-1 mb-4 text-uppercase">L’Expérience Ludique</h3>
<p class="fw-lighter op-08">
L’expérience offerte par l’hôtel FHS est semblable à un escape game grandeur nature mais sans les pressions habituelles de temps et de séquences rigides, les intégrant dans un scénario global préalablement élaboré.
</p>
<img src="<?= url("images/arrasta.png")?>">
</div>
</div>
</div>
<div class="owl-carousel owl-carousel-full image-carousel carousel-widget mt-4 charity-card" data-stage-padding="20" data-margin="5" data-center="true" data-loop="true" data-autoplay="500000" data-speed="400" data-items-xs="1" data-items-sm="3" data-items-md="3" data-items-lg="3" data-items-xl="4">
<div class="oc-item text-start">
<img src="<?= url("images/exp2.jpg")?>" alt="Image 1" class="rounded">
<div class="oc-desc d-flex flex-column justify-content-center shadow-lg">
<span class="small text-smaller text-uppercase">Expériences</span>
<small class=" fw-bolder ls-1 color mb-2 d-block fs-4 font-secondary" style="line-height: 1">SANTÉ</small>
<h3 class="mb-3"></h3>
<p class="mb-4 text-smaller">
Ce type de séjour, enrichit mais peut aussi rétablir une cohésion familiale dégradée...
</p>
<a href="<?= url("experiences#sante")?>" class="read-more stretched-link text-secondary h-text-primary small h-op-08 mt-5">EN SAVOIR PLUS <i class="bi-arrow-up-right transform-ts"></i></a>
</div>
</div>
<div class="oc-item text-start">
<img src="<?= url("images/exp3.jpg")?>" alt="Image 1" class="rounded">
<div class="oc-desc d-flex flex-column justify-content-center shadow-lg">
<span class="small text-smaller text-uppercase">Expériences</span>
<small class=" fw-bolder ls-1 color mb-2 d-block fs-4 font-secondary" style="line-height: 1">BÉNÉFICES</small>
<h3 class="mb-3"></h3>
<p class="mb-4 text-smaller">
Atravers un séjour associant un côté ludique, le concept intervient dans toutes...
</p>
<a href="<?= url("experiences#benefices")?>" class="read-more stretched-link text-secondary h-text-primary small h-op-08 mt-5">EN SAVOIR PLUS <i class="bi-arrow-up-right transform-ts"></i></a>
</div>
</div>
<div class="oc-item text-start">
<img src="<?= url("images/exp4.jpg")?>" alt="Image 1" class="rounded">
<div class="oc-desc d-flex flex-column justify-content-center shadow-lg">
<span class="small text-smaller text-uppercase">Expériences</span>
<small class=" fw-bolder ls-1 color mb-2 d-block fs-4 font-secondary" style="line-height: 1">SCÉNARIOS</small>
<h3 class="mb-3"></h3>
<p class="mb-4 text-smaller">
Le client devient ACTEUR D’UNE HISTOIRE qui va le GUIDER PAS À PAS dans une AVENTURE...
</p>
<a href="<?= url("experiences#scenarios")?>" class="read-more stretched-link white-text h-text-primary small h-op-08 mt-5">EN SAVOIR PLUS <i class="bi-arrow-up-right transform-ts"></i></a>
</div>
</div>
</div>
<div class="container-fluid mt-5" style="--bs-gutter-x: 1.875rem">
<div id="portfolio" class="portfolio row g-3">
<!-- Portfolio Item: Start -->
<article class="portfolio-item col-sm-6 col-12">
<div class="grid-inner">
<div class="portfolio-image">
<a href="">
<img src="<?= url("images/home-kids.jpg")?>" alt="Open Imagination">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc" >
<h3 class="fs-1 white-text text-shadow" style="display: block">Enfants</h3>
<p class="d-none d-md-block">Le lieu pour se faire des amis, s’amuser, célébrer et... les adults peuvent venir aussi.
<br>
<br>
<a href="<?= url("experiences#kids")?>" class="read-more stretched-link white-text h-text-primary small h-op-08 mt-5">EN SAVOIR PLUS <i class="bi-arrow-up-right transform-ts"></i></a>
</p>
</div>
</div>
</div>
</div>
</div>
</article>
<article class="portfolio-item col-sm-6 col-12">
<div class="grid-inner">
<div class="portfolio-image">
<a href="">
<img src="<?= url("images/home-food.jpg")?>" alt="Code Honors">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc" >
<h3 class="fs-1 white-text text-shadow">Chef Batiste Denieul</h3>
<p class="d-none d-md-block">GASTRONOMIE SAINE & ABORDABLE
<br>
<br>
<a href="<?= url("experiences#food")?>" class="read-more stretched-link white-text h-text-secondary small h-op-08 mt-5">EN SAVOIR PLUS <i class="bi-arrow-up-right transform-ts"></i></a>
</p>
</div>
</div>
</div>
</div>
</div>
</article>
</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/parallax.jpg") ?>" class="parallax-bg">
<div class="vertical-middle">
<div class="overlay-black-light"></div>
<div class="container">
<div class="row align-content-center justify-content-center center">
<div class="col-md-10">
<div class="emphasis-title m-5">
<h2 class="font-extra-large mb-0 lh-1">Vivez une aventure, trouvez le bien-être
</h2>
<p class="lead mt-0">Live an adventure, find well-being
</p>
</div>
</div>
<div class="row mb-5">
<div class="col-sm-6 col-lg-3">
<i class="fs-2 mb-3"><img class="mb-3" src="<?= url("images/wellness.svg")?>" style="max-width: 80px"/> </i>
<a href="<?= url("") ?>">
<h4 class="fw-normal text-uppercase ls-2 mb-3">PARCOUS SANTÉ</h4>
</a>
<p class="fw-light small lh-base">Oasis, havre de paix sont autant de définitions pour qualifier le FHS.
La quiétude du site, la stimulation des sens, vécus à l’intérieur d’espaces dédiés au bien-être, vous prodiguent détente, santé, et réconfort. Ressourcez-vous dans des parcours santé/fitness, profitez au rythme du yoga et des coachs personnels
</p>
</div>
<div class="col-sm-6 col-lg-3">
<i class="fs-2 mb-3"><img class="mb-3" src="<?= url("images/food.svg")?>" style="max-width: 80px"/> </i>
<a href="<?= url("/a-propos") ?>">
<h4 class="fw-normal text-uppercase ls-2 mb-3">RESTAURATION</h4>
</a>
<p class="fw-light small lh-base">
Equilibrez votre vie grâce à la nutrition. Restauration saine avec proposition de menus axés sur la santé, avec des options biologiques, végétariennes, véganes et sans gluten, mettant l’accent sur des aliments nutritifs et équilibrés, sourcés de manière écoresponsable et locale, acheminés au gré des saisons
</p>
</div>
<div class="col-sm-6 col-lg-3">
<i class="fs-2 mb-3"><img class="mb-3" src="<?= url("images/spa.svg")?>" style="max-width: 80px"/> </i>
<a href="<?= url("/a-propos") ?>">
<h4 class="fw-normal text-uppercase ls-2 mb-3">RELAX</h4>
</a>
<p class="fw-light small lh-base">
Spas et services de relaxation pour une offre haut de gamme, des massages thérapeutiques, des services de méditation et des programmes de bien-être pour aider les clients à se détendre et à se ressourcer
</p>
</div>
<div class="col-sm-6 col-lg-3">
<i class="fs-2 mb-3"><img class="mb-3" src="<?= url("images/design.svg")?>" style="max-width: 80px"/> </i>
<a href="<?= url("/a-propos") ?>">
<h4 class="fw-normal text-uppercase ls-2 mb-3">DESIGN</h4>
</a>
<p class="fw-light small lh-base">
Design axé sur le bien-être avec intégration d’éléments de design biophilique, des espaces verts, des zones de relaxation et d’autres caractéristiques architecturales qui favorisent la tranquillité et le bienêtre des clients
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<?php if($posts):?>
<div class="section bg-white my-0 my-lg-5 py-0 py-lg-5 mb-0 px-lg-0 px-4">
<div class="container mt-5">
<div class="row justify-content-between col-mb-50">
<div class="col-lg-3">
<span class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block"
style="--cnvs-font-size-small: 0.9rem">LATEST NEWS</span>
<h2 class="display-5 font-body fw-medium">Dernières Nouvelles de Notre Blog</h2>
<p class="font-primary fw-light text-black">Restez en contact avec les dernières nouvelles & événements de FHS</p>
<a href="<?= url("blog") ?>" class="button button-dark bg-dark bg-opacity-10 text-dark h-bg-primary h-text-secondary m-0 px-4 py-2">View all Posts</a>
</div>
<div class="col-lg-8">
<div class="dotted-bg" style="--cnvs-dotted-opacity: .5; --cnvs-dotted-top: -10px; --cnvs-dotted-size: 150px; "></div>
<div class="row align-content-center justify-content-center">
<?php foreach ($posts as $post): ?>
<div class="col-sm-6 col-md-4 entry">
<div class="entry-image">
<img src="<?= image($post->cover, 600,400)?>" alt="<?= $post->title ?>">
</div>
<div class="entry-meta mb-2 fw-normal">
<ul>
<li><a href="#">Mar 11, 2021</a></li>
</ul>
</div>
<div class="entry-title title-sm mb-3">
<h3 class="text-transform-none ls-0 fw-lighter font-body"><a href="<?= url("blog/{$post->uri}") ?>"><?= $post->title ?></a></h3>
</div>
<a href="<?= url("blog/{$post->uri}") ?>" class="read-more stretched-link h-color h-op-08 small">EN SAVOIR PLUS <i class="bi-arrow-up-right transform-ts"></i></a>
</div>
<?php endforeach;?>
</div>
</div>
</div>
</div>
</div>
<?php endif ?>
<?php
$this->insert("views/newsletter-widget2"); ?>
</div>
</section><!-- #content end -->