<?php
/**
 * Title: Hero Banner
 * Slug: blockskit-portfolio/home-hero-banner
 * Categories: theme
 * Keywords: hero banner
 */
?>
<!-- wp:group {"metadata":{"name":"banner"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|x-small","left":"var:preset|spacing|x-small","top":"60px","bottom":"0"}},"color":{"gradient":"linear-gradient(90deg,rgb(17,24,39) 79%,rgb(250,172,29) 79%)"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(90deg,rgb(17,24,39) 79%,rgb(250,172,29) 79%);padding-top:60px;padding-right:var(--wp--preset--spacing--x-small);padding-bottom:0;padding-left:var(--wp--preset--spacing--x-small)"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"55%","style":{"spacing":{"blockGap":"var:preset|spacing|small"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}},"typography":{"lineHeight":"1","fontStyle":"normal","fontWeight":"300","letterSpacing":"0.5px"}},"textColor":"pure-white","fontSize":"xxxx-large"} -->
<h2 class="wp-block-heading has-pure-white-color has-text-color has-link-color has-xxxx-large-font-size" style="font-style:normal;font-weight:300;letter-spacing:0.5px;line-height:1"><?php esc_html_e( 'Hi, I&#39;m Kevin Lord,', 'blockskit-portfolio' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"spacing":{"padding":{"top":"5px","bottom":"5px","left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"}},"border":{"radius":{"topLeft":"50px","topRight":"50px","bottomLeft":"50px","bottomRight":"50px"}}},"backgroundColor":"highlight","fontSize":"xxxx-large"} -->
<h2 class="wp-block-heading has-highlight-background-color has-background has-xxxx-large-font-size" style="border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;padding-top:5px;padding-right:var(--wp--preset--spacing--medium);padding-bottom:5px;padding-left:var(--wp--preset--spacing--medium)"><?php esc_html_e( 'Product Designer', 'blockskit-portfolio' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- 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( 'Porro adipiscing consectetur montes nascetur risus fringilla dolorum corrupti! Lorem, sed aut. Inventore, fermentum ornare, officia curabitur, magnis. Esse iusto et nisl consequat bibendum reprehenderit.', 'blockskit-portfolio' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"spacing":{"padding":{"left":"28px","right":"28px","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:28px;padding-bottom:18px;padding-left:28px"><?php esc_html_e( 'HIRE ME NOW', 'blockskit-portfolio' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"14px","bottom":"16px","left":"18px","right":"18px"}},"border":{"radius":{"topLeft":"100%","topRight":"100%","bottomLeft":"100%","bottomRight":"100%"}}},"backgroundColor":"pure-white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-pure-white-background-color has-background" style="border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;padding-top:14px;padding-right:18px;padding-bottom:16px;padding-left:18px"><!-- wp:image {"lightbox":{"enabled":false},"id":197,"width":"20px","height":"20px","scale":"contain","sizeSlug":"full","linkDestination":"custom","style":{"layout":{"selfStretch":"fixed","flexSize":"30px"}}} -->
<figure class="wp-block-image size-full is-resized"><a href="#"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img01.png' ) ); ?>" alt="" class="wp-image-197" style="object-fit:contain;width:20px;height:20px"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}},"typography":{"letterSpacing":"2px"}},"textColor":"pure-white"} -->
<h6 class="wp-block-heading has-pure-white-color has-text-color has-link-color" style="letter-spacing:2px"><?php esc_html_e( 'WATCH', 'blockskit-portfolio' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|light"}}}},"textColor":"light","fontSize":"x-small"} -->
<p class="has-light-color has-text-color has-link-color has-x-small-font-size"><?php esc_html_e( 'HOW I WORK', 'blockskit-portfolio' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px","left":"20px","right":"20px"}},"border":{"radius":{"topLeft":"50px","topRight":"50px","bottomLeft":"50px","bottomRight":"50px"},"color":"#e4e6eb29","width":"1px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group has-border-color" style="border-color:#e4e6eb29;border-width:1px;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px"><!-- wp:heading {"level":5,"style":{"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}}},"textColor":"pure-white"} -->
<h5 class="wp-block-heading has-pure-white-color has-text-color has-link-color"><?php esc_html_e( 'Follow Me On :', 'blockskit-portfolio' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:social-links {"customIconBackgroundColor":"#ffffff17","iconBackgroundColorValue":"#ffffff17","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|xx-small"}}}} -->
<ul class="wp-block-social-links has-icon-background-color"><!-- 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"} /-->

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

<!-- wp:column {"width":"45%"} -->
<div class="wp-block-column" style="flex-basis:45%"><!-- wp:image {"id":198,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/img02.png' ) ); ?>" alt="" class="wp-image-198"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->