<?php

/**
 * Title: Call To Action Block
 * Slug: atozshop/call-to-action
 * Categories: atozshop-patterns
 */
$atozshop_url = trailingslashit(get_stylesheet_directory_uri());
$atozshop_images = array(
    $atozshop_url . 'assets/images/cta_image.jpg',
);
?>
<!-- wp:cover {"url":"<?php echo esc_url($atozshop_images[0]) ?>","id":147,"dimRatio":70,"minHeight":550,"customGradient":"linear-gradient(82deg,rgb(79,67,192) 0%,rgba(40,118,252,0.4) 100%)","contentPosition":"center center","layout":{"type":"constrained"}} -->
<div class="wp-block-cover" style="min-height:550px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-70 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(82deg,rgb(79,67,192) 0%,rgba(40,118,252,0.4) 100%)"></span><img class="wp-block-cover__image-background wp-image-147" 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":"65%"} -->
                <div class="wp-block-column" style="flex-basis:65%"><!-- wp:heading {"textAlign":"left","level":5,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"x-small"} -->
                    <h5 class="wp-block-heading has-text-align-left has-x-small-font-size" style="text-transform:uppercase"><?php echo esc_html_e('Top Quality Products', 'atozshop') ?></h5>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"left","level":1,"style":{"typography":{"fontSize":"48px","lineHeight":"1.4"}}} -->
                    <h1 class="wp-block-heading has-text-align-left" style="font-size:48px;line-height:1.4"><?php echo esc_html_e('Explore Top-Quality Products and Elevate Your Style!', 'atozshop') ?></h1>
                    <!-- /wp:heading -->

                    <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"30px"}}}} -->
                    <div class="wp-block-buttons" style="margin-top:30px"><!-- wp:button {"backgroundColor":"transparent","textColor":"foregound-alt","style":{"spacing":{"padding":{"left":"40px","right":"40px","top":"18px","bottom":"18px"}},"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"radius":"5px","width":"2px"}},"borderColor":"foregound-alt","className":"is-style-button-hover-secondary-bgcolor"} -->
                        <div class="wp-block-button is-style-button-hover-secondary-bgcolor" style="font-style:normal;font-weight:500"><a class="wp-block-button__link has-foregound-alt-color has-transparent-background-color has-text-color has-background has-border-color has-foregound-alt-border-color wp-element-button" style="border-width:2px;border-radius:5px;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 {"width":"33.33%"} -->
                <div class="wp-block-column" style="flex-basis:33.33%"></div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->
        </div>
        <!-- /wp:group -->
    </div>
</div>
<!-- /wp:cover -->