<?php
/**
 * Title: Home Hero
 * Slug: axis-fse/home-hero
 * Categories: banner
 * Description: Home page hero section.
 *
 * @package WordPress
 * @subpackage Axis_FSE
 * @since Axis FSE 1.0
 */

?>
<!-- wp:group {"align":"full","style":{"background":{"backgroundImage":{"url":"<?php echo esc_url( get_theme_file_uri( 'assets/images/hero-bg-grid.png' ) ); ?>","id":11,"source":"file","title":"grid-me"},"backgroundSize":"auto","backgroundPosition":"50% 0"},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-right:0;padding-left:0">
  <!-- wp:group {"align":"full","style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}},"color":{"gradient":"linear-gradient(0deg,rgb(255,255,255) 0%,rgba(245,245,245,0.69) 53%)"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"center"}} -->
  <div class="wp-block-group alignfull has-background"
    style="background:linear-gradient(0deg,rgb(255,255,255) 0%,rgba(245,245,245,0.69) 53%);min-height:100vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignwide" style="padding-right:0;padding-left:0">
      <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
      <div class="wp-block-group alignwide" style="padding-right:0;padding-left:0">
        <!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","letterSpacing":"2px"}},"fontSize":"small"} -->
        <p class="has-text-align-center has-small-font-size" style="letter-spacing:2px;text-transform:uppercase">
         <?php echo esc_html__( 'Grow Faster With Strategic Marketing', 'axis-fse' ); ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:heading {"textAlign":"center","align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"5rem"},"elements":{"link":{"color":{"text":"var:preset|color|accent-2"}}}},"textColor":"accent-2"} -->
        <h2 class="wp-block-heading alignwide has-text-align-center has-accent-2-color has-text-color has-link-color"
          style="font-size:5rem;font-style:normal;font-weight:700">
          <?php echo esc_html__( 'Creative Ideas.', 'axis-fse' ); ?> <br><?php echo esc_html__( 'Measurable Impact.', 'axis-fse' ); ?>
        </h2>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"align":"center"} -->
        <p class="has-text-align-center">
          <?php echo esc_html__( 'You want more than clicks, you want growth, loyalty, and results. We craft strategies that connect your brand to the right people. No guesswork. Just performance-backed marketing that scales.', 'axis-fse' ); ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
        <div class="wp-block-buttons"><!-- wp:button -->
          <div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Book a Call', 'axis-fse' ); ?></a></div>
          <!-- /wp:button -->

          <!-- wp:button {"className":"is-style-outline"} -->
          <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Our Work', 'axis-fse' ); ?></a>
          </div>
          <!-- /wp:button -->
        </div>
        <!-- /wp:buttons -->

        <!-- wp:paragraph {"align":"center"} -->
        <p class="has-text-align-center">
          <?php echo esc_html__( 'Trusted by 300+ brands to grow faster with smarter marketing.', 'axis-fse' ); ?>
        </p>
        <!-- /wp:paragraph -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
  </div>
  <!-- /wp:group -->
</div>
<!-- /wp:group -->
