<?php
/**
 * Title: Header
 * Slug: ev-charging-station/header
 * Categories: header, ev-charging-station
 * Keywords: header
 * Block Types: core/template-part/header
 */
?>
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"backgroundColor":"secondary","layout":{"type":"constrained","justifyContent":"center","contentSize":"100%"}} -->
<div class="wp-block-group alignwide has-secondary-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"className":"header-top","backgroundColor":"base-2","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group header-top has-base-2-background-color has-background"><!-- wp:group {"className":"header-top-inner","style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomRight":"20px","bottomLeft":"20px"}},"spacing":{"padding":{"top":"10px","bottom":"10px"}}},"backgroundColor":"contrast","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group header-top-inner has-contrast-background-color has-background" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding-top:10px;padding-bottom:10px"><!-- wp:columns {"verticalAlignment":"center","className":"header-top-boxes"} -->
<div class="wp-block-columns are-vertically-aligned-center header-top-boxes"><!-- wp:column {"verticalAlignment":"center","width":"15%","className":"header-phone-box"} -->
<div class="wp-block-column is-vertically-aligned-center header-phone-box" style="flex-basis:15%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"typography":{"fontSize":"14px"}},"textColor":"base-2"} -->
<p class="has-base-2-color has-text-color has-link-color" style="font-size:14px"><a href="tel:1234567890"><i class="fa-solid fa-phone"></i><?php echo esc_html__( '+1234567890', 'ev-charging-station' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"20%","className":"header-mail-box"} -->
<div class="wp-block-column is-vertically-aligned-center header-mail-box" style="flex-basis:20%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"typography":{"fontSize":"14px"}},"textColor":"base-2"} -->
<p class="has-base-2-color has-text-color has-link-color" style="font-size:14px"><a href="mailto:voltnest@example.com"><i class="fa-regular fa-envelope"></i><?php echo esc_html__( 'voltnest@example.com', 'ev-charging-station' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"45%","className":"header-text"} -->
<div class="wp-block-column is-vertically-aligned-center header-text" style="flex-basis:45%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"typography":{"fontSize":"14px","textTransform":"capitalize"}},"textColor":"base-2"} -->
<p class="has-base-2-color has-text-color has-link-color" style="font-size:14px;text-transform:capitalize"><i class="fa-solid fa-bullhorn"></i><?php echo esc_html__( 'the smarter way to charge your 2 & 4 wheelers!', 'ev-charging-station' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"20%","className":"header-social-icons"} -->
<div class="wp-block-column is-vertically-aligned-center header-social-icons" style="flex-basis:20%"><!-- wp:social-links {"iconColor":"base-2","iconColorValue":"#ffffff","openInNewTab":true,"className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"right"}} -->
<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"www.facebook.com","service":"facebook"} /-->

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

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

<!-- wp:social-link {"url":"www.youtube.com","service":"youtube"} /-->

<!-- wp:social-link {"url":"www.pinterest.com","service":"pinterest"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"header-bottom","style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomRight":"30px","bottomLeft":"30px"}},"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"12px","bottom":"12px"}}},"backgroundColor":"base-2","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group header-bottom has-base-2-background-color has-background" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;margin-top:0px;margin-bottom:0px;padding-top:12px;padding-bottom:12px"><!-- wp:columns {"verticalAlignment":"center","className":"header-btm-boxes"} -->
<div class="wp-block-columns are-vertically-aligned-center header-btm-boxes"><!-- wp:column {"verticalAlignment":"center","width":"25%","className":"header-btm-left"} -->
<div class="wp-block-column is-vertically-aligned-center header-btm-left" style="flex-basis:25%"><!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"28px","lineHeight":"1.5"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%","className":"header-btm-middle"} -->
<div class="wp-block-column is-vertically-aligned-center header-btm-middle" style="flex-basis:50%"><!-- wp:navigation {"textColor":"primary","icon":"menu","overlayBackgroundColor":"secondary","style":{"spacing":{"blockGap":"25px"},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"15px","textTransform":"capitalize"}},"layout":{"type":"flex","justifyContent":"center"}} --><!-- wp:navigation-link {"label":"home","url":"#","kind":"custom","isTopLevelLink":true} /-->

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

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

<!-- wp:navigation-link {"label":"Buy Now","opensInNewTab":true,"url":"https://www.theclassictemplates.com/products/charging-station-wordpress-theme","kind":"custom","isTopLevelLink":true} /-->

<!-- /wp:navigation --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%","className":"header-btm-right"} -->
<div class="wp-block-column is-vertically-aligned-center header-btm-right" style="flex-basis:25%"><!-- wp:buttons {"className":"header-btn","layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons header-btn"><!-- wp:button {"style":{"typography":{"textTransform":"capitalize","fontSize":"15px"},"spacing":{"padding":{"left":"25px","right":"25px","top":"10px","bottom":"10px"}},"border":{"radius":"48px","width":"2px"}},"fontFamily":"body","borderColor":"base-2"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-border-color has-base-2-border-color has-body-font-family has-custom-font-size wp-element-button" href="#" style="border-width:2px;border-radius:48px;padding-top:10px;padding-right:25px;padding-bottom:10px;padding-left:25px;font-size:15px;text-transform:capitalize"><i class="fa-solid fa-arrow-right"></i><?php echo esc_html__( 'contact us', 'ev-charging-station' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->