<?php

/**
 * Title: CTA Lite 1
 * Slug: logistic-hub/cta-lite-1
 * Categories: call-to-action, logistic-hub-patterns
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"CTA Lite"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0"><!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/cta-lite-1.webp","dimRatio":50,"overlayColor":"black","isUserOverlayColor":true,"contentPosition":"center center","className":"aspect-xs-square","style":{"dimensions":{"aspectRatio":"21/9"}},"layout":{"type":"constrained","contentSize":""}} -->
  <div class="wp-block-cover aspect-xs-square"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><img class="wp-block-cover__image-background " alt="" src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/cta-lite-1.webp" data-object-fit="cover" />
    <div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"left","wideSize":"768px"}} -->
      <div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"default"}} -->
        <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|16"}},"layout":{"type":"default"}} -->
          <div class="wp-block-group"><!-- wp:heading {"level":1,"className":"is-style-text-display","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
            <h1 class="wp-block-heading is-style-text-display has-white-color has-text-color has-link-color"><?php esc_html_e('Reliable Logistics Solutions for Your Business Needs', 'logistic-hub'); ?></h1>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"className":"is-style-text-subtitle","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary-50"}}}},"textColor":"secondary-50"} -->
            <p class="is-style-text-subtitle has-secondary-50-color has-text-color has-link-color"><?php esc_html_e('Experience seamless shipping with our trusted logistics services. From freight to delivery, we ensure your goods arrive on time, every time.', 'logistic-hub'); ?></p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->

          <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|32"}},"layout":{"type":"constrained","contentSize":"600px","justifyContent":"left","wideSize":"600px"}} -->
          <div class="wp-block-group"><!-- wp:group {"layout":{"type":"grid","minimumColumnWidth":"150px","columnCount":null}} -->
            <div class="wp-block-group"><!-- wp:group {"className":"is-style-default","style":{"spacing":{"blockGap":"var:preset|spacing|2","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-800","layout":{"type":"default"}} -->
              <div class="wp-block-group is-style-default has-border-color has-secondary-800-border-color" style="border-width:1px;border-radius:12px;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:heading {"textAlign":"center","level":3,"className":"is-style-text-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base"} -->
                <h3 class="wp-block-heading has-text-align-center is-style-text-title has-base-color has-text-color has-link-color"><?php esc_html_e('4K', 'logistic-hub'); ?></h3>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"center","className":"is-style-text-note","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary-50"}}}},"textColor":"secondary-50"} -->
                <p class="has-text-align-center is-style-text-note has-secondary-50-color has-text-color has-link-color"><?php esc_html_e('Satisfied Clients', 'logistic-hub'); ?></p>
                <!-- /wp:paragraph -->
              </div>
              <!-- /wp:group -->

              <!-- wp:group {"className":"is-style-default","style":{"spacing":{"blockGap":"var:preset|spacing|2","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-800","layout":{"type":"default"}} -->
              <div class="wp-block-group is-style-default has-border-color has-secondary-800-border-color" style="border-width:1px;border-radius:12px;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:heading {"textAlign":"center","level":3,"className":"is-style-text-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
                <h3 class="wp-block-heading has-text-align-center is-style-text-title has-white-color has-text-color has-link-color"><?php esc_html_e('250', 'logistic-hub'); ?></h3>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"center","className":"is-style-text-note","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary-50"}}}},"textColor":"secondary-50"} -->
                <p class="has-text-align-center is-style-text-note has-secondary-50-color has-text-color has-link-color"><?php esc_html_e('Trusted Partners', 'logistic-hub'); ?></p>
                <!-- /wp:paragraph -->
              </div>
              <!-- /wp:group -->

              <!-- wp:group {"className":"is-style-default","style":{"spacing":{"blockGap":"var:preset|spacing|2","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-800","layout":{"type":"default"}} -->
              <div class="wp-block-group is-style-default has-border-color has-secondary-800-border-color" style="border-width:1px;border-radius:12px;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:heading {"textAlign":"center","level":3,"className":"is-style-text-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
                <h3 class="wp-block-heading has-text-align-center is-style-text-title has-white-color has-text-color has-link-color"><?php esc_html_e('300', 'logistic-hub'); ?></h3>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"center","className":"is-style-text-note","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary-50"}}}},"textColor":"secondary-50"} -->
                <p class="has-text-align-center is-style-text-note has-secondary-50-color has-text-color has-link-color"><?php esc_html_e('Professionals', 'logistic-hub'); ?></p>
                <!-- /wp:paragraph -->
              </div>
              <!-- /wp:group -->
            </div>
            <!-- /wp:group -->

            <!-- wp:buttons {"layout":{"type":"flex"}} -->
            <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill"} -->
              <div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button"><?php esc_html_e('Get a Quote', 'logistic-hub'); ?></a></div>
              <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
  </div>
  <!-- /wp:cover -->
</section>
<!-- /wp:group -->
