<?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 dark header-stick nomargin nobottommargin"
             style="background: url('<?= url("shared/img/muzeo2.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-5">
                        <img src="<?= url("shared/img/logo-muzeo.svg") ?>" class="mb-5" alt="logo atelier arcau"
                             title="logo atelier arcau" style="margin-left: -20px" width="250">

                        <div class="clear"></div>
                        <div class="heading-block">
                            <h3>BRINGING LIFE TO SPACES WITH IMAGES</h3>
                        </div>
                        <div class="blockquote font-italic">"A production entirely developed in France" The craftspeople
                            of the Muzeo workshop provide work made by hand, with the best materials with quality equal
                            to that found in an art gallery.
                        </div>
                    </div>
                    <div class="col-lg-7 p-5">
                        <div class="row mb-4">

                            <h3>ARTWORKS TIP</h3>

                            <p class="font-medium mb-5">
                                Study and understanding of the Light Human Hotels concept. Development of the emotional
                                scenography brief of the global concept with its articulation for local variations on
                                sites
                                of various typologies. Accompaniment in the methodology of implementation of the
                                concept.
                                Curation and sourcing of artworks.
                            </p>

                            <h3>STUDIO IMAGE</h3>
                            <p class="font-medium mb-5">
                                Creation of an artwork line in the form of a collection to guarantee the same coherence
                                in
                                the identity of the concept. Customized design of the scenography, signage, Sculpture,
                                Framing, Paintings,pics, Artistic light, Artworks and reproduction. Technical
                                development
                                for implementation of elements in a logic of variety of standards, international
                                requirements. Rights management.
                            </p>

                            <h3>WORKSHOP</h3>
                            <p class="font-medium mb-5">
                                Expert in the manufacture of the artworks in our EPV-certified workshops: framing
                                workshop,
                                printing workshop, blinds manufacturing workshop, finishing workshop, signage workshop.
                                We
                                provide LHH with our production skills in various fields. We offer bespoke solutions and
                                creations specifically for LHH. We support Light Human Hotels in its international
                                development by adapting to the technical and logistical requirements of all countries.
                            </p>


                            <a href="https://pro.muzeo.com/en" 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 mt-5">
                <div class="col-md-4">
                    <h3 class="font-large font-weight-normal mb-0"><strong>Muzéo</strong>
                        <br> Our Expertise Bringing life to spaces with images. to the installation of your project
                </div>
                <div class="col-md-7">

                        <div class="portfolio-item col-12">
                            <div class="book-wrap">
                                <div class="book-card">
                                    <a href="https://pro.muzeo.com/en" class="item-quick-view book-image" target="_blank"><img src="<?= url("shared/img/muz1.jpg") ?>" alt="Book Image"></a>
                                    <div class="book-detail">
                                        <h2 class="book-title"><a href="#">Muzéo</a></h2>
                                        <small class="book-category"><a href="#">Iconographic Design</a></small>
                                        <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-5" data-big="" data-lightbox="gallery">
        <?php for($i = 1; $i <= 25; $i++):?>
            <a class="grid-item" href="<?= url("storage/images/muzeo/muz-{$i}.jpg")?>" data-lightbox="gallery-item"><img src="<?= image("images/muzeo/muz-{$i}.jpg", 600, 400)?>" alt="Arcau Projet <?=$i?>"></a>
        <?php endfor; ?>

    </div>
    <?php $v->insert("views/branding"); ?>

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