<?php
/**
 * Title: Home Banner
 * Slug: vw-cloudport/home-banner
 * Categories: template
 */
?>

<!-- wp:group {"metadata":{"patternName":"vw-cloudport/home-banner","categories":["vw-cloudport-home-banner"],"name":"Banner Section"},"className":"main-banner-section","style":{"spacing":{"margin":{"top":"0rem","bottom":"0rem"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group main-banner-section" style="margin-top:0rem;margin-bottom:0rem"><!-- wp:cover {"overlayColor":"primary","isUserOverlayColor":true,"minHeight":950,"contentPosition":"bottom center","className":"banner-bg","style":{"spacing":{"padding":{"top":"30px","bottom":"0px","left":"0px","right":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover has-custom-content-position is-position-bottom-center banner-bg" style="padding-top:30px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:950px"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"banner-info-box","layout":{"type":"constrained","contentSize":"55%"}} -->
<div class="wp-block-group banner-info-box"><!-- wp:group {"className":"banner-top-info","layout":{"type":"default"}} -->
<div class="wp-block-group banner-top-info"><!-- wp:paragraph {"className":"banner-sub-title wow fadeInDown","style":{"typography":{"textAlign":"center","fontSize":"16px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|section-bg"}}}},"textColor":"section-bg"} -->
<p class="has-text-align-center banner-sub-title wow fadeInDown has-section-bg-color has-text-color has-link-color" style="font-size:16px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__('scale, optimize, and innovate faster with our cloud infrastructure.', 'vw-cloudport'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"className":"banner-title wow fadeInDown","style":{"typography":{"textAlign":"center","fontSize":"50px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"800","lineHeight":"1.2"},"elements":{"link":{"color":{"text":"var:preset|color|section-bg"}}}},"textColor":"section-bg"} -->
<h2 class="wp-block-heading has-text-align-center banner-title wow fadeInDown has-section-bg-color has-text-color has-link-color" style="font-size:50px;font-style:normal;font-weight:800;line-height:1.2;text-transform:uppercase"><?php echo esc_html__('empowering businesses with secure ', 'vw-cloudport'); ?><span class="highlight-text"><?php echo esc_html__('cloud', 'vw-cloudport'); ?></span><?php echo esc_html__(' solutions', 'vw-cloudport'); ?></h2>
<!-- /wp:heading -->

<!-- wp:buttons {"className":"banner-btns","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"},"blockGap":{"top":"15px","left":"12px"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons banner-btns" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:button {"textColor":"section-bg","className":"banner-btn1","style":{"elements":{"link":{"color":{"text":"var:preset|color|section-bg"}}},"border":{"width":"1px","color":"#ffffff","radius":{"topLeft":"6px","topRight":"6px","bottomLeft":"6px","bottomRight":"6px"}},"typography":{"fontSize":"15px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"left":"30px","right":"30px","top":"6px","bottom":"6px"}},"color":{"background":"#ffffff1a"}}} -->
<div class="wp-block-button banner-btn1"><a class="wp-block-button__link has-section-bg-color has-text-color has-background has-link-color has-border-color has-custom-font-size wp-element-button" href="#" style="border-color:#ffffff;border-width:1px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-color:#ffffff1a;padding-top:6px;padding-right:30px;padding-bottom:6px;padding-left:30px;font-size:15px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__('explore more', 'vw-cloudport'); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"section-bg","textColor":"heading-color","className":"banner-btn2","style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}},"border":{"width":"1px","color":"#ffffff","radius":{"topLeft":"6px","topRight":"6px","bottomLeft":"6px","bottomRight":"6px"}},"typography":{"fontSize":"15px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"left":"30px","right":"30px","top":"6px","bottom":"6px"}}}} -->
<div class="wp-block-button banner-btn2"><a class="wp-block-button__link has-heading-color-color has-section-bg-background-color has-text-color has-background has-link-color has-border-color has-custom-font-size wp-element-button" href="#" style="border-color:#ffffff;border-width:1px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-top:6px;padding-right:30px;padding-bottom:6px;padding-left:30px;font-size:15px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__('View Pricing', 'vw-cloudport'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"style":{"typography":{"textAlign":"center","fontSize":"15px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|section-bg"}}},"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"textColor":"section-bg"} -->
<p class="has-text-align-center has-section-bg-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--50);font-size:15px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__('have Questions? Talk with us', 'vw-cloudport'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:image {"id":28,"scale":"cover","sizeSlug":"large","linkDestination":"none","align":"center","className":"banner-btm-img wow fadeInUp","style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}}} -->
<figure class="wp-block-image aligncenter size-large banner-btm-img wow fadeInUp" style="margin-top:var(--wp--preset--spacing--70)"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/banner-btm-img.png" alt="" class="wp-image-28" style="object-fit:cover"/></figure>
<!-- /wp:image --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"className":"banner-overlay","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-overlay" style="margin-top:0px;margin-bottom:0px"><!-- wp:html -->
<svg width="1200" height="532" viewBox="0 0 1200 532" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_2397_501)">
<path d="M1139 215.716V101.41C1139 101.41 965.777 96.1256 569.5 215.716C344.398 215.716 0 101.41 0 101.41V215.716C0 215.716 344.326 331.546 569.5 331.546C1003.74 331.546 1139 215.716 1139 215.716Z" fill="url(#paint0_linear_2397_501)"/>
</g>
<defs>
<filter id="filter0_f_2397_501" x="-200" y="-98.625" width="1539" height="630.171" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_2397_501"/>
</filter>
<linearGradient id="paint0_linear_2397_501" x1="-13.051" y1="134.46" x2="1125.23" y2="349.254" gradientUnits="userSpaceOnUse">
<stop stop-color="var(--wp--preset--color--tertiary)"/>
<stop offset="1" stop-color="var(--wp--preset--color--quaternary)"/>
</linearGradient>
</defs>
</svg>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->