<?php
if(!($GLOBALS['lazyblock-parallax-css'])) {
    $GLOBALS['lazyblock-slideshow-css'] = TRUE; ?>
    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ?>/assets/css/block-parallax.css"/>
<?php } ?>
<section class="two-boxes">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-6">
                <div class="two-boxes__single">
                    <div class="two-boxes__single-content">
                        <div class="two-boxes__count"> <span></span></div>
                        <div class="two-boxes__content">
                            <h3 class="two-boxes__title">BIG DATA</h3>
                            <p class="two-boxes__text">Le nostre strategie sono 100% Data Driven e Human Centric, da sempre.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6">
                <div class="two-boxes__single">
                    <div class="two-boxes__single-content">
                        <div class="two-boxes__count"> <span></span></div>
                        <div class="two-boxes__content">
                            <h3 class="two-boxes__title">COPY &amp; DESIGN</h3>
                            <p class="two-boxes__text">Ma sappiamo anche dare forma alla comunicazione più efficace per te.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div id="ADS_parallax_box_<?php echo$attributes['blockId'] ?>" class="ADS_parallax">
    <div class="ADS_img_parallax" style="background-image:url('<?php echo $attributes['immagine']['url']; ?>');"></div>
    <div class="container">
        <h3><?php echo $attributes['testo']; ?></h3>
        <a class="thm-btn" href="<?php echo $attributes['link-pulsante']; ?>"><?php echo $attributes['testo-pulsante']; ?></a>
    </div>
</div>



<script>

window.addEventListener('scroll', _.throttle(function() {
    let parallax = this.scrollY;
    let hero = document.querySelector("#ADS_parallax_box_<?php echo$attributes['blockId'] ?> .ADS_img_parallax");
    hero.style.transform = "translateY(" + parallax / 25 + "%)";
}, 50));

</script>