<?php

/**
 * Title: Newsletter Layout 1
 * Slug: storemate/full-width-newsletter
 * Categories: storemate
 */
$storemate_url = trailingslashit(get_template_directory_uri());
$storemate_images = array(
    $storemate_url . 'assets/images/paper_icon.png',
);
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","bottom":"40px","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|30"}},"backgroundColor":"light-shade","className":"storemate-zoom-in-up","layout":{"type":"constrained","contentSize":"840px"}} -->
<div class="wp-block-group storemate-zoom-in-up has-light-shade-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:80px;padding-right:var(--wp--preset--spacing--40);padding-bottom:40px;padding-left:var(--wp--preset--spacing--40)"><!-- wp:image {"align":"center","id":4995,"width":"auto","height":"80px","sizeSlug":"full","linkDestination":"none"} -->
    <figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url($storemate_images[0]) ?>" alt="" class="wp-image-4995" style="width:auto;height:80px" /></figure>
    <!-- /wp:image -->

    <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"32px"}}},"fontSize":"x-large"} -->
    <h2 class="wp-block-heading has-text-align-center has-x-large-font-size" style="margin-top:32px;font-style:normal;font-weight:600"><?php esc_html_e('Signup our newsletter to receive special offers, news, &amp; events.', 'storemate') ?></h2>
    <!-- /wp:heading -->

    <!-- wp:paragraph {"align":"center"} -->
    <p class="has-text-align-center"><?php esc_html_e('Subscribe today to receive promotions before anyone else!', 'storemate') ?></p>
    <!-- /wp:paragraph -->

    <!-- wp:group {"style":{"spacing":{"margin":{"top":"40px"}}},"layout":{"type":"constrained","contentSize":"640px"}} -->
    <div class="wp-block-group" style="margin-top:40px"><!-- wp:contact-form-7/contact-form-selector {"id":4992,"hash":"4206b04","title":"Newsletter with Checkbox","className":"storemate-newsletter-style-2"} -->
        <div class="wp-block-contact-form-7-contact-form-selector storemate-newsletter-style-2">[contact-form-7 id="4206b04" title="Newsletter with Checkbox"]</div>
        <!-- /wp:contact-form-7/contact-form-selector -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->