<?php
/**
 * Title: Hero Banner
 * Slug: blockskit-logistics/home-hero-banner
 * Categories: theme
 * Keywords: hero banner
 */
?>
<!-- wp:group {"metadata":{"name":"banner"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|x-small","right":"var:preset|spacing|x-small"}}},"backgroundColor":"foreground","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-foreground-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--x-small);padding-bottom:0;padding-left:var(--wp--preset--spacing--x-small)"><!-- wp:group {"style":{"background":{"backgroundImage":{"url":"<?php echo esc_url( get_theme_file_uri( 'assets/images/img13.png' ) ); ?>","id":283,"source":"file","title":"img13"},"backgroundSize":"contain","backgroundRepeat":"no-repeat"},"spacing":{"padding":{"top":"70px","bottom":"70px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:70px;padding-bottom:70px"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"52%","style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:group {"style":{"position":{"type":""},"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":274,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"20px","bottomRight":"20px"}}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img04.jpg' ) ); ?>" alt="" class="wp-image-274" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"grid"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|x-small","right":"var:preset|spacing|x-small"},"margin":{"top":"var:preset|spacing|x-small"},"blockGap":"var:preset|spacing|xx-small"},"border":{"radius":{"topLeft":"15px","topRight":"15px","bottomLeft":"15px","bottomRight":"15px"}}},"backgroundColor":"highlight","layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group has-highlight-background-color has-background" style="border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-top:var(--wp--preset--spacing--x-small);padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--x-small)"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:image {"id":275,"width":"60px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%","width":"4px"},"spacing":{"margin":{"left":"0px"}}},"borderColor":"primary"} -->
<figure class="wp-block-image size-full is-resized has-custom-border" style="margin-left:0px"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img05.png' ) ); ?>" alt="" class="has-border-color has-primary-border-color wp-image-275" style="border-width:4px;border-radius:100%;width:60px"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":276,"width":"60px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%","width":"4px"},"spacing":{"margin":{"left":"-20px"}}},"borderColor":"primary"} -->
<figure class="wp-block-image size-full is-resized has-custom-border" style="margin-left:-20px"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img06.png' ) ); ?>" alt="" class="has-border-color has-primary-border-color wp-image-276" style="border-width:4px;border-radius:100%;width:60px"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":277,"width":"60px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%","width":"4px"},"spacing":{"margin":{"left":"-20px"}}},"borderColor":"primary"} -->
<figure class="wp-block-image size-full is-resized has-custom-border" style="margin-left:-20px"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img07.png' ) ); ?>" alt="" class="has-border-color has-primary-border-color wp-image-277" style="border-width:4px;border-radius:100%;width:60px"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":278,"width":"60px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%","width":"4px"},"spacing":{"margin":{"left":"-20px","right":"-20px"}}},"borderColor":"primary"} -->
<figure class="wp-block-image size-full is-resized has-custom-border" style="margin-right:-20px;margin-left:-20px"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img08.png' ) ); ?>" alt="" class="has-border-color has-primary-border-color wp-image-278" style="border-width:4px;border-radius:100%;width:60px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|x-small","bottom":"19px","left":"17px","right":"17px"}},"border":{"radius":"100%","width":"4px"}},"backgroundColor":"pure-white","borderColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-primary-border-color has-pure-white-background-color has-background" style="border-width:4px;border-radius:100%;padding-top:var(--wp--preset--spacing--x-small);padding-right:17px;padding-bottom:19px;padding-left:17px"><!-- wp:heading {"style":{"typography":{"lineHeight":"0.6"},"elements":{"link":{"color":{"text":"var:preset|color|heading"}}}},"textColor":"heading","fontSize":"x-large"} -->
<h2 class="wp-block-heading has-heading-color has-text-color has-link-color has-x-large-font-size" style="line-height:0.6">+</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:image {"id":279,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"layout":{"selfStretch":"fixed","flexSize":"80px"}}} -->
<figure class="wp-block-image aligncenter size-full"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img09.png' ) ); ?>" alt="" class="wp-image-279"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px","lineHeight":"1","fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}}},"textColor":"pure-white"} -->
<p class="has-pure-white-color has-text-color has-link-color" style="font-size:14px;font-style:normal;font-weight:600;line-height:1"><?php esc_html_e( '(5K+ RATINGS)', 'blockskit-logistics' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":280,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"15px","topRight":"0px","bottomLeft":"0px","bottomRight":"15px"},"top":{"color":"var:preset|color|foreground","width":"15px"},"right":{"radius":{"topLeft":"15px","topRight":"15px","bottomLeft":"15px","bottomRight":"15px"},"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|foreground","width":"15px"},"left":{"color":"var:preset|color|foreground","width":"15px"}},"spacing":{"margin":{"top":"-145px"}}}} -->
<figure class="wp-block-image size-full has-custom-border" style="margin-top:-145px"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img10.jpg' ) ); ?>" alt="" class="wp-image-280" style="border-top-left-radius:15px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:15px;border-top-color:var(--wp--preset--color--foreground);border-top-width:15px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--foreground);border-bottom-width:15px;border-left-color:var(--wp--preset--color--foreground);border-left-width:15px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"48%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:48%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:image {"id":281,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img11.png' ) ); ?>" alt="" class="wp-image-281"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"900","lineHeight":"1.3"},"elements":{"link":{"color":{"text":"var:preset|color|highlight"}}}},"textColor":"highlight","fontSize":"x-small"} -->
<h6 class="wp-block-heading has-highlight-color has-text-color has-link-color has-x-small-font-size" style="font-style:normal;font-weight:900;line-height:1.3"><?php esc_html_e( 'BEST COURIER SERVICES', 'blockskit-logistics' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:image {"id":282,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img12.png' ) ); ?>" alt="" class="wp-image-282"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"900","lineHeight":"1","letterSpacing":"-2px"},"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}}},"textColor":"pure-white","fontSize":"xxxx-large"} -->
<h2 class="wp-block-heading has-text-align-left has-pure-white-color has-text-color has-link-color has-xxxx-large-font-size" style="font-style:normal;font-weight:900;letter-spacing:-2px;line-height:1"><?php esc_html_e( 'Expert &amp; Easy Best Logisitcs Services..', 'blockskit-logistics' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}}},"textColor":"pure-white"} -->
<p class="has-pure-white-color has-text-color has-link-color"><?php esc_html_e( 'Nulla mollitia pharetra minim ipsa dictumst corporis ullamcorper neque nunc neque netus! At cubilia curae parturient conubia. Quidem officia habitant cum ut.', 'blockskit-logistics' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:button {"style":{"spacing":{"padding":{"left":"30px","right":"30px","top":"18px","bottom":"18px"}},"border":{"radius":{"topLeft":"30px","topRight":"30px","bottomLeft":"30px","bottomRight":"30px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#" style="border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-top:18px;padding-right:30px;padding-bottom:18px;padding-left:30px"><?php esc_html_e( 'GET STARTED', 'blockskit-logistics' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"pure-white","textColor":"secondary-accent-text","className":"is-style-fill","style":{"spacing":{"padding":{"left":"30px","right":"30px","top":"18px","bottom":"18px"}},"border":{"radius":{"topLeft":"30px","topRight":"30px","bottomLeft":"30px","bottomRight":"30px"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary-accent-text"}}}}} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-secondary-accent-text-color has-pure-white-background-color has-text-color has-background has-link-color wp-element-button" href="#" style="border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-top:18px;padding-right:30px;padding-bottom:18px;padding-left:30px"><?php esc_html_e( 'DISCOVER MORE', 'blockskit-logistics' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->