<?php
/**
 * Title: Feature Banner
 * Slug: gutenify-storely/feature-banner
 * Categories: gutenify-storely
 */
?>
<!-- wp:group {"metadata":{"name":"Feature Banner"},"align":"full","className":"gutenify-section-064f36b0-f4c6-11ed-b183-e1915ac98b40","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|30","bottom":"0","left":"var:preset|spacing|30"}}},"backgroundColor":"background","layout":{"type":"constrained"}} -->
<div
  class="wp-block-group alignfull gutenify-section-064f36b0-f4c6-11ed-b183-e1915ac98b40 has-background-background-color has-background"
  style="padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--30)">
  <!-- wp:columns {"align":"wide","className":"shply-mg-bottom-0 gutenify-section-064e4c50-f4c6-11ed-b183-e1915ac98b40"} -->
  <div class="wp-block-columns alignwide shply-mg-bottom-0 gutenify-section-064e4c50-f4c6-11ed-b183-e1915ac98b40">
    <!-- wp:column {"className":"shply-mg-bottom-0 gutenify-section-0642daa0-f4c6-11ed-b183-e1915ac98b40"} -->
    <div class="wp-block-column shply-mg-bottom-0 gutenify-section-0642daa0-f4c6-11ed-b183-e1915ac98b40">
      <!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/feature-banner-1.png","dimRatio":0,"customOverlayColor":"#dbd4c4","isUserOverlayColor":false,"focalPoint":{"x":0,"y":0.36},"minHeight":354,"minHeightUnit":"px","customGradient":"linear-gradient(135deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%)","isDark":false,"sizeSlug":"large","className":"shply-pad-32 Shply__MaxWidth-254 gutenify-section-06415400-f4c6-11ed-b183-e1915ac98b40","style":{"dimensions":{"aspectRatio":"16/9"},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"border":{"radius":{"topLeft":"6px","topRight":"6px","bottomLeft":"6px","bottomRight":"6px"}}}} -->
      <div
        class="wp-block-cover is-light shply-pad-32 Shply__MaxWidth-254 gutenify-section-06415400-f4c6-11ed-b183-e1915ac98b40"
        style="border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:354px">
        <img class="wp-block-cover__image-background size-large" alt=""
          src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/feature-banner-1.png"
          style="object-position:0% 36%" data-object-fit="cover" data-object-position="0% 36%" /><span
          aria-hidden="true"
          class="wp-block-cover__background has-background-dim-0 has-background-dim has-background-gradient"
          style="background-color:#dbd4c4;background:linear-gradient(135deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%)"></span>
        <div class="wp-block-cover__inner-container">
          <!-- wp:group {"className":"gutenify-section-063e6dd0-f4c6-11ed-b183-e1915ac98b40","style":{"spacing":{"blockGap":"0","padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"250px","justifyContent":"left"}} -->
          <div class="wp-block-group gutenify-section-063e6dd0-f4c6-11ed-b183-e1915ac98b40"
            style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
            <!-- wp:paragraph -->
            <p><?php echo esc_html__('Stock Clearance', 'gutenify-storely'); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:heading {"level":3,"className":"shply-mg-top-8 shply-mg-bottom-0 gutenify-section-063a2810-f4c6-11ed-b183-e1915ac98b40","fontSize":"big"} -->
            <h3
              class="wp-block-heading shply-mg-top-8 shply-mg-bottom-0 gutenify-section-063a2810-f4c6-11ed-b183-e1915ac98b40 has-big-font-size">
              <?php echo esc_html__('Fashion Style', 'gutenify-storely'); ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"className":"shply-mg-bottom-0 gutenify-section-063b1270-f4c6-11ed-b183-e1915ac98b40","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"normal"} -->
            <p class="shply-mg-bottom-0 gutenify-section-063b1270-f4c6-11ed-b183-e1915ac98b40 has-normal-font-size"
              style="font-style:normal;font-weight:500">
              <?php echo esc_html__('Get 30% discount', 'gutenify-storely'); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:buttons {"className":"gutenify-section-063d5c60-f4c6-11ed-b183-e1915ac98b40","style":{"spacing":{"margin":{"top":"var:preset|spacing|10"}}}} -->
            <div class="wp-block-buttons gutenify-section-063d5c60-f4c6-11ed-b183-e1915ac98b40"
              style="margin-top:var(--wp--preset--spacing--10)">
              <!-- wp:button {"className":"shply-mg-top-0 Shply__btn-arrow gutenify-section-063c23e0-f4c6-11ed-b183-e1915ac98b40"} -->
              <div
                class="wp-block-button shply-mg-top-0 Shply__btn-arrow gutenify-section-063c23e0-f4c6-11ed-b183-e1915ac98b40">
                <a class="wp-block-button__link wp-element-button"><?php echo esc_html__('Shop Now', 'gutenify-storely'); ?></a></div>
              <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
          </div>
          <!-- /wp:group -->
        </div>
      </div>
      <!-- /wp:cover -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column {"className":"gutenify-section-064d3ae0-f4c6-11ed-b183-e1915ac98b40"} -->
    <div class="wp-block-column gutenify-section-064d3ae0-f4c6-11ed-b183-e1915ac98b40">
      <!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/feature-banner-2.png","dimRatio":0,"customOverlayColor":"#dac9c4","isUserOverlayColor":false,"focalPoint":{"x":0.09,"y":0.31},"minHeight":354,"minHeightUnit":"px","customGradient":"linear-gradient(135deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%)","isDark":false,"sizeSlug":"full","className":"shply-pad-32 Shply__MaxWidth-254 gutenify-section-064c2970-f4c6-11ed-b183-e1915ac98b40","style":{"dimensions":{"aspectRatio":"16/9"},"border":{"radius":{"topLeft":"6px","topRight":"6px","bottomLeft":"6px","bottomRight":"6px"}},"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}}} -->
      <div
        class="wp-block-cover is-light shply-pad-32 Shply__MaxWidth-254 gutenify-section-064c2970-f4c6-11ed-b183-e1915ac98b40"
        style="border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:354px">
        <img class="wp-block-cover__image-background size-full" alt=""
          src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/feature-banner-2.png"
          style="object-position:9% 31%" data-object-fit="cover" data-object-position="9% 31%" /><span
          aria-hidden="true"
          class="wp-block-cover__background has-background-dim-0 has-background-dim has-background-gradient"
          style="background-color:#dac9c4;background:linear-gradient(135deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%)"></span>
        <div class="wp-block-cover__inner-container">
          <!-- wp:group {"className":"gutenify-section-06496a50-f4c6-11ed-b183-e1915ac98b40","style":{"spacing":{"blockGap":"0","padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"constrained","contentSize":"200px","justifyContent":"left"}} -->
          <div class="wp-block-group gutenify-section-06496a50-f4c6-11ed-b183-e1915ac98b40"
            style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
            <!-- wp:heading {"level":4,"className":"shply-mg-top-8 shply-mg-bottom-0 gutenify-section-06441320-f4c6-11ed-b183-e1915ac98b40"} -->
            <h4
              class="wp-block-heading shply-mg-top-8 shply-mg-bottom-0 gutenify-section-06441320-f4c6-11ed-b183-e1915ac98b40">
              <?php echo esc_html__('Stock Clearance', 'gutenify-storely'); ?></h4>
            <!-- /wp:heading -->

            <!-- wp:heading {"level":3,"className":"shply-mg-top-8 shply-mg-bottom-0 gutenify-section-06452490-f4c6-11ed-b183-e1915ac98b40","fontSize":"big"} -->
            <h3
              class="wp-block-heading shply-mg-top-8 shply-mg-bottom-0 gutenify-section-06452490-f4c6-11ed-b183-e1915ac98b40 has-big-font-size">
              <?php echo esc_html__('Sell - Men\'s', 'gutenify-storely'); ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"className":"shply-mg-bottom-0 gutenify-section-06460ef0-f4c6-11ed-b183-e1915ac98b40","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"normal"} -->
            <p class="shply-mg-bottom-0 gutenify-section-06460ef0-f4c6-11ed-b183-e1915ac98b40 has-normal-font-size"
              style="font-style:normal;font-weight:500">
              <?php echo esc_html__('Get up to 50% discount on any purchase', 'gutenify-storely'); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:buttons {"className":"gutenify-section-064858e0-f4c6-11ed-b183-e1915ac98b40","style":{"spacing":{"margin":{"top":"var:preset|spacing|10"}}}} -->
            <div class="wp-block-buttons gutenify-section-064858e0-f4c6-11ed-b183-e1915ac98b40"
              style="margin-top:var(--wp--preset--spacing--10)">
              <!-- wp:button {"className":"shply-mg-top-0 Shply__btn-arrow gutenify-section-06474770-f4c6-11ed-b183-e1915ac98b40"} -->
              <div
                class="wp-block-button shply-mg-top-0 Shply__btn-arrow gutenify-section-06474770-f4c6-11ed-b183-e1915ac98b40">
                <a class="wp-block-button__link wp-element-button"><?php echo esc_html__('Shop Now', 'gutenify-storely'); ?></a></div>
              <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
          </div>
          <!-- /wp:group -->
        </div>
      </div>
      <!-- /wp:cover -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->
</div>
<!-- /wp:group -->