<?php
/**
 * Title: Slider
 * Slug: online-retailer/slider
 * Categories: online-retailer, slider
 */

?>

<!-- wp:group {"className":"online-retailer-swiper alignfull","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group online-retailer-swiper alignfull" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"className":"online-retailer-swiper-holder swiper-wrapper","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group online-retailer-swiper-holder swiper-wrapper" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">

<!-- wp:cover {"isUserOverlayColor":true,"minHeight":800,"minHeightUnit":"px","gradient":"slider-bg","align":"wide","className":"banner-image-cover swiper-slide","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover alignwide banner-image-cover swiper-slide" style="min-height:800px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-slider-bg-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"banner-content-wrapper","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns banner-content-wrapper" style="margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center","width":"50%","className":"banner-content"} -->
<div class="wp-block-column is-vertically-aligned-center banner-content" style="flex-basis:50%"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"600"}}} -->
<h3 class="wp-block-heading" style="font-size:20px;font-style:normal;font-weight:600"><?php esc_html_e('Best Deal on Ice cream', 'online-retailer'); ?></h3>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"typography":{"fontSize":"80px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0"}}},"fontFamily":"poppins"} -->
<h2 class="wp-block-heading has-poppins-font-family" style="margin-top:0;font-size:80px;font-style:normal;font-weight:700"><?php esc_html_e('BEAT', 'online-retailer'); ?></h2>
<!-- /wp:heading -->

<!-- wp:heading {"className":"banner-heading","style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"0.8","fontSize":"78px"},"spacing":{"margin":{"top":"0"}}},"fontFamily":"poppins"} -->
<h2 class="wp-block-heading banner-heading has-poppins-font-family" style="margin-top:0;font-size:78px;font-style:normal;font-weight:700;line-height:0.8"><?php esc_html_e('THE HEAT', 'online-retailer'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"38px","fontStyle":"normal","fontWeight":"300"}}} -->
<p style="font-size:38px;font-style:normal;font-weight:300"><?php esc_html_e('UP to ', 'online-retailer'); ?><span><?php esc_html_e('50% OFF', 'online-retailer'); ?></span></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"foreground","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"700"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:15px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-foreground-color has-secondary-background-color has-text-color has-background has-link-color wp-element-button"><?php esc_html_e('Add to Cart', 'online-retailer'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"50%","className":"banner-img-box"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-img-box" style="flex-basis:50%"><!-- wp:image {"id":21,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/banner2.png'); ?>" alt="" class="wp-image-21"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"174px","className":"baner-main-spacer"} -->
<div style="height:174px" aria-hidden="true" class="wp-block-spacer baner-main-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"isUserOverlayColor":true,"minHeight":800,"minHeightUnit":"px","gradient":"slider-bg","align":"wide","className":"banner-image-cover swiper-slide","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover alignwide banner-image-cover swiper-slide" style="min-height:800px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-slider-bg-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"banner-content-wrapper","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns banner-content-wrapper" style="margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center","width":"50%","className":"banner-content"} -->
<div class="wp-block-column is-vertically-aligned-center banner-content" style="flex-basis:50%"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"600"}}} -->
<h3 class="wp-block-heading" style="font-size:20px;font-style:normal;font-weight:600"><?php esc_html_e('Best Deal on Ice cream', 'online-retailer'); ?></h3>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"typography":{"fontSize":"80px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0"}}},"fontFamily":"poppins"} -->
<h2 class="wp-block-heading has-poppins-font-family" style="margin-top:0;font-size:80px;font-style:normal;font-weight:700"><?php esc_html_e('BEAT', 'online-retailer'); ?></h2>
<!-- /wp:heading -->

<!-- wp:heading {"className":"banner-heading","style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"0.8","fontSize":"78px"},"spacing":{"margin":{"top":"0"}}},"fontFamily":"poppins"} -->
<h2 class="wp-block-heading banner-heading has-poppins-font-family" style="margin-top:0;font-size:78px;font-style:normal;font-weight:700;line-height:0.8"><?php esc_html_e('THE HEAT', 'online-retailer'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"38px","fontStyle":"normal","fontWeight":"300"}}} -->
<p style="font-size:38px;font-style:normal;font-weight:300"><?php esc_html_e('UP to ', 'online-retailer'); ?><span><?php esc_html_e('50% OFF', 'online-retailer'); ?></span></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"foreground","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"700"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:15px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-foreground-color has-secondary-background-color has-text-color has-background has-link-color wp-element-button"><?php esc_html_e('Add to Cart', 'online-retailer'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"50%","className":"banner-img-box"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-img-box" style="flex-basis:50%"><!-- wp:image {"id":21,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/banner2.png'); ?>" alt="" class="wp-image-21"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"174px","className":"baner-main-spacer"} -->
<div style="height:174px" aria-hidden="true" class="wp-block-spacer baner-main-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"isUserOverlayColor":true,"minHeight":800,"minHeightUnit":"px","gradient":"slider-bg","align":"wide","className":"banner-image-cover swiper-slide","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover alignwide banner-image-cover swiper-slide" style="min-height:800px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-slider-bg-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"banner-content-wrapper","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns banner-content-wrapper" style="margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center","width":"50%","className":"banner-content"} -->
<div class="wp-block-column is-vertically-aligned-center banner-content" style="flex-basis:50%"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"600"}}} -->
<h3 class="wp-block-heading" style="font-size:20px;font-style:normal;font-weight:600"><?php esc_html_e('Best Deal on Ice cream', 'online-retailer'); ?></h3>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"typography":{"fontSize":"80px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0"}}},"fontFamily":"poppins"} -->
<h2 class="wp-block-heading has-poppins-font-family" style="margin-top:0;font-size:80px;font-style:normal;font-weight:700"><?php esc_html_e('BEAT', 'online-retailer'); ?></h2>
<!-- /wp:heading -->

<!-- wp:heading {"className":"banner-heading","style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"0.8","fontSize":"78px"},"spacing":{"margin":{"top":"0"}}},"fontFamily":"poppins"} -->
<h2 class="wp-block-heading banner-heading has-poppins-font-family" style="margin-top:0;font-size:78px;font-style:normal;font-weight:700;line-height:0.8"><?php esc_html_e('THE HEAT', 'online-retailer'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"38px","fontStyle":"normal","fontWeight":"300"}}} -->
<p style="font-size:38px;font-style:normal;font-weight:300"><?php esc_html_e('UP to ', 'online-retailer'); ?><span><?php esc_html_e('50% OFF', 'online-retailer'); ?></span></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"foreground","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"700"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:15px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-foreground-color has-secondary-background-color has-text-color has-background has-link-color wp-element-button"><?php esc_html_e('Add to Cart', 'online-retailer'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"50%","className":"banner-img-box"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-img-box" style="flex-basis:50%"><!-- wp:image {"id":21,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/banner2.png'); ?>" alt="" class="wp-image-21"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"174px","className":"baner-main-spacer"} -->
<div style="height:174px" aria-hidden="true" class="wp-block-spacer baner-main-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->


</div>
<!-- /wp:group -->

<!-- wp:group {"className":"online-retailer-swiper-controls","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group online-retailer-swiper-controls" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:html -->
<div class="online-retailer-swiper-button-prev swiper-button-prev"></div>
        <div class="online-retailer-swiper-button-next swiper-button-next"></div>
        <div class="online-retailer-pagination"></div>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->