<?php
/**
 * Title: Main Banner
 * Slug: it-software-service/main-banner
 */
?>

<!-- wp:cover {"isUserOverlayColor":true,"customGradient":"linear-gradient(135deg,var(--wp--preset--color--gradient-1) 0%,var(--wp--preset--color--gradient-2) 100%)","align":"full","className":"banner-section","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"bottom":"0","right":"0","left":"0"}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover alignfull banner-section" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-bottom:0;padding-left:0"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(135deg,var(--wp--preset--color--gradient-1) 0%,var(--wp--preset--color--gradient-2) 100%)"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%","style":{"spacing":{"padding":{"right":"10rem"}}}} -->
<div class="wp-block-column" style="padding-right:10rem;flex-basis:50%"><!-- wp:paragraph {"className":"sub-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontStyle":"normal","fontWeight":"300","letterSpacing":"1px","textTransform":"capitalize"},"spacing":{"margin":{"top":"0","right":"0","left":"0","bottom":"var:preset|spacing|20"}}},"textColor":"primary","fontSize":"upper-heading","fontFamily":"outfit"} -->
<p class="sub-title has-primary-color has-text-color has-link-color has-outfit-font-family has-upper-heading-font-size" style="margin-top:0;margin-right:0;margin-bottom:var(--wp--preset--spacing--20);margin-left:0;font-style:normal;font-weight:300;letter-spacing:1px;text-transform:capitalize"><?php esc_html_e( 'trusted & Award-Winning IT Service Agency', 'it-software-service' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|body-background"}}},"typography":{"fontSize":"35px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"right":"0","bottom":"var:preset|spacing|50"}}},"textColor":"body-background","fontFamily":"outfit"} -->
<h2 class="wp-block-heading has-body-background-color has-text-color has-link-color has-outfit-font-family" style="margin-right:0;margin-bottom:var(--wp--preset--spacing--50);font-size:35px;font-style:normal;font-weight:700"><?php esc_html_e( 'Transforming ideas into', 'it-software-service' ); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php esc_html_e( 'scalable digital solutions', 'it-software-service' ); ?></mark></h2>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|20"}}}} -->
<div class="wp-block-buttons" style="margin-top:0;margin-bottom:0"><!-- wp:button {"backgroundColor":"white","textColor":"foreground","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}},"typography":{"lineHeight":"1"},"border":{"radius":{"topLeft":"30px","topRight":"30px","bottomLeft":"30px","bottomRight":"30px"}}},"fontSize":"small","fontFamily":"outfit"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-foreground-color has-white-background-color has-text-color has-background has-link-color has-outfit-font-family has-small-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;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);line-height:1"><?php esc_html_e( 'Mobile App Development', 'it-software-service' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"foreground","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}},"typography":{"lineHeight":"1"},"border":{"radius":{"topLeft":"30px","topRight":"30px","bottomLeft":"30px","bottomRight":"30px"}}},"fontSize":"small","fontFamily":"outfit"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-foreground-color has-white-background-color has-text-color has-background has-link-color has-outfit-font-family has-small-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;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);line-height:1"><?php esc_html_e( 'Website Development', 'it-software-service' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"foreground","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}},"typography":{"lineHeight":"1"},"border":{"radius":{"topLeft":"30px","topRight":"30px","bottomLeft":"30px","bottomRight":"30px"}}},"fontSize":"small","fontFamily":"outfit"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-foreground-color has-white-background-color has-text-color has-background has-link-color has-outfit-font-family has-small-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;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);line-height:1"><?php esc_html_e( 'UI/UX Design', 'it-software-service' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"foreground","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}},"typography":{"lineHeight":"1"},"border":{"radius":{"topLeft":"30px","topRight":"30px","bottomLeft":"30px","bottomRight":"30px"}}},"fontSize":"small","fontFamily":"outfit"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-foreground-color has-white-background-color has-text-color has-background has-link-color has-outfit-font-family has-small-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;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);line-height:1"><?php esc_html_e( 'Digital Marketing', 'it-software-service' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"foreground","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}},"typography":{"lineHeight":"1"}},"fontSize":"small","fontFamily":"outfit"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-foreground-color has-white-background-color has-text-color has-background has-link-color has-outfit-font-family has-small-font-size has-custom-font-size wp-element-button" href="#" style="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);line-height:1"><?php esc_html_e( 'Software Services', 'it-software-service' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","style":{"spacing":{"padding":{"left":"6rem"}}}} -->
<div class="wp-block-column" style="padding-left:6rem;flex-basis:50%"><!-- wp:html -->
<div class="circle-btn">
  <svg viewBox="0 0 200 200" class="circular-text">
    <defs>
      <path id="circle"
        d="M100,100
           m-75,0
           a75,75 0 1,1 150,0
           a75,75 0 1,1 -150,0"/>
    </defs>

    <text>
      <textPath href="#circle">
        <?php esc_html_e( 'Get In Touch • Get In Touch •', 'it-software-service' ); ?>
      </textPath>
    </text>
  </svg>

  <span class="center-icon"><i class="fas fa-arrow-right"></i></span>
</div>
<!-- /wp:html -->

<!-- wp:paragraph {"className":"banner-text","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"padding":{"left":"var:preset|spacing|70"}}},"textColor":"secondary","fontSize":"upper-heading","fontFamily":"outfit"} -->
<p class="banner-text has-secondary-color has-text-color has-link-color has-outfit-font-family has-upper-heading-font-size" style="padding-left:var(--wp--preset--spacing--70)"><?php esc_html_e( 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the Lorem Ipsum is simply dummy text of the printing and typesetting industry.', 'it-software-service' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"align":"full","className":"banner-img-col","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"margin":{"top":"8rem"}},"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"20px","bottomRight":"20px"}}},"backgroundColor":"foreground","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group alignfull banner-img-col has-foreground-background-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:8rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:image {"id":1850,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_parent_theme_file_uri( '/assets/images/banner-img.png')); ?>" alt="" class="wp-image-1850"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|30","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"border":{"radius":{"topLeft":"6px","topRight":"6px","bottomLeft":"6px","bottomRight":"6px"}}},"backgroundColor":"primary"} -->
<div class="wp-block-column has-primary-background-color has-background" style="border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50);flex-basis:25%"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"background","fontFamily":"outfit"} -->
<h6 class="wp-block-heading has-background-color has-text-color has-link-color has-outfit-font-family" style="margin-top:0;margin-bottom:0;font-size:20px;font-style:normal;font-weight:600"><?php esc_html_e( '3M+', 'it-software-service' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"background","fontSize":"upper-heading","fontFamily":"outfit"} -->
<p class="has-background-color has-text-color has-link-color has-outfit-font-family has-upper-heading-font-size" style="margin-top:0;margin-bottom:0"><?php esc_html_e( 'Projects Completed', 'it-software-service' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"background","fontFamily":"outfit"} -->
<h6 class="wp-block-heading has-background-color has-text-color has-link-color has-outfit-font-family" style="margin-top:0;margin-bottom:0;font-size:20px;font-style:normal;font-weight:600"><?php esc_html_e( '12M+', 'it-software-service' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"background","fontSize":"upper-heading","fontFamily":"outfit"} -->
<p class="has-background-color has-text-color has-link-color has-outfit-font-family has-upper-heading-font-size" style="margin-top:0;margin-bottom:0"><?php esc_html_e( 'Years of Experience', 'it-software-service' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"background","fontFamily":"outfit"} -->
<h6 class="wp-block-heading has-background-color has-text-color has-link-color has-outfit-font-family" style="margin-top:0;margin-bottom:0;font-size:20px;font-style:normal;font-weight:600"><?php esc_html_e( '22M+', 'it-software-service' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"background","fontSize":"upper-heading","fontFamily":"outfit"} -->
<p class="has-background-color has-text-color has-link-color has-outfit-font-family has-upper-heading-font-size" style="margin-top:0;margin-bottom:0"><?php esc_html_e( 'Happy Customers', 'it-software-service' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->