<?php
 /**
  * Title: Hero Section
  * Slug: gutenify-business-dark/hero-section
  * Categories: gutenify-business-dark
  */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","bottom":"80px"}},"color":{"background":"#111111"}},"layout":{"inherit":true}} -->
<div class="wp-block-group has-background" style="background-color:#111111;padding-top:80px;padding-bottom:80px"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2891,"sizeSlug":"large","linkDestination":"none","className":" animated animated-fadeInUp"} -->
<figure class="wp-block-image size-large  animated animated-fadeInUp"><img src="<?php echo esc_url( get_template_directory_uri() );?>/images/hero-image.png" alt="" class="wp-image-2891"/></figure>
<!-- /wp:image --></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","layout":{"inherit":true}} -->
<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__( 'Meet Our Powerful', 'gutenify-business-dark' ); ?></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 & Give High Success Rates
', 'gutenify-business-dark' ); ?></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-business-dark' ); ?> </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 {"textColor":"background","style":{"border":{"radius":"0px"},"spacing":{"padding":{"right":"35px","left":"35px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-background-color has-text-color" href="#" style="border-radius:0px;padding-right:35px;padding-left:35px"> <?php echo esc_html__( 'More Demo ', 'gutenify-business-dark' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
