<?php
/**
 * Title: Main Banner
 * Slug: gutenify-nox/main-banner
 * Categories: gutenify-nox
 */
?>
<!-- wp:group {"metadata":{"name":"Main Banner"},"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull">
  <!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/banner.jpg","id":38,"dimRatio":90,"isUserOverlayColor":true,"focalPoint":{"x":0.59,"y":0},"minHeight":70,"minHeightUnit":"vh","customGradient":"linear-gradient(5deg,rgb(0,0,0) 11%,rgba(0,0,0,0.67) 54%)","sizeSlug":"full","metadata":{"name":"Banner"},"align":"full","className":" grayscale","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|30","bottom":"0","left":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
  <div class="wp-block-cover alignfull grayscale"
    style="padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--30);min-height:70vh">
    <img class="wp-block-cover__image-background wp-image-38 size-full" alt=""
      src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/banner.jpg" style="object-position:59% 0%"
      data-object-fit="cover" data-object-position="59% 0%" /><span aria-hidden="true"
      class="wp-block-cover__background has-background-dim-90 has-background-dim wp-block-cover__gradient-background has-background-gradient"
      style="background:linear-gradient(5deg,rgb(0,0,0) 11%,rgba(0,0,0,0.67) 54%)"></span>
    <div class="wp-block-cover__inner-container">
      <!-- wp:group {"align":"full","className":"gutenify-section-329f8540-aa77-11ef-8fd4-e91825962fdc","style":{"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30","top":"var:preset|spacing|40","bottom":"var:preset|spacing|50"}},"dimensions":{"minHeight":"85vh"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
      <div class="wp-block-group alignfull gutenify-section-329f8540-aa77-11ef-8fd4-e91825962fdc"
        style="min-height:85vh;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)">
        <!-- wp:group {"className":"gutenify-section-329e25b0-aa77-11ef-8fd4-e91825962fdc","style":{"spacing":{"blockGap":"0px","padding":{"right":"0px","left":"0px","top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
        <div class="wp-block-group gutenify-section-329e25b0-aa77-11ef-8fd4-e91825962fdc"
          style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0px;padding-bottom:0;padding-left:0px">
          <!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"lineHeight":"1.3","fontStyle":"normal","fontWeight":"400","letterSpacing":"5px"},"spacing":{"margin":{"bottom":"0","top":"var:preset|spacing|10"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"medium","fontFamily":"instrument-serif"} -->
          <h4
            class="wp-block-heading has-text-align-center has-primary-color has-text-color has-link-color has-instrument-serif-font-family has-medium-font-size"
            style="margin-top:var(--wp--preset--spacing--10);margin-bottom:0;font-style:normal;font-weight:400;letter-spacing:5px;line-height:1.3">
            <em><em><?php echo esc_html__("Your Trusted Digital Partner ", "gutenify-nox"); ?></em></em>
          </h4>
          <!-- /wp:heading -->

          <!-- wp:group {"align":"full","layout":{"type":"constrained","contentSize":"1000px"}} -->
          <div class="wp-block-group alignfull">
            <!-- wp:heading {"textAlign":"center","align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20","top":"var:preset|spacing|10","right":"0"}},"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"}},"textColor":"white","fontSize":"huge","fontFamily":"lexend"} -->
            <h2
              class="wp-block-heading alignwide has-text-align-center has-white-color has-text-color has-lexend-font-family has-huge-font-size"
              style="margin-top:var(--wp--preset--spacing--10);margin-right:0;margin-bottom:var(--wp--preset--spacing--20);font-style:normal;font-weight:400;text-transform:capitalize">
              <?php echo esc_html__("Build Fast ", "gutenify-nox"); ?> <mark style="background-color:rgba(0, 0, 0, 0)"
                class="has-inline-color has-primary-color"><?php echo esc_html("."); ?>
              </mark>
              <?php echo esc_html__("Grow Smarter ", "gutenify-nox"); ?> <mark style="background-color:rgba(0, 0, 0, 0)"
                class="has-inline-color has-primary-color">
                <?php echo esc_html("."); ?>
              </mark>
              <?php echo esc_html__("No Code Needed ", "gutenify-nox"); ?>
            </h2>
            <!-- /wp:heading -->
          </div>
          <!-- /wp:group -->

          <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"fontSize":"normal","layout":{"type":"constrained","contentSize":"500px"}} -->
          <div class="wp-block-group has-normal-font-size"><!-- wp:paragraph {"align":"center","fontSize":"regular"} -->
            <p class="has-text-align-center has-regular-font-size">
              <?php echo esc_html(" We partner with innovative minds to craft exceptional and intuitive WordPress Full Site Editing themes
              tailored to your success."); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"},"blockGap":{"top":"var:preset|spacing|10","left":"var:preset|spacing|10"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
            <div class="wp-block-buttons"
              style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
              <!-- wp:button {"textAlign":"left","className":"is-style-fill gutenify-section-329b6690-aa77-11ef-8fd4-e91825962fdc"} -->
              <div class="wp-block-button is-style-fill gutenify-section-329b6690-aa77-11ef-8fd4-e91825962fdc"><a
                  class="wp-block-button__link has-text-align-left wp-element-button"
                  href="#"><?php echo esc_html("Get Started"); ?></a></div>
              <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
  </div>
  <!-- /wp:cover -->
</div>
<!-- /wp:group -->