<?php
 /**
  * Title: Hero Section
  * Slug: gutenify-base/hero-section
  * Categories: gutenify-base
  */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px","right":"30px","left":"30px"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:100px;padding-right:30px;padding-bottom:100px;padding-left:30px"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"backgroundColor":"background-secondary","className":" animated animated-fadeInUp"} -->
<div class="wp-block-group animated animated-fadeInUp has-background-secondary-background-color has-background" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/images/hero-img.png","id":2302,"dimRatio":0,"minHeight":708,"minHeightUnit":"px","customGradient":"linear-gradient(270deg,rgba(0,0,0,0) 88%,rgb(255,255,255) 88%)","contentPosition":"bottom left","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-cover has-custom-content-position is-position-bottom-left" 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);min-height:708px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim has-background-gradient" style="background:linear-gradient(270deg,rgba(0,0,0,0) 88%,rgb(255,255,255) 88%)"></span><img class="wp-block-cover__image-background wp-image-2302" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/images/hero-img.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0"},"border":{"left":{"color":"var:preset|color|primary","width":"5px"}}},"backgroundColor":"background","className":"has-no-hover-shadow-dark","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-no-hover-shadow-dark has-background-background-color has-background" style="border-left-color:var(--wp--preset--color--primary);border-left-width:5px"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"primary","className":"animated animated-fadeInUp","fontSize":"gigantic"} -->
<h2 class="wp-block-heading animated animated-fadeInUp has-primary-color has-text-color has-gigantic-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html__( '25 +', 'gutenify-base' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"foreground","className":"animated animated-fadeInUp"} -->
<h2 class="wp-block-heading animated animated-fadeInUp has-foreground-color has-text-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html__( 'Years', 'gutenify-base' ); ?> </h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"foreground","className":"animated animated-fadeInUp","fontSize":"medium"} -->
<h2 class="wp-block-heading has-text-align-center animated animated-fadeInUp has-foreground-color has-text-color has-medium-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html__( 'Experience', 'gutenify-base' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></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":" animated animated-fadeInUp","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group animated animated-fadeInUp"><!-- wp:paragraph {"align":"center","style":{"typography":{"letterSpacing":"0px","fontStyle":"normal","fontWeight":"600"},"spacing":{"padding":{"top":"0","right":"var:preset|spacing|40","bottom":"0","left":"var:preset|spacing|40"}}},"backgroundColor":"background","textColor":"primary","className":" has-no-hover-shadow-dark animated animated-fadeInUp","fontSize":"small"} -->
<p class="has-text-align-center has-no-hover-shadow-dark animated animated-fadeInUp has-primary-color has-background-background-color has-text-color has-background has-small-font-size" style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:0;padding-left:var(--wp--preset--spacing--40);font-style:normal;font-weight:600;letter-spacing:0px"><?php echo esc_html__( 'Why Choose Us', 'gutenify-base' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"capitalize"}},"className":"animated animated-fadeInUp","fontSize":"slider-title"} -->
<h2 class="wp-block-heading animated animated-fadeInUp has-slider-title-font-size" style="font-style:normal;font-weight:600;text-transform:capitalize"><?php echo esc_html__( 'Simple &amp; Elegant&nbsp;', 'gutenify-base' ); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php echo esc_html__( 'Blocks', 'gutenify-base' ); ?></mark><?php echo esc_html__( '&nbsp;for WordPress', 'gutenify-base' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"animated animated-fadeInUp"} -->
<p class="animated animated-fadeInUp"><?php echo esc_html__( 'Elegant set of WordPress blocks along with templates to help you create the website you always wanted you create the website you always wanted!', 'gutenify-base' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:list {"style":{"typography":{"lineHeight":"2.5"}},"className":"gutenify-list-style-five animated animated-fadeInUp fadeInUp"} -->
<ul class="gutenify-list-style-five animated animated-fadeInUp fadeInUp" style="line-height:2.5"><!-- wp:list-item -->
<li><?php echo esc_html__( 'Colors Options', 'gutenify-base' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Typography Options', 'gutenify-base' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Layouts Options', 'gutenify-base' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Advanced Options', 'gutenify-base' ); ?></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

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