<?php
/**
 * Title: Hero Banner
 * Slug: fire-brigade/hero-banner
 */
$get_url = trailingslashit(get_template_directory_uri());
$fire_brigade_hero_image_1 = $get_url . 'assets/images/banner.png';
?>

<!-- wp:columns {"className":"banner-part","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns banner-part" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"97%","className":"banner-part-1","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"backgroundColor":"primary"} -->
<div class="wp-block-column banner-part-1 has-primary-background-color has-background" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:97%"><!-- wp:cover {"url":"<?php echo esc_url($fire_brigade_hero_image_1); ?>","id":61,"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"}},"border":{"radius":{"topRight":"10em"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-bg" style="border-top-right-radius:10em;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-61 size-large" alt="" src="<?php echo esc_url($fire_brigade_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","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns slider-box" style="padding-top:0;padding-bottom:0"><!-- wp:column {"width":"60%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:60%"><!-- 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":"left","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"padding":{"left":"0px","right":"0px","top":"10px","bottom":"10px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1.5","textTransform":"uppercase"}},"textColor":"secondary","fontSize":"small","fontFamily":"inter"} -->
<p class="has-text-align-left banner-extra-head has-secondary-color has-text-color 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:10px;padding-right:0px;padding-bottom:10px;padding-left:0px;font-style:normal;font-weight:500;line-height:1.5;text-transform:uppercase"><?php esc_html_e('fire prevention and emergency services', 'fire-brigade'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"32px","textTransform":"uppercase","lineHeight":"1.9","letterSpacing":"3px"},"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0"}}},"textColor":"fourth","fontFamily":"im-fell-double-pica-sc"} -->
<h2 class="wp-block-heading has-text-align-left banner-heading has-fourth-color has-text-color has-link-color has-im-fell-double-pica-sc-font-family" style="margin-top:0;padding-top:0;padding-bottom:0;font-size:32px;font-style:normal;font-weight:700;letter-spacing:3px;line-height:1.9;text-transform:uppercase"><?php esc_html_e('Rapid Fire Response &', 'fire-brigade'); ?><br><?php esc_html_e('Safety Solutions', 'fire-brigade'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"spacing":{"margin":{"top":"var:preset|spacing|x-small","bottom":"var:preset|spacing|x-small"}}},"textColor":"fourth","fontFamily":"inter"} -->
<p class="has-text-align-left banner-para has-fourth-color has-text-color has-link-color has-inter-font-family" style="margin-top:var(--wp--preset--spacing--x-small);margin-bottom:var(--wp--preset--spacing--x-small)"><?php esc_html_e('Protecting lives, property, and businesses with professional fire prevention', 'fire-brigade'); ?><br><?php esc_html_e('and emergency services.', 'fire-brigade'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"Banner-btnss","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group Banner-btnss"><!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons banner-btn" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-bottom:0"><!-- wp:button {"backgroundColor":"secondary","textColor":"black","style":{"spacing":{"padding":{"top":"5px","bottom":"5px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"small","fontFamily":"inter"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-black-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family has-small-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:5px;padding-bottom:5px;font-style:normal;font-weight:500"><?php esc_html_e('Request Emergency Help', 'fire-brigade'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"32px"}},"textColor":"fourth","fontFamily":"im-fell-double-pica-sc"} -->
<p class="has-fourth-color has-text-color has-link-color has-im-fell-double-pica-sc-font-family phone-icon" style="font-size:32px"><i class="fas fa-phone-alt"></i> <?php esc_html_e('+1234567890', 'fire-brigade'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

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

<!-- wp:column {"width":"3%","className":"banner-part-2","backgroundColor":"primary"} -->
<div class="wp-block-column banner-part-2 has-primary-background-color has-background" style="flex-basis:3%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->