File: //home/artinside/public_html/lhh/themes/en/spa.php
<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content">
<div class="content-wrap">
<div class="section notopborder header-stick bg-white">
<div class="section parallax notopborder header-stick bg-gray"
<!-- style="background: url('--><?//= url("shared/img/spabg.jpg") ?>/*'); padding: 100px 0; background-position: center top; background-size: cover; background-repeat: no-repeat;">*/
<!-- <div class="overlay overlay-black opacity-light"></div>-->
<div class="container clearfix" id="section-diferenciais">
<div class="row justify-content-between align-items-center col-mb-30">
<div class="col-lg-4 center">
<img src="<?= url("shared/img/logospa2.png") ?>" class="mb-5" alt="logo spa"
title="logo spa" style="max-width: 300px">
</div>
<div class="col-lg-8 p-5">
<div class="row mb-4">
<h3 class="font-weight-bolder">The L’OCCITANE Group</h3>
<p class="font-medium mb-5">
Is an international group that manufactures and retails beauty and well-being
products that are rich in natural and organic ingredients. Present in 90 countries,
the Group offers new and extraordinary beauty experiences, using high-quality
products that respect nature, the environment and the people in it. Through its
brands L’Occitane en Provence and Melvita, the L’Occitane Group concluded a deal for
the Light Human Hotel Spa offer. The two companies meet around an integrated
wellness concept, with a common will to offer a new & intergenerational guest
experience, while respecting each property identity.
</p>
<h3 class="font-weight-bolder">SPA L’OCCITANE - JOURNEY TO PROVENCE THROUGH YOUR SENSES</h3>
<p class="font-medium mb-5">
Spa L’OCCITANE is a natural extension of the L’OCCITANE Brand, where authentic
ingredients from Provence, with certified origin and proven effectiveness, are
combined with the best of traditional massage therapies from all around the world.
Both expert and authentic, all of our rituals offer an unforgettable well-being
escape to the sunny soils of the South of France, to experience the brand through an
holistic journey inspired by the Mediterranean art-de-vivre.
</p>
<h3 class="font-weight-bolder">SPA by Melvita – AN IMMERSION IN THE HEART OF NATURE</h3>
<p class="font-medium mb-5">
Because revealing the greatest version of yourself by offering the best of nature is
our mission. Because we offer made in France organic cosmetics since 1983. Because
we deliver best in class clean beauty with no compromise on efficiency. Because we
believe that to look well, you have to feel well. An immersion in the heart of
Nature to lead you to the true well-being.
</p>
<a href="https://spa.loccitane.com/" target="_blank"
class="btn text-larger px-4 py-2 rounded-pill mt-3"
style="background-color: #ceb579">Know
More <i class="icon-chevron-right ml-3 mr-2 position-relative"
style="top: 1px"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-between align-items-center col-mb-30">
<div class="col-md-4">
<h3 class="font-large font-weight-normal text-muted mb-0"><strong>The art of hospitality</strong>
<br> The L’Occitane WAY
</div>
<div class="col-md-7">
<article class="portfolio-item">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="<?= url("shared/img/spa2.jpg") ?>" alt="video art of hospitality">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content">
<a href="https://www.youtube.com/watch?v=L7SGTsWCqVA" class="overlay-trigger-icon size-lg bg-light text-dark bg-color" data-lightbox="iframe"><i class="icon-line-play color-2"></i></a>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="masonry-thumbs grid-container grid-5" data-big="" data-lightbox="gallery">
<?php for ($i = 1; $i <= 5; $i++): ?>
<a class="grid-item" href="<?= url("storage/images/spa/spa{$i}.jpg") ?>"
data-lightbox="gallery-item"><img src="<?= image("images/spa/spa{$i}.jpg", 600, 400) ?>"
alt="Spa L'occitane <?= $i ?>"></a>
<?php endfor; ?>
</div>
<?php $v->insert("views/map"); ?>
<?php $v->insert("views/newsletter-widget"); ?>
</section><!-- #content end -->
<?php $v->start("scripts"); ?>
<script src="<?= url("/shared/scripts/hover3d.js"); ?>"></script>
<script>
jQuery(document).ready(function () {
if (!jQuery('body').hasClass('device-touch')) {
var lFollowX = 0,
lFollowY = 0,
x = 0,
y = 0,
friction = 1 / 30;
function moveBackground() {
x += (lFollowX - x) * friction;
y += (lFollowY - y) * friction;
translate = 'translate(' + x + 'px, ' + y + 'px) scale(1.1)';
jQuery('.move-bg').css({
'-webit-transform': translate,
'-moz-transform': translate,
'transform': translate
});
window.requestAnimationFrame(moveBackground);
}
jQuery(window).on('mousemove click', function (e) {
var lMouseX = Math.max(-100, Math.min(100, jQuery(window).width() / 2 - e.clientX));
var lMouseY = Math.max(-100, Math.min(100, jQuery(window).height() / 2 - e.clientY));
lFollowX = (10 * lMouseX) / 100; // 100 : 12 = lMouxeX : lFollow
lFollowY = (10 * lMouseY) / 100;
});
moveBackground();
jQuery(".book-wrap").hover3d({
selector: ".book-card",
shine: false,
});
}
});
</script>
<?php $v->end(); ?>