<?php
/**
 * Title: Banner
 * Slug: ev-charging-station/banner
 * Categories: ev-charging-station
 * Keywords: banner
 * Block Types: core/post-content
 * Post Types: page, wp_template
 */
?>
<!-- wp:group {"metadata":{"name":"Banner"},"style":{"spacing":{"padding":{"right":"20px","left":"20px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-right:20px;padding-left:20px"><!-- wp:cover {"overlayColor":"secondary","isUserOverlayColor":true,"minHeight":580,"isDark":false,"sizeSlug":"large","align":"full","className":"banner-cover","style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"30px","bottomRight":"30px"}},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"0px","right":"0px"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover alignfull is-light banner-cover" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-top:15px;padding-right:0px;padding-bottom:15px;padding-left:0px;min-height:580px"><span aria-hidden="true" class="wp-block-cover__background has-secondary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"center","className":"banner-boxes","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center banner-boxes"><!-- wp:column {"verticalAlignment":"center","width":"33.33%","className":"banner-left wow zoomIn"} -->
<div class="wp-block-column is-vertically-aligned-center banner-left wow zoomIn" style="flex-basis:33.33%"><!-- wp:heading {"level":1,"className":"banner-title","style":{"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"700","fontSize":"35px","lineHeight":"1.5"}},"fontFamily":"heading"} -->
<h1 class="wp-block-heading banner-title has-heading-font-family" style="font-size:35px;font-style:normal;font-weight:700;line-height:1.5;text-transform:capitalize"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php echo esc_html__( 'power', 'ev-charging-station' ); ?></mark><?php echo esc_html__( ' up your ride, anytime, ', 'ev-charging-station' ); ?><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php echo esc_html__( 'Anywhere', 'ev-charging-station' ); ?></mark></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-desc","style":{"typography":{"fontSize":"23px"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"spacing":{"margin":{"bottom":"30px","top":"30px"}}},"textColor":"contrast"} -->
<p class="banner-desc has-contrast-color has-text-color has-link-color" style="margin-top:30px;margin-bottom:30px;font-size:23px"><?php echo esc_html__( 'Fast, reliable, and eco-friendly charging for 2 & 4 wheelers across Country.', 'ev-charging-station' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn"} -->
<div class="wp-block-buttons banner-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__( 'find a station', 'ev-charging-station' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"66.66%","className":"banner-right wow zoomIn"} -->
<div class="wp-block-column is-vertically-aligned-center banner-right wow zoomIn" style="flex-basis:66.66%"><!-- wp:columns {"className":"bnr-right-boxes"} -->
<div class="wp-block-columns bnr-right-boxes"><!-- wp:column {"verticalAlignment":"stretch","className":"banner-right1"} -->
<div class="wp-block-column is-vertically-aligned-stretch banner-right1"><!-- wp:paragraph {"align":"left","className":"banner-right-text content-1","style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"4px","bottom":"4px","left":"4px","right":"15px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"13px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"}},"backgroundColor":"base-2","textColor":"primary","fontFamily":"body"} -->
<p class="has-text-align-left banner-right-text content-1 has-primary-color has-base-2-background-color has-text-color has-background has-link-color has-body-font-family" style="border-radius:30px;padding-top:4px;padding-right:15px;padding-bottom:4px;padding-left:4px;font-size:13px;font-style:normal;font-weight:400;text-transform:capitalize"><i class="fa-solid fa-bolt"></i><?php echo esc_html__( 'supports 2 & 4 wheelers', 'ev-charging-station' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"left","className":"banner-right-text content-2","style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"4px","bottom":"4px","left":"4px","right":"15px"},"margin":{"right":"55px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"13px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"}},"backgroundColor":"base-2","textColor":"primary","fontFamily":"body"} -->
<p class="has-text-align-left banner-right-text content-2 has-primary-color has-base-2-background-color has-text-color has-background has-link-color has-body-font-family" style="border-radius:30px;margin-right:55px;padding-top:4px;padding-right:15px;padding-bottom:4px;padding-left:4px;font-size:13px;font-style:normal;font-weight:400;text-transform:capitalize"><i class="fa-solid fa-battery-three-quarters"></i><?php echo esc_html__( 'fast & smart charging', 'ev-charging-station' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"left","className":"banner-right-text content-3","style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"4px","bottom":"4px","left":"4px","right":"15px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"13px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"}},"backgroundColor":"base-2","textColor":"primary","fontFamily":"body"} -->
<p class="has-text-align-left banner-right-text content-3 has-primary-color has-base-2-background-color has-text-color has-background has-link-color has-body-font-family" style="border-radius:30px;padding-top:4px;padding-right:15px;padding-bottom:4px;padding-left:4px;font-size:13px;font-style:normal;font-weight:400;text-transform:capitalize"><i class="fa-solid fa-location-dot"></i><?php echo esc_html__( 'stations across the city', 'ev-charging-station' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"banner-right2"} -->
<div class="wp-block-column banner-right2"><!-- wp:image {"id":40,"width":"auto","height":"500px","sizeSlug":"full","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/banner-side.png" alt="" class="wp-image-40" style="width:auto;height:500px" title="banner-img"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"stretch","className":"banner-right3"} -->
<div class="wp-block-column is-vertically-aligned-stretch banner-right3"><!-- wp:paragraph {"align":"right","className":"banner-right-text content-4","style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"4px","left":"15px","right":"4px","bottom":"4px"},"margin":{"left":"30px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"13px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"}},"backgroundColor":"base-2","textColor":"primary","fontFamily":"body"} -->
<p class="has-text-align-right banner-right-text content-4 has-primary-color has-base-2-background-color has-text-color has-background has-link-color has-body-font-family" style="border-radius:30px;margin-left:30px;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:15px;font-size:13px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__( 'eco-friendly power', 'ev-charging-station' ); ?><i class="fa-brands fa-pagelines"></i></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","className":"banner-right-text content-5","style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"4px","bottom":"4px","left":"15px","right":"4px"},"margin":{"top":"60px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"13px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"}},"backgroundColor":"base-2","textColor":"primary","fontFamily":"body"} -->
<p class="has-text-align-right banner-right-text content-5 has-primary-color has-base-2-background-color has-text-color has-background has-link-color has-body-font-family" style="border-radius:30px;margin-top:60px;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:15px;font-size:13px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__( '24/7 availability', 'ev-charging-station' ); ?><i class="fa-solid fa-headset"></i></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","className":"banner-right-text content-6","style":{"border":{"radius":"30px"},"spacing":{"padding":{"top":"4px","bottom":"4px","left":"15px","right":"4px"},"margin":{"top":"40px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"13px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"}},"backgroundColor":"base-2","textColor":"primary","fontFamily":"body"} -->
<p class="has-text-align-right banner-right-text content-6 has-primary-color has-base-2-background-color has-text-color has-background has-link-color has-body-font-family" style="border-radius:30px;margin-top:40px;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:15px;font-size:13px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__( 'easy digital payments', 'ev-charging-station' ); ?><i class="fa-regular fa-credit-card"></i></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->