<?php
/**
 * Title: Hero Banner
 * Slug: legacy-cleaning-company/hero-banner
 */
$get_url = trailingslashit(get_template_directory_uri());
$legacy_cleaning_company_hero_image_1 = $get_url . 'assets/images/banner_1.png';
$legacy_cleaning_company_hero_image_2 = $get_url . 'assets/images/banner_2.png';
$legacy_cleaning_company_hero_image_3 = $get_url . 'assets/images/banner_3.png';
?>

<!-- wp:group {"className":"banner-main-section owl-carousel","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group banner-main-section owl-carousel" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"url":"<?php echo esc_url($legacy_cleaning_company_hero_image_1); ?>","id":9,"dimRatio":0,"isUserOverlayColor":true,"sizeSlug":"large","className":"slide-bg","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-bg" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><img class="wp-block-cover__image-background wp-image-9 size-large" alt="" src="<?php echo esc_url($legacy_cleaning_company_hero_image_1); ?>" 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":"slider-box"} -->
<div class="wp-block-columns slider-box"><!-- wp:column {"width":"35%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:35%"><!-- wp:group {"className":"slide-content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group slide-content-box"><!-- wp:group {"className":"extra-head-main","layout":{"type":"constrained"}} -->
<div class="wp-block-group extra-head-main"><!-- wp:paragraph {"align":"center","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"spacing":{"padding":{"top":"7px","bottom":"7px","left":"0px","right":"0px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"textTransform":"uppercase"}},"backgroundColor":"secondary","textColor":"black","fontSize":"small","fontFamily":"inter"} -->
<p class="has-text-align-center banner-extra-head has-black-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family has-small-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:7px;padding-right:0px;padding-bottom:7px;padding-left:0px;text-transform:uppercase"><?php esc_html_e('Natural Environment', 'legacy-cleaning-company'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"42px"}},"textColor":"fourth","fontFamily":"im-fell-double-pica-sc"} -->
<h2 class="wp-block-heading has-text-align-center banner-heading has-fourth-color has-text-color has-link-color has-im-fell-double-pica-sc-font-family" style="font-size:42px;font-style:normal;font-weight:400"><?php esc_html_e('Cleaning High Quality Services', 'legacy-cleaning-company'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}}},"textColor":"fourth","fontFamily":"inter"} -->
<p class="has-text-align-center banner-para has-fourth-color has-text-color has-link-color has-inter-font-family"><?php esc_html_e('Lorem Ipsum', 'legacy-cleaning-company'); ?>&nbsp;<?php esc_html_e('is simply dummy text of the printing and typesetting industry.', 'legacy-cleaning-company'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons banner-btn" style="padding-top:0;padding-bottom:0"><!-- wp:button {"backgroundColor":"secondary","textColor":"black","style":{"spacing":{"padding":{"top":"6px","bottom":"6px"}},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-black-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family wp-element-button" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:6px;padding-bottom:6px"><?php esc_html_e('Lets Talk', 'legacy-cleaning-company'); ?><i class="fas fa-broom"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"65%","className":"banner-position"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-position" style="flex-basis:65%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"<?php echo esc_url($legacy_cleaning_company_hero_image_2); ?>","id":9,"dimRatio":0,"isUserOverlayColor":true,"sizeSlug":"large","className":"slide-bg","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-bg" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><img class="wp-block-cover__image-background wp-image-9 size-large" alt="" src="<?php echo esc_url($legacy_cleaning_company_hero_image_2); ?>" 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":"slider-box"} -->
<div class="wp-block-columns slider-box"><!-- wp:column {"width":"35%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:35%"><!-- wp:group {"className":"slide-content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group slide-content-box"><!-- wp:group {"className":"extra-head-main","layout":{"type":"constrained"}} -->
<div class="wp-block-group extra-head-main"><!-- wp:paragraph {"align":"center","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"spacing":{"padding":{"top":"7px","bottom":"7px","left":"0px","right":"0px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"textTransform":"uppercase"}},"backgroundColor":"secondary","textColor":"black","fontSize":"small","fontFamily":"inter"} -->
<p class="has-text-align-center banner-extra-head has-black-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family has-small-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:7px;padding-right:0px;padding-bottom:7px;padding-left:0px;text-transform:uppercase"><?php esc_html_e('Natural Environment', 'legacy-cleaning-company'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"42px"}},"textColor":"fourth","fontFamily":"im-fell-double-pica-sc"} -->
<h2 class="wp-block-heading has-text-align-center banner-heading has-fourth-color has-text-color has-link-color has-im-fell-double-pica-sc-font-family" style="font-size:42px;font-style:normal;font-weight:400"><?php esc_html_e('Cleaning High Quality Services', 'legacy-cleaning-company'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}}},"textColor":"fourth","fontFamily":"inter"} -->
<p class="has-text-align-center banner-para has-fourth-color has-text-color has-link-color has-inter-font-family"><?php esc_html_e('Lorem Ipsum', 'legacy-cleaning-company'); ?>&nbsp;<?php esc_html_e('is simply dummy text of the printing and typesetting industry.', 'legacy-cleaning-company'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons banner-btn" style="padding-top:0;padding-bottom:0"><!-- wp:button {"backgroundColor":"secondary","textColor":"black","style":{"spacing":{"padding":{"top":"6px","bottom":"6px"}},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-black-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family wp-element-button" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:6px;padding-bottom:6px"><?php esc_html_e('Lets Talk', 'legacy-cleaning-company'); ?><i class="fas fa-broom"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"65%","className":"banner-position"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-position" style="flex-basis:65%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"<?php echo esc_url($legacy_cleaning_company_hero_image_3); ?>","id":9,"dimRatio":0,"isUserOverlayColor":true,"sizeSlug":"large","className":"slide-bg","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-bg" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><img class="wp-block-cover__image-background wp-image-9 size-large" alt="" src="<?php echo esc_url($legacy_cleaning_company_hero_image_3); ?>" 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":"slider-box"} -->
<div class="wp-block-columns slider-box"><!-- wp:column {"width":"35%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:35%"><!-- wp:group {"className":"slide-content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group slide-content-box"><!-- wp:group {"className":"extra-head-main","layout":{"type":"constrained"}} -->
<div class="wp-block-group extra-head-main"><!-- wp:paragraph {"align":"center","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"spacing":{"padding":{"top":"7px","bottom":"7px","left":"0px","right":"0px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"textTransform":"uppercase"}},"backgroundColor":"secondary","textColor":"black","fontSize":"small","fontFamily":"inter"} -->
<p class="has-text-align-center banner-extra-head has-black-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family has-small-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:7px;padding-right:0px;padding-bottom:7px;padding-left:0px;text-transform:uppercase"><?php esc_html_e('Natural Environment', 'legacy-cleaning-company'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"42px"}},"textColor":"fourth","fontFamily":"im-fell-double-pica-sc"} -->
<h2 class="wp-block-heading has-text-align-center banner-heading has-fourth-color has-text-color has-link-color has-im-fell-double-pica-sc-font-family" style="font-size:42px;font-style:normal;font-weight:400"><?php esc_html_e('Cleaning High Quality Services', 'legacy-cleaning-company'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}}},"textColor":"fourth","fontFamily":"inter"} -->
<p class="has-text-align-center banner-para has-fourth-color has-text-color has-link-color has-inter-font-family"><?php esc_html_e('Lorem Ipsum', 'legacy-cleaning-company'); ?>&nbsp;<?php esc_html_e('is simply dummy text of the printing and typesetting industry.', 'legacy-cleaning-company'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons banner-btn" style="padding-top:0;padding-bottom:0"><!-- wp:button {"backgroundColor":"secondary","textColor":"black","style":{"spacing":{"padding":{"top":"6px","bottom":"6px"}},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-black-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family wp-element-button" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:6px;padding-bottom:6px"><?php esc_html_e('Lets Talk', 'legacy-cleaning-company'); ?><i class="fas fa-broom"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"65%","className":"banner-position"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-position" style="flex-basis:65%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->