<?php
/**
 * Title: Banner
 * Slug: droplet/banner
 * Categories: droplet, banner
 */
?>

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri().'/assets/img/banner.jpg' ); ?>","id":6,"dimRatio":60,"overlayColor":"base","minHeight":90,"minHeightUnit":"vh","align":"full"} -->
<div class="wp-block-cover alignfull" style="min-height:90vh"><span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-6" alt="" src="<?php echo esc_url( get_template_directory_uri().'/assets/img/banner.jpg' ); ?>" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%","style":{"border":{"width":"0px","style":"none"}}} -->
<div class="wp-block-column" style="border-style:none;border-width:0px;flex-basis:66.66%"><!-- wp:group {"style":{"border":{"radius":"12px"},"color":{"background":"#ffffff99"},"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="border-radius:12px;background-color:#ffffff99;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:group {"style":{"border":{"radius":"6px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="border-radius:6px"><!-- wp:group {"style":{"border":{"radius":"6px"},"spacing":{"padding":{"top":"6px","right":"18px","bottom":"8px","left":"18px"}}},"backgroundColor":"primary","textColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-white-color has-primary-background-color has-text-color has-background" style="border-radius:6px;padding-top:6px;padding-right:18px;padding-bottom:8px;padding-left:18px"><!-- wp:heading {"textAlign":"left","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","letterSpacing":"2px"}},"fontSize":"medium","fontFamily":"allison"} -->
<h4 class="has-text-align-left has-allison-font-family has-medium-font-size" style="font-style:normal;font-weight:400;letter-spacing:2px"><?php esc_html_e('Excellence in Plumbing','droplet'); ?></h4>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"left","style":{"spacing":{"margin":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"secondary","className":"banner-title","fontSize":"huge"} -->
<h2 class="has-text-align-left banner-title has-secondary-color has-text-color has-huge-font-size" style="margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:700"><?php esc_html_e('Helps you live Smoothly','droplet'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"body-text"} -->
<p class="has-body-text-color has-text-color"><?php esc_html_e('Pellentesque bibendum non lorem ut dignissim. Etiam molestie ultrices enim, sit amet vehicula dui fermentum id. Ut fermentum augue ac varius venenatis. Nullam luctus pellentesque finibus. Cras eleifend purus iaculis, vulputate ex id, scelerisque quam.','droplet'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"0px"},"spacing":{"padding":{"top":"14px","right":"28px","bottom":"14px","left":"28px"}},"typography":{"letterSpacing":"2px"}},"className":"is-style-fill","fontSize":"regular"} -->
<div class="wp-block-button has-custom-font-size is-style-fill has-regular-font-size" style="letter-spacing:2px"><a class="wp-block-button__link wp-element-button" style="border-radius:0px;padding-top:14px;padding-right:28px;padding-bottom:14px;padding-left:28px"><?php esc_html_e('Book Visit','droplet'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->