<?php
/**
 * Title: Header
 * Slug: legacy-real-estate/header
 */

$get_url = trailingslashit(get_template_directory_uri());
$legacy_real_estate_admin_image = $get_url . 'assets/images/admin.png';
?>

<!-- wp:group {"className":"topbar","style":{"spacing":{"padding":{"left":"0","right":"0","top":"10px","bottom":"10px"}}},"backgroundColor":"secondary","fontSize":"small","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group topbar has-secondary-background-color has-background has-small-font-size" style="padding-top:10px;padding-right:0;padding-bottom:10px;padding-left:0"><!-- wp:columns {"verticalAlignment":"center","className":"topbar-margin"} -->
<div class="wp-block-columns are-vertically-aligned-center topbar-margin"><!-- wp:column {"verticalAlignment":"center","width":"20%","className":"empty-top"} -->
<div class="wp-block-column is-vertically-aligned-center empty-top" style="flex-basis:20%"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"35%","className":"top-address"} -->
<div class="wp-block-column is-vertically-aligned-center top-address" style="flex-basis:35%"><!-- wp:group {"className":"topbar-detail","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group topbar-detail"><!-- wp:paragraph {"className":"mail-address","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background"} -->
<p class="mail-address has-background-color has-text-color has-link-color"><span class="dashicons dashicons-email-alt"></span> <?php esc_html_e('realestate@example.com', 'legacy-real-estate'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"location","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background"} -->
<p class="location has-background-color has-text-color has-link-color"><span class="dashicons dashicons-location"></span> <?php esc_html_e('88 Broklyn Golden Street. New York', 'legacy-real-estate'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"45%","className":"social-links","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center social-links" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:45%"><!-- wp:social-links {"iconColor":"surface","iconColorValue":"#F8FAFC","openInNewTab":true,"size":"has-normal-icon-size","className":"is-style-logos-only header-social-icon","layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"}} -->
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only header-social-icon"><!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"x"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"linkedin"} /-->

<!-- wp:social-link {"url":"#","service":"youtube"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"tagName":"header","align":"full","className":"legacy-real-estate-header","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"backgroundColor":"background","layout":{"type":"constrained","contentSize":"80%"}} -->
<header class="wp-block-group alignfull legacy-real-estate-header has-background-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:columns {"verticalAlignment":"center","className":"menu-margin"} -->
<div class="wp-block-columns are-vertically-aligned-center menu-margin"><!-- wp:column {"verticalAlignment":"center","width":"20%","className":"header-logo"} -->
<div class="wp-block-column is-vertically-aligned-center header-logo" style="flex-basis:20%"><!-- wp:site-logo {"width":40} /-->

<!-- wp:site-title {"style":{"typography":{"fontWeight":"800","fontStyle":"normal"}},"textColor":"primary","fontSize":"xx-large"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%","className":"header-menu"} -->
<div class="wp-block-column is-vertically-aligned-center header-menu" style="flex-basis:50%"><!-- wp:navigation {"icon":"menu","className":"legacy-real-estate-main-navigation","layout":{"type":"flex","justifyContent":"left"}} -->
<!-- wp:navigation-link {"label":"Home","url":"#","kind":"custom","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"About","url":"#","kind":"custom","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"Services","url":"#","kind":"custom","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"Portfolio","url":"#","kind":"custom","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"Blog","url":"#","kind":"custom","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"Contact","url":"#","kind":"custom","isTopLevelLink":true} /-->
<!-- /wp:navigation --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"30%","className":"header-btns"} -->
<div class="wp-block-column is-vertically-aligned-center header-btns" style="flex-basis:30%"><!-- 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 {"textAlign":"center","backgroundColor":"primary","textColor":"background","className":"header-admin","style":{"border":{"radius":"30px"}}} -->
<div class="wp-block-button header-admin"><a class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background has-text-align-center wp-element-button" style="border-radius:30px"><img class="wp-image-45" style="width: 13px;" src="<?php echo esc_url($legacy_real_estate_admin_image); ?>"></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"primary","textColor":"background","className":"header-btn","style":{"border":{"radius":"30px"},"typography":{"textTransform":"capitalize","letterSpacing":"0.5px","fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
<div class="wp-block-button header-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" style="border-radius:30px;font-style:normal;font-weight:700;letter-spacing:0.5px;text-transform:capitalize"><?php esc_html_e('Sell Property', 'legacy-real-estate'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></header>
<!-- /wp:group -->