<?php
/**
 * Title: Hero Banner
 * Slug: legacy-real-estate/hero-banner
 */

$get_url = trailingslashit(get_template_directory_uri());
$legacy_real_estate_hero_image = $get_url . 'assets/images/hero-placeholder.png';
$legacy_real_estate_testi_image = $get_url . 'assets/images/testi.png';
?>

<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<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 {"align":"wide","className":"main-banner-section is-style-default","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0px","right":"0px"},"margin":{"top":"0","bottom":"0"}}},"gradient":"primary-gradient","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group alignwide main-banner-section is-style-default has-primary-gradient-gradient-background has-background" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0px;padding-bottom:0;padding-left:0px"><!-- wp:heading {"textAlign":"center","level":1,"className":"banner-heading","style":{"typography":{"fontWeight":"800","letterSpacing":"-1px","fontStyle":"normal","textTransform":"uppercase","fontSize":"130px"},"spacing":{"margin":{"bottom":"var:preset|spacing|medium"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"textColor":"background"} -->
<h1 class="wp-block-heading has-text-align-center banner-heading has-background-color has-text-color" style="margin-bottom:var(--wp--preset--spacing--medium);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:130px;font-style:normal;font-weight:800;letter-spacing:-1px;text-transform:uppercase"><?php esc_html_e('REAL ESTATE SERVICE', 'legacy-real-estate'); ?></h1>
<!-- /wp:heading -->

<!-- wp:group {"className":"banner-image","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-image"><!-- wp:image {"id":67,"width":"auto","height":"650px","sizeSlug":"full","linkDestination":"none","align":"center","className":"banner-img","style":{"border":{"radius":"16px"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border banner-img"><img src="<?php echo esc_url($legacy_real_estate_hero_image); ?>" alt="" class="wp-image-67" style="border-radius:16px;width:auto;height:650px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"banner-content","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group banner-content"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":""} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"className":"testi-box","backgroundColor":"background","layout":{"type":"constrained","justifyContent":"right"}} -->
<div class="wp-block-group testi-box has-background-background-color has-background"><!-- wp:heading {"textAlign":"left","level":6,"className":"testi-count","style":{"typography":{"lineHeight":"1"}}} -->
<h6 class="wp-block-heading has-text-align-left testi-count" style="line-height:1"><?php esc_html_e('12 M+', 'legacy-real-estate'); ?></h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"testi-para","style":{"color":{"text":"#242424"},"elements":{"link":{"color":{"text":"#242424"}}}}} -->
<p class="testi-para has-text-color has-link-color" style="color:#242424"><?php esc_html_e('Happy Customer', 'legacy-real-estate'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":123,"scale":"cover","sizeSlug":"full","linkDestination":"none","className":"testi-img"} -->
<figure class="wp-block-image size-full testi-img"><img src="<?php echo esc_url($legacy_real_estate_testi_image); ?>" alt="" class="wp-image-123" style="object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"","className":"slider-btnns","style":{"elements":{"link":{"color":{"text":"var:preset|color|transparent"}}}},"backgroundColor":"transparent","textColor":"transparent"} -->
<div class="wp-block-column is-vertically-aligned-center slider-btnns has-transparent-color has-transparent-background-color has-text-color has-background has-link-color"><!-- wp:buttons {"className":"legacy-real-estate-header-cta","layout":{"type":"flex","justifyContent":"right","flexWrap":"nowrap"}} -->
<div class="wp-block-buttons legacy-real-estate-header-cta"><!-- wp:button {"backgroundColor":"primary","textColor":"background","className":"slide-btn","style":{"border":{"radius":"30px"},"typography":{"letterSpacing":"0.5px","fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
<div class="wp-block-button slide-btn"><a class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background has-medium-font-size has-custom-font-size wp-element-button" href="#" style="border-radius:30px;font-style:normal;font-weight:700;letter-spacing:0.5px"><?php esc_html_e('Our Services', 'legacy-real-estate'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:wpzoom-video-popup-block/block {"url":"https://youtu.be/aO_kPW39um8?si=0ZifqnveeBEtRakL","text":"","icon":4,"className":"video-popup","style":{"elements":{"link":{"color":{"text":"var:preset|color|light-gray"}}}},"textColor":"light-gray"} -->
<a class="wp-block-wpzoom-video-popup-block-block wpzoom-video-popup-block video-popup has-light-gray-color has-text-color has-link-color" href="https://youtu.be/aO_kPW39um8?si=0ZifqnveeBEtRakL" data-popup-width="900px"><span class="wpzoom-video-popup-block_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"><path d="m2 28.221v-24.522c0-2.8431 2.9657-4.6201 5.2336-3.1985l20.935 12.261c2.4424 1.4216 2.4424 5.1531 0 6.5747l-20.935 12.261c-2.2679 1.2439-5.2336-0.53308-5.2336-3.3762z" fill="currentColor"></path></svg></span></a>
<!-- /wp:wpzoom-video-popup-block/block --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":""} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|large"}},"typography":{"textTransform":"lowercase"}},"textColor":"background","fontSize":"medium"} -->
<p class="has-background-color has-text-color has-medium-font-size" style="margin-bottom:var(--wp--preset--spacing--large);text-transform:lowercase"><?php esc_html_e('Lorem Ipsum', 'legacy-real-estate'); ?>&nbsp;<?php esc_html_e('is simply dummy text of the printing and typesetting industry.', 'legacy-real-estate'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></main>
<!-- /wp:group -->