<?php
/**
 * Title: Banner
 * Slug: ecommerce-trendy-outfits/banner
 * Categories: banner
 * Block Types: core/template-part/banner
 */
?>

<!-- wp:group {"tagName":"main","className":"wp-block-group","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}}} -->
<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"className":"slider-main-box","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}},"dimensions":{"minHeight":"600px"}},"backgroundColor":"contrast","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group slider-main-box has-contrast-background-color has-background" style="min-height:600px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"className":"slider-box-left","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group slider-box-left" style="padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:heading {"textAlign":"center","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"#eb662b"}}},"typography":{"fontStyle":"normal","fontWeight":"500","fontSize":"337px","lineHeight":"1.3"},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0"}}},"textColor":"base","fontFamily":"syne"} -->
<h2 class="wp-block-heading has-text-align-center banner-heading has-base-color has-text-color has-link-color has-syne-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;font-size:337px;font-style:normal;font-weight:500;line-height:1.3"><?php esc_html_e('Fashion','ecommerce-trendy-outfits'); ?></h2>
<!-- /wp:heading -->

<!-- wp:group {"className":"banner-images-main","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group banner-images-main"><!-- wp:columns {"className":"fashion-images","style":{"spacing":{"blockGap":{"left":"0px"}}}} -->
<div class="wp-block-columns fashion-images"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":213,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/banner1.png" alt="" class="wp-image-213" style="border-radius:50%"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":214,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"30px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/banner2.png" alt="" class="wp-image-214" style="border-radius:30px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:buttons {"className":"banner-btn"} -->
<div class="wp-block-buttons banner-btn"><!-- wp:button {"textColor":"base","width":100,"style":{"border":{"radius":"50%"},"typography":{"fontSize":"30px","fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"fontFamily":"mulish"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-base-color has-text-color has-link-color has-mulish-font-family has-custom-font-size wp-element-button" style="border-radius:50%;font-size:30px;font-style:normal;font-weight:700"><?php esc_html_e('More','ecommerce-trendy-outfits'); ?> <br><?php esc_html_e('Collection','ecommerce-trendy-outfits'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":215,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"30px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/banner3.png" alt="" class="wp-image-215" style="border-radius:30px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":216,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/banner4.png" alt="" class="wp-image-216" style="border-radius:50%"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"className":"slider-text-box","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns slider-text-box" style="margin-bottom:0;padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:column {"verticalAlignment":"center","className":"slider-text-custom","style":{"color":{"background":"#1c1b1b"},"border":{"radius":"12px"},"spacing":{"padding":{"top":"14px","bottom":"14px","left":"20px","right":"20px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center slider-text-custom has-background" style="border-radius:12px;background-color:#1c1b1b;padding-top:14px;padding-right:20px;padding-bottom:14px;padding-left:20px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"500"}},"textColor":"base","fontFamily":"mulish"} -->
<p class="has-base-color has-text-color has-link-color has-mulish-font-family" style="font-size:15px;font-style:normal;font-weight:500"><?php esc_html_e('Lorem Ipsum is simply dummy text of ','ecommerce-trendy-outfits'); ?><br><?php esc_html_e('the printing and typesetting industry.','ecommerce-trendy-outfits'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","className":"testimonial-main","style":{"color":{"background":"#1c1b1b"},"border":{"radius":"12px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"20px","right":"20px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center testimonial-main has-background" style="border-radius:12px;background-color:#1c1b1b;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"testimonial-box","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center","verticalAlignment":"center"}} -->
<div class="wp-block-group testimonial-box"><!-- wp:image {"id":38,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri()) ?>/assets/images/testimonial.png" alt="" class="wp-image-38"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":5,"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"600"}},"textColor":"base","fontFamily":"syne"} -->
<h5 class="wp-block-heading has-base-color has-text-color has-link-color has-syne-font-family" style="font-size:20px;font-style:normal;font-weight:600"><?php esc_html_e('Happy','ecommerce-trendy-outfits'); ?><br><?php esc_html_e('Customer','ecommerce-trendy-outfits'); ?></h5>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"color":{"background":"#1c1b1b"},"border":{"radius":"12px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"20px","right":"20px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center has-background" style="border-radius:12px;background-color:#1c1b1b;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"base","style":{"color":{"background":"#ffffff00"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"22px","fontStyle":"normal","fontWeight":"600"},"spacing":{"padding":{"left":"20px","right":"20px","top":"10px","bottom":"10px"}}},"fontFamily":"syne"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-text-color has-background has-link-color has-syne-font-family has-custom-font-size wp-element-button" style="background-color:#ffffff00;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;font-size:22px;font-style:normal;font-weight:600"><?php esc_html_e('Shop Now','ecommerce-trendy-outfits'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></main>
<!-- /wp:group -->