<?php

/**
 * Title: About Hero
 * Slug: strativo/about-hero
 * Categories: strativo-about
 */
$strativo_url = trailingslashit(get_template_directory_uri());
$strativo_images = array(
  $strativo_url . 'assets/images/person_1.jpg',
  $strativo_url . 'assets/images/person_2.jpg',
  $strativo_url . 'assets/images/person_3.jpg',
);
?>
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"7rem","bottom":"4rem"}}},"layout":{"type":"constrained","contentSize":"1260px"}} -->
<div class="wp-block-group alignfull"
  style="margin-top:0;margin-bottom:0;padding-top:7rem;padding-right:var(--wp--preset--spacing--40);padding-bottom:4rem;padding-left:var(--wp--preset--spacing--40)">
  <!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
  <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--70)">
    <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
    <div class="wp-block-group" style="margin-top:0;margin-bottom:0">
      <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"60px","topRight":"60px","bottomLeft":"60px","bottomRight":"60px"},"width":"1px"}},"borderColor":"border-color","layout":{"type":"constrained"}} -->
      <div class="wp-block-group has-border-color has-border-color-border-color"
        style="border-width:1px;border-top-left-radius:60px;border-top-right-radius:60px;border-bottom-left-radius:60px;border-bottom-right-radius:60px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)">
        <!-- wp:paragraph {"fontSize":"small"} -->
        <p class="has-small-font-size">
          <?php esc_html_e('Who We Are', 'strativo'); ?>
        </p>
        <!-- /wp:paragraph -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:group -->

    <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","margin":{"bottom":"0"},"padding":{"top":"0"}}},"layout":{"type":"constrained","contentSize":"680px","wideSize":"540px"}} -->
    <div class="wp-block-group" style="margin-bottom:0;padding-top:0">
      <!-- wp:heading {"textAlign":"center","style":{"typography":{"letterSpacing":"-1px","fontStyle":"normal","fontWeight":"600","lineHeight":"1.2"},"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"fontSize":"giga"} -->
      <h2 class="wp-block-heading has-text-align-center has-giga-font-size"
        style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);font-style:normal;font-weight:600;letter-spacing:-1px;line-height:1.2">
        <?php esc_html_e('Where your vision becomes real — Strativo', 'strativo'); ?>
      </h2>
      <!-- /wp:heading -->

      <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}}} -->
      <p class="has-text-align-center" style="font-size:18px">
        <?php esc_html_e('Crafted for speed and performance, this modern template
        empowers fast launches, beautifully showcases your services, and is strategically built to maximize client
        engagement and conversion rates.', 'strativo'); ?>
      </p>
      <!-- /wp:paragraph -->
    </div>
    <!-- /wp:group -->
  </div>
  <!-- /wp:group -->

  <!-- wp:columns -->
  <div class="wp-block-columns"><!-- wp:column -->
    <div class="wp-block-column">
      <!-- wp:image {"id":367,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"16px","topRight":"16px","bottomLeft":"16px","bottomRight":"16px"}}}} -->
      <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url($strativo_images[0]) ?>"
          alt="" class="wp-image-367"
          style="border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px" />
      </figure>
      <!-- /wp:image -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column -->
    <div class="wp-block-column">
      <!-- wp:image {"id":371,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"16px","topRight":"16px","bottomLeft":"16px","bottomRight":"16px"}}}} -->
      <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url($strativo_images[1]) ?>"
          alt="" class="wp-image-371"
          style="border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px" />
      </figure>
      <!-- /wp:image -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column -->
    <div class="wp-block-column">
      <!-- wp:image {"id":372,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"16px","topRight":"16px","bottomLeft":"16px","bottomRight":"16px"}}}} -->
      <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url($strativo_images[2]) ?>"
          alt="" class="wp-image-372"
          style="border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px" />
      </figure>
      <!-- /wp:image -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->
</div>
<!-- /wp:group -->