<?php
 /**
  * Title: Hero Section
  * Slug: gutenify-hustle/hero-section
  * Categories: gutenify-hustle
  */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px","right":"30px","left":"30px"}}},"backgroundColor":"background-secondary","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background-secondary-background-color has-background" style="padding-top:100px;padding-right:30px;padding-bottom:100px;padding-left:30px"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- 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","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"3px"}},"textColor":"primary","className":" animated animated-fadeInUp"} -->
<p class="animated animated-fadeInUp has-primary-color has-text-color" style="letter-spacing:3px"><?php echo esc_html__( 'About Us', 'gutenify-hustle' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"lineHeight":"1.4"}},"className":" animated animated-fadeInUp","fontSize":"huge"} -->
<h2 class="animated animated-fadeInUp has-huge-font-size" style="line-height:1.4"><?php echo esc_html__( 'Building Experience &amp; Give High Success Rates ', 'gutenify-hustle' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":" animated animated-fadeInUp"} -->
<p class="has-text-align-left animated animated-fadeInUp"><?php echo esc_html__( 'Change the workflow for your WordPress site, control everything from Site editor  without using any extra plugins. Improved speed, web vitals score and SEO to get better positions', 'gutenify-hustle' ); ?> </p>
<!-- /wp:paragraph -->

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

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":4278,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"38px"}},"className":" animated animated-fadeInUp"} -->
<figure class="wp-block-image size-full has-custom-border  animated animated-fadeInUp"><img src="<?php echo esc_url( get_template_directory_uri() );?>/images/hero-img.jpg" alt="" class="wp-image-4278" style="border-radius:38px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->