<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
    <section id="content">
        <div class="content-wrap">

        <div class="section parallax notopborder  header-stick bg-light-gray"
          >
<!--            <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/logo-casele.png") ?>" class="mb-5" alt="logo atelier arcau"
                             title="logo atelier arcau" style="max-width: 300px">

                    </div>
                    <div class="col-lg-8 p-5">
                        <div class="row mb-4">

                            <h3 class="font-weight-bolder">Light Human Hotels E Caselle - Corsica</h3>

                            <p class="font-medium mb-5">
                                In the heart of Corsica's Natural Regional Park, classified as a UNESCO' World Heritage, Hotel Light Human Hotels E Caselle is remarkably located on the banks of the River Vecchio, surrounded by lush nature. Far from the agitation of the popular coast, Venaco and its myriad of villages are ideal for rest and relaxation, but also for the lovers of large landscapes and nature sports. One hour from Bastia or Ajaccio airport, the unique location takes you to all the places of "L'Île de Beauté".
                            </p>

                            <h3 class="font-weight-bolder">Vecchio River</h3>
                            <p class="font-medium mb-5">
                                Surrounded by the Vecchio river and its cristal-clear water, E Caselle was originally designed by Corsican Architect Pierre Puccinelli at the end of the 60’s. Hand in hand with visionary hotel owner Jean Pagni, he created a hotel consisting of a heart, grouping the functions of reception and services, and a series of habitats open to the landscape and inspired by local sheepfolds. Started a few months ago and driven by the heirs of the first hotel owner, the Pagni family, the first phase of the metamorphosis in a modern, human-centric and environmentally friendly location will be achieved for next summer.
                            </p>

                            <h3 class="font-weight-bolder">Experience</h3>
                            <p class="font-medium mb-5">
                                The hotel will also receive a kids bar, according to the idea that travelling with its family should be a great experience for both parents and children. A spa, in partnership with L’Occitane, will complete the amenities. E Caselle will also propose another relationship between the travelers and the territory that surrounds them. Thanks to a passionate team, able to share their experience of Corsica, we will create tailor-made stays for our guests. Giving its signature and creating menus changing along the seasons, Michelin star Chef Baptiste Denieul will strengthen the experience.
                            </p>


                            <a href="https://goo.gl/maps/4hAEBBDR89S2" target="_blank"
                               class="btn text-larger px-4 py-2 rounded-pill mt-3 bg-color-2"
                               style="">Location project <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 mt-0">
                    <div class="col-md-4">
                        <h3 class="font-large font-weight-normal mb-0"><strong class="color-2">Light Human Hotels - Corsica</strong>
                            <br>  The first multigenerational hotel thought as an authentic ‘place to live.</div>
                    <div class="col-md-7">

                        <div class="portfolio-item col-12">
                            <div class="book-wrap">
                                <div class="book-card">
                                    <a href="<?= url("shared/img/corsica3.jpg") ?>" class="item-quick-view book-image" data-lightbox="image"><img src="<?= url("shared/img/corsica3.jpg") ?>" alt="Book Image"></a>
                                    <div class="book-detail">
                                        <h2 class="book-title"><a href="#">Light Human Hotels - Corsica</a></h2>
<!--                                        <div class="button button-white button-light text-capitalize button-circle"><span>Know More</span> <i class="icon-chevron-right"></i></div>-->
                                    </div>
                                </div>
                            </div>
                        </div>


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


        </div>
        <div class="masonry-thumbs grid-container grid-4" data-big="" data-lightbox="gallery">
            <?php for ($i = 1; $i <= 8; $i++): ?>
                <a class="grid-item" href="<?= url("storage/images/hotelcorsica/c{$i}.jpg") ?>"
                   data-lightbox="gallery-item"><img src="<?= image("images/hotelcorsica/c{$i}.jpg", 600, 400) ?>"
                                                     alt="Hotel Corsica <?= $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(); ?>