<?php
 /**
  * Title: Hero Content
  * Slug: hyakutake/hero-content
  * Categories: hyakutake
  */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"80px","bottom":"80px","right":"30px","left":"30px"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:80px;padding-right:30px;padding-bottom:80px;padding-left:30px"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/hero-img.jpg","id":314,"minHeight":643,"minHeightUnit":"px","customGradient":"linear-gradient(90deg,rgba(0,0,0,0) 83%,rgb(255,255,255) 83%)","contentPosition":"bottom right"} -->
<div class="wp-block-cover has-custom-content-position is-position-bottom-right" style="min-height:643px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(90deg,rgba(0,0,0,0) 83%,rgb(255,255,255) 83%)"></span><img class="wp-block-cover__image-background wp-image-314" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/hero-img.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:heading {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"backgroundColor":"primary"} -->
<h2 class="has-primary-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><?php echo esc_html__( '25 Years + Experience', 'hyakutake' ); ?></h2>
<!-- /wp:heading --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"top":"3rem","right":"var:preset|spacing|20","bottom":"3rem","left":"var:preset|spacing|20"}}}} -->
<div class="wp-block-group" style="padding-top:3rem;padding-right:var(--wp--preset--spacing--20);padding-bottom:3rem;padding-left:var(--wp--preset--spacing--20)"><!-- wp:paragraph {"textColor":"primary"} -->
<p class="has-primary-color has-text-color"><?php echo esc_html__( 'About the Agency', 'hyakutake' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"slider-title"} -->
<h2 class="has-slider-title-font-size" style="line-height:1.2"><?php echo esc_html__( 'Work Together for a Business Success', 'hyakutake' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Lorem ipsum dolor sit amet, consectetur nod adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua lonm andhn.', 'hyakutake' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:list {"className":"ff-list-style-one"} -->
<ul class="ff-list-style-one"><!-- wp:list-item -->
<li><?php echo esc_html__( 'How to imaprove your business', 'hyakutake' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Business is the best plan in the world', 'hyakutake' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'How to start your own Business', 'hyakutake' ); ?></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"55px","bottom":"55px"}}}} -->
<div class="wp-block-buttons" style="margin-top:55px;margin-bottom:55px"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'About More', 'hyakutake' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->