<?php

/**
 * Title: Banner Block
 * Slug: atozshop/banner-block
 * Categories: atozshop-patterns
 */
$atozshop_url = trailingslashit(get_stylesheet_directory_uri());
$atozshop_images = array(
    $atozshop_url . 'assets/images/background_image.jpg',
);
?>
<!-- wp:cover {"url":"<?php echo esc_url($atozshop_images[0]) ?>","id":203,"dimRatio":0,"minHeight":580,"contentPosition":"center center","isDark":false,"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light" style="min-height:580px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-203" alt="" src="<?php echo esc_url($atozshop_images[0]) ?>" data-object-fit="cover" />
    <div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained","contentSize":"1180px"}} -->
        <div class="wp-block-group"><!-- wp:columns -->
            <div class="wp-block-columns"><!-- wp:column {"width":"55%"} -->
                <div class="wp-block-column" style="flex-basis:55%"><!-- wp:heading {"textAlign":"left","level":5,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500"}},"fontSize":"x-small"} -->
                    <h5 class="wp-block-heading has-text-align-left has-x-small-font-size" style="font-style:normal;font-weight:500;text-transform:uppercase"><?php echo esc_html_e('50% Off Summer Sale', 'atozshop') ?></h5>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"48px","lineHeight":"1.3"}}} -->
                    <h1 class="wp-block-heading" style="font-size:48px;line-height:1.3"><?php echo esc_html_e('Unbeatable Deals Await, Shop Now for Exclusive Online Offers!', 'atozshop') ?></h1>
                    <!-- /wp:heading -->

                    <!-- wp:buttons -->
                    <div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"4px"},"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"left":"40px","right":"40px","top":"18px","bottom":"18px"}}},"fontSize":"x-small"} -->
                        <div class="wp-block-button has-custom-font-size has-x-small-font-size" style="font-style:normal;font-weight:500;text-transform:uppercase"><a class="wp-block-button__link wp-element-button" style="border-radius:4px;padding-top:18px;padding-right:40px;padding-bottom:18px;padding-left:40px"><?php echo esc_html_e('Visit Store', 'atozshop') ?></a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->
                </div>
                <!-- /wp:column -->

                <!-- wp:column -->
                <div class="wp-block-column"></div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->
        </div>
        <!-- /wp:group -->
    </div>
</div>
<!-- /wp:cover -->