<?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 nomargin nobottommargin footer-stick"
             style="">
<!--            <div class="overlay overlay-black opacity-medium"></div>-->


            <div class="container clearfix" id="section-diferenciais">

                <div class="row justify-content-between align-items-center col-mb-30">
                    <div class="col-9 center-col">
                        <div class="row justify-content-between align-items-center col-mb-30">
                            <div class="col-lg-6 col-md-12 p-5">
                                <h2 class="color-2" style="font-size: 45px;">THE BEST SOUNDPROOFING</h2>
                                <p class="mb-5">to ensure some down time when you really need it</p>

                            </div>

                            <div class="col-lg-6 col-md-12 p-5">
                                <h3 class="color-2">FUN HOUSE</h3>
                                <p class="mb-5 font-medium">Is the heart of the common area you can work or just relax.</p>

                                <h3 class="color-2 mt-5">SKY PARK</h3>
                                <p class="mb-5 font-medium">Unforgettable views socialise and enjoy drinks at the bar</p>

                                <h3 class="color-2 mt-5">ENTERTAINMENT</h3>
                                <p class="mb-5 font-medium">We offer something to keep everyone of all ages entertained</p>

                            </div>

                        </div>

                    </div>

                </div>
                <div class="line"></div>
                <div class="row justify-content-between align-items-center col-mb-30 mb-5">
                    <div class="col-lg-4">
                        <div class="portfolio-item col-12">
                            <div class="book-wrap">
                                <div class="book-card">
                                    <a href="<?= url("shared/img/wp1.jpg") ?>" class="item-quick-view book-image" data-lightbox="image" title="Fun House"><img src="<?= url("shared/img/wp1.jpg") ?>" alt="Experience LHH Images"></a>
                                    <div class="book-detail">
                                        <h2 class="book-title"><a href="#">FUN HOUSE</a></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="portfolio-item col-12">
                            <div class="book-wrap">
                                <div class="book-card">
                                    <a href="<?= url("shared/img/wp2.jpg") ?>" data-lightbox="image" class="item-quick-view book-image" title="Sky Park"><img src="<?= url("shared/img/wp2.jpg") ?>" alt="Experience LHH Images"></a>
                                    <div class="book-detail">
                                        <h2 class="book-title"><a href="#">Sky Park</a></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="portfolio-item col-12">
                            <div class="book-wrap">
                                <div class="book-card">
                                    <a href="<?= url("shared/img/wp3.jpg") ?>" class="item-quick-view book-image" data-lightbox="image" title="ENTERTAINMENT"><img src="<?= url("shared/img/wp3.jpg") ?>" alt="Experience LHH Images"></a>
                                    <div class="book-detail">
                                        <h2 class="book-title"><a href="#">ENTERTAINMENT</a></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>




    </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(); ?>