<?php
/**
 * Title: Home Banner
 * Slug: water-filter/home-banner
 * Categories: template
 */
?>

<!-- wp:group {"className":"banner-section wow fadeIn","style":{"dimensions":{"minHeight":"650px"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0rem","right":"0rem"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":"20px"}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group banner-section wow fadeIn" style="border-radius:20px;min-height:650px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0rem;padding-bottom:0;padding-left:0rem"><!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/images/banner-bg.png","id":6,"dimRatio":0,"isUserOverlayColor":true,"minHeight":650,"isDark":false,"sizeSlug":"full","className":"banner-inner-box","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light banner-inner-box" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:650px"><img class="wp-block-cover__image-background wp-image-6 size-full" alt="" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/banner-bg.png" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"banner-content-boxes"} -->
<div class="wp-block-columns banner-content-boxes"><!-- wp:column {"verticalAlignment":"bottom","width":"50%","className":"banner-main-content","layout":{"type":"constrained","contentSize":"100%","justifyContent":"left"}} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-main-content" style="flex-basis:50%"><!-- wp:group {"className":"banner-main-inner-cont","style":{"spacing":{"padding":{"right":"15%","left":"15%","bottom":"var:preset|spacing|40"}}},"backgroundColor":"primary","layout":{"type":"default"}} -->
<div class="wp-block-group banner-main-inner-cont has-primary-background-color has-background" style="padding-right:15%;padding-bottom:var(--wp--preset--spacing--40);padding-left:15%"><!-- wp:heading {"className":"banner-title wow bounceInUp","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"1000","fontSize":"40px"}},"textColor":"background"} -->
<h2 class="wp-block-heading banner-title wow bounceInUp has-background-color has-text-color has-link-color" style="font-size:40px;font-style:normal;font-weight:1000;text-transform:capitalize"><?php echo esc_html__('revolutionizing water purification.', 'water-filter'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-desc wow bounceInUp","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"12px","bottom":"0px"}}},"textColor":"background"} -->
<p class="banner-desc wow bounceInUp has-background-color has-text-color has-link-color" style="margin-top:12px;margin-bottom:0px;font-size:20px;font-style:normal;font-weight:600"><?php echo esc_html__('Advanced water purification technology for healthier living. Trusted by thousands of households and certified for purity and performance.', 'water-filter'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn wow bounceInUp","style":{"spacing":{"margin":{"top":"20px"}}}} -->
<div class="wp-block-buttons banner-btn wow bounceInUp" style="margin-top:20px"><!-- wp:button {"backgroundColor":"background","textColor":"quaternary","style":{"elements":{"link":{"color":{"text":"var:preset|color|quaternary"}}},"border":{"radius":"5px","width":"1px"},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"600","textTransform":"capitalize"},"spacing":{"padding":{"left":"20px","right":"20px","top":"5px","bottom":"5px"}}},"borderColor":"quaternary"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-quaternary-color has-background-background-color has-text-color has-background has-link-color has-border-color has-quaternary-border-color has-custom-font-size wp-element-button" style="border-width:1px;border-radius:5px;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px;font-size:15px;font-style:normal;font-weight:600;text-transform:capitalize"><?php echo esc_html__('explore purifiers', 'water-filter'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"50%","className":"banner-img-box wow bounceInUp"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-img-box wow bounceInUp" style="flex-basis:50%"><!-- wp:image {"id":20,"width":"auto","height":"400px","sizeSlug":"full","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/banner-filter-img.png" alt="" class="wp-image-20" style="width:auto;height:400px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"className":"banner-left-outer","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-left-outer" style="margin-top:0px;margin-bottom:0px"><!-- wp:group {"className":"banner-left-inner","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"dimensions":{"minHeight":""}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-left-inner has-secondary-background-color has-background" style="margin-top:0px;margin-bottom:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:cover {"overlayColor":"secondary","isUserOverlayColor":true,"minHeight":50,"isDark":false,"className":"banner-btm-box","style":{"spacing":{"padding":{"top":"8px","bottom":"8px","left":"0px","right":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover is-light banner-btm-box" style="margin-top:0px;margin-bottom:0px;padding-top:8px;padding-right:0px;padding-bottom:8px;padding-left:0px;min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-secondary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":null,"className":"banner-btm-inner-box"} -->
<div class="wp-block-columns banner-btm-inner-box"><!-- wp:column {"verticalAlignment":"center","width":"20%","className":"banner-phone"} -->
<div class="wp-block-column is-vertically-aligned-center banner-phone" style="flex-basis:20%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"15px","letterSpacing":"1px"}},"textColor":"foreground"} -->
<p class="has-foreground-color has-text-color has-link-color" style="font-size:15px;letter-spacing:1px"><a href="tel:1234567890"></a><img class="wp-image-82" style="width: 30px;" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/phone.png" alt=""><a href="tel:1234567890"><?php echo esc_html__('+1234567890', 'water-filter'); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"30%","className":"banner-mail"} -->
<div class="wp-block-column is-vertically-aligned-center banner-mail" style="flex-basis:30%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"15px","letterSpacing":"1px"}},"textColor":"foreground"} -->
<p class="has-foreground-color has-text-color has-link-color" style="font-size:15px;letter-spacing:1px"><img class="wp-image-92" style="width: 32px;" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/mail.png" alt=""><a href="mailto:crystaldrop@example.com" data-type="link" data-id="mail:crystaldrop@example.com"><?php echo esc_html__('crystaldrop@example.com', 'water-filter'); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%","className":"banner-bottom-text"} -->
<div class="wp-block-column is-vertically-aligned-center banner-bottom-text" style="flex-basis:50%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"15px","letterSpacing":"1px","textTransform":"capitalize"}},"textColor":"foreground"} -->
<p class="has-foreground-color has-text-color has-link-color" style="font-size:15px;letter-spacing:1px;text-transform:capitalize"><img class="wp-image-95" style="width: 30px;" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/announce.png" alt=""><?php echo esc_html__('crystaldrop now delivers across all major cities!', 'water-filter'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->