<?php
 /**
  * Title: Hero Content
  * Slug: gokyo-fse/hero-content
  * Categories: gokyo-fse
  */
?>

<!-- wp:group {"style":{"spacing":{"padding":{"top":"120px","bottom":"120px","right":"50px","left":"50px"}}},"backgroundColor":"dark-blue","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group has-dark-blue-background-color has-background" style="padding-top:120px;padding-right:50px;padding-bottom:120px;padding-left:50px"><!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":"60px"}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","width":""} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"className":""} -->
<div class="wp-block-group"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/hero.jpg","id":110,"dimRatio":50,"focalPoint":{"x":"0.31","y":"0.47"},"minHeight":590,"minHeightUnit":"px","customGradient":"linear-gradient(354deg,rgb(7,7,7) 19%,rgba(150,149,240,0.03) 39%)","contentPosition":"bottom center"} -->
<div class="wp-block-cover has-custom-content-position is-position-bottom-center" style="min-height:590px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(354deg,rgb(7,7,7) 19%,rgba(150,149,240,0.03) 39%)"></span><img class="wp-block-cover__image-background wp-image-110" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/hero.jpg" style="object-position:31% 47%" data-object-fit="cover" data-object-position="31% 47%"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontStyle":"normal","fontWeight":"900"}},"textColor":"background","fontSize":"huge"} -->
<p class="has-text-align-center has-background-color has-text-color has-huge-font-size" style="font-style:normal;font-weight:900"><?php echo esc_html__( '25 + Years', 'gokyo-fse' ); ?></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"20px"}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"className":"","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"secondary","fontSize":"big"} -->
<p class="has-secondary-color has-text-color has-big-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__( 'About Our Company', 'gokyo-fse' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textColor":"background","fontSize":"huge"} -->
<h2 class="has-background-color has-text-color has-huge-font-size"><?php echo esc_html__( 'Creative vision and digital experience', 'gokyo-fse' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","textColor":"background","className":""} -->
<p class="has-text-align-left has-background-color has-text-color"><?php echo esc_html__( 'For those who love videos, animation and motion graphics, we have come up with a new cool project!', 'gokyo-fse' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:list {"textColor":"background","className":"olive-list-style-five"} -->
<ul class="olive-list-style-five has-background-color has-text-color"><!-- wp:list-item -->
<li><?php echo esc_html__( 'Unlimited sessions', 'gokyo-fse' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Amazing photo & video galleries', 'gokyo-fse' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Huge color scheme selection', 'gokyo-fse' ); ?></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"className":"","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"margin":{"top":"30px","bottom":"20px"}}}} -->
<div class="wp-block-buttons" style="margin-top:30px;margin-bottom:20px"><!-- wp:button {"style":{"spacing":{"padding":{"right":"35px","left":"35px","top":"10px","bottom":"10px"}}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button" href="#" style="padding-top:10px;padding-right:35px;padding-bottom:10px;padding-left:35px"><?php echo esc_html__( 'Explore Us', 'gokyo-fse' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->