<?php
/**
 * Title: Banner
 * Slug: cctv-services/banner
 * Categories: cctv-services
 * Keywords: banner
 * Block Types: core/post-content
 * Post Types: page, wp_template
 */
?>
<!-- wp:cover {"isUserOverlayColor":true,"gradient":"gradient-1","className":"banner-section alignfull","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|10","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"bottomLeft":"30px","bottomRight":"30px"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover banner-section alignfull" style="border-bottom-left-radius:30px;border-bottom-right-radius:30px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--10);padding-left:0"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-gradient-1-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"75%","className":"banner-content"} -->
<div class="wp-block-column banner-content" style="flex-basis:75%"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"12em","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"contrast","fontFamily":"body"} -->
<h2 class="wp-block-heading has-contrast-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:12em;font-style:normal;font-weight:700"><?php echo esc_html__( 'CCTV', 'cctv-services' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|tertiary"}}},"typography":{"fontSize":"18px","textTransform":"uppercase","letterSpacing":"1px"}},"textColor":"tertiary","fontFamily":"body"} -->
<p class="has-tertiary-color has-text-color has-link-color has-body-font-family" style="font-size:18px;letter-spacing:1px;text-transform:uppercase"><?php echo esc_html__( 'FAST AND SECURE VPN', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"banner-inner","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-inner"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"40px","fontStyle":"normal","fontWeight":"800"}},"textColor":"contrast","fontFamily":"body"} -->
<h3 class="wp-block-heading has-contrast-color has-text-color has-link-color has-body-font-family" style="font-size:40px;font-style:normal;font-weight:800"><?php echo esc_html__( 'Advanced Security Solutions', 'cctv-services' ); ?> <br><?php echo esc_html__( 'For Every Space', 'cctv-services' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"400"}},"textColor":"contrast","fontFamily":"body"} -->
<p class="has-contrast-color has-text-color has-link-color has-body-font-family" style="font-size:15px;font-style:normal;font-weight:400"><?php echo esc_html__( 'Enhance safety with intelligent, real-time monitoring tailored for homes and', 'cctv-services' ); ?> <br><?php echo esc_html__( 'businesse Our smart CCTV systems offer seamless protection, day and night.', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"base","gradient":"gradient-1","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"18px","letterSpacing":"0px","fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"left":"var:preset|spacing|10","right":"var:preset|spacing|10","top":"10px","bottom":"10px"}},"border":{"radius":{"topLeft":"6px","topRight":"6px","bottomLeft":"6px","bottomRight":"6px"}}},"fontFamily":"body"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-base-color has-gradient-1-gradient-background has-text-color has-background has-link-color has-body-font-family has-custom-font-size wp-element-button" style="border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-top:10px;padding-right:var(--wp--preset--spacing--10);padding-bottom:10px;padding-left:var(--wp--preset--spacing--10);font-size:18px;font-style:normal;font-weight:600;letter-spacing:0px;line-height:1"><?php echo esc_html__( 'Shop Now', 'cctv-services' ); ?> <i class="fa-solid fa-angles-right"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:image {"id":2127,"sizeSlug":"full","linkDestination":"none","className":"camera-img"} -->
<figure class="wp-block-image size-full camera-img"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/camera.png" alt="" class="wp-image-2127"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:25%">

<?php if ( class_exists( 'WooCommerce' ) ) { ?>

<!-- wp:woocommerce/product-collection {"queryId":7,"query":{"perPage":2,"pages":0,"offset":0,"postType":"product","order":"asc","orderBy":"title","search":"","exclude":[],"inherit":false,"taxQuery":[],"isProductCollectionBlock":true,"woocommerceOnSale":false,"woocommerceStockStatus":["instock","outofstock","onbackorder"],"woocommerceAttributes":[],"woocommerceHandPickedProducts":[]},"tagName":"div","displayLayout":{"type":"flex","columns":1},"dimensions":{"widthType":"fill","fixedWidth":""},"queryContextIncludes":["collection"],"__privatePreviewState":{"isPreview":false,"previewMessage":"Actual products will vary depending on the page being viewed."},"className":"product-outer-box"} -->
<div class="wp-block-woocommerce-product-collection product-outer-box"><!-- wp:woocommerce/product-template {"layout":{}} -->
<!-- wp:woocommerce/product-image {"showSaleBadge":false,"isDescendentOfQueryLoop":true,"aspectRatio":"1"} /-->

<!-- wp:post-title {"textAlign":"right","level":4,"isLink":true,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"500"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontFamily":"body","__woocommerceNamespace":"woocommerce/product-collection/product-title"} /-->

<!-- wp:woocommerce/product-price {"isDescendentOfQueryLoop":true,"textAlign":"right","className":"sale-price","textColor":"base","fontFamily":"body","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} /-->

<!-- wp:woocommerce/product-button {"textAlign":"right","isDescendentOfQueryLoop":true,"backgroundColor":"base","textColor":"contrast","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"16px","letterSpacing":"0px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500"},"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"20px","right":"20px"},"margin":{"top":"10px","right":"0","bottom":"0","left":"0"}}}} /-->
<!-- /wp:woocommerce/product-template --></div>
<!-- /wp:woocommerce/product-collection -->

<?php } else { ?>

<!-- wp:group {"className":"product-outer owl-carousel","layout":{"type":"constrained"}} -->
<div class="wp-block-group product-outer owl-carousel"><!-- wp:group {"className":"product-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group product-box"><!-- wp:image {"id":2141,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/product1.png" alt="" class="wp-image-2141"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"500"}},"fontFamily":"body"} -->
<h4 class="wp-block-heading has-text-align-right has-body-font-family" style="font-size:20px;font-style:normal;font-weight:500"><?php echo esc_html__( 'Product Name Here', 'cctv-services' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:group {"className":"price-col","style":{"spacing":{"blockGap":"8px","margin":{"top":"5px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group price-col" style="margin-top:5px"><!-- wp:paragraph {"className":"sale-price","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="sale-price has-base-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:18px;font-style:normal;font-weight:500"><?php echo esc_html__( '$20.00', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"regular-price","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="regular-price has-base-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:15px;font-style:normal;font-weight:400"><?php echo esc_html__( '$25.00', 'cctv-services' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"10px","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons" style="margin-top:10px;margin-bottom:0"><!-- wp:button {"backgroundColor":"base","textColor":"contrast","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"letterSpacing":"0px","fontSize":"16px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"left":"20px","right":"20px","top":"10px","bottom":"10px"}},"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}},"fontFamily":"body"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-contrast-color has-base-background-color has-text-color has-background has-link-color has-body-font-family has-custom-font-size wp-element-button" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;font-size:16px;font-style:normal;font-weight:500;letter-spacing:0px"><?php echo esc_html__( 'Add To Cart', 'cctv-services' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"product-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group product-box"><!-- wp:image {"id":2141,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/new-product2.png" alt="" class="wp-image-2141"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"500"}},"fontFamily":"body"} -->
<h4 class="wp-block-heading has-text-align-right has-body-font-family" style="font-size:20px;font-style:normal;font-weight:500"><?php echo esc_html__( 'Product Name Here', 'cctv-services' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:group {"className":"price-col","style":{"spacing":{"blockGap":"8px","margin":{"top":"5px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group price-col" style="margin-top:5px"><!-- wp:paragraph {"className":"sale-price","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="sale-price has-base-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:18px;font-style:normal;font-weight:500"><?php echo esc_html__( '$20.00', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"regular-price","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="regular-price has-base-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:15px;font-style:normal;font-weight:400"><?php echo esc_html__( '$25.00', 'cctv-services' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"10px","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons" style="margin-top:10px;margin-bottom:0"><!-- wp:button {"backgroundColor":"base","textColor":"contrast","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"letterSpacing":"0px","fontSize":"16px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"left":"20px","right":"20px","top":"10px","bottom":"10px"}},"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}},"fontFamily":"body"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-contrast-color has-base-background-color has-text-color has-background has-link-color has-body-font-family has-custom-font-size wp-element-button" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;font-size:16px;font-style:normal;font-weight:500;letter-spacing:0px"><?php echo esc_html__( 'Add To Cart', 'cctv-services' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<?php }?>

</div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"align":"full","className":"features-group","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"margin":{"top":"var:preset|spacing|10","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"85%"}} -->
<div class="wp-block-group alignfull features-group" style="margin-top:var(--wp--preset--spacing--10);margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"className":"features-col","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group features-col"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500"}},"textColor":"base","fontFamily":"body"} -->
<p class="has-base-color has-text-color has-link-color has-body-font-family" style="font-size:16px;font-style:normal;font-weight:500"><?php echo esc_html__( 'Free Shipping on Orders Over $50!', 'cctv-services' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"10px"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:html -->
<i class="fa-solid fa-cart-shopping"></i>
<!-- /wp:html --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"80%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80%"><!-- wp:heading {"level":5,"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500","textTransform":"capitalize"}},"textColor":"base","fontFamily":"body"} -->
<h5 class="wp-block-heading has-base-color has-text-color has-link-color has-body-font-family" style="font-size:18px;font-style:normal;font-weight:500;text-transform:capitalize"><?php echo esc_html__( 'Add To cart', 'cctv-services' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="has-base-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-bottom:0;font-size:15px"><?php echo esc_html__( 'Best price Guaranteed', 'cctv-services' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"10px"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:html -->
<i class="fa-solid fa-heart"></i>
<!-- /wp:html --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"80%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80%"><!-- wp:heading {"level":5,"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500","textTransform":"capitalize"}},"textColor":"base","fontFamily":"body"} -->
<h5 class="wp-block-heading has-base-color has-text-color has-link-color has-body-font-family" style="font-size:18px;font-style:normal;font-weight:500;text-transform:capitalize"><?php echo esc_html__( 'Wishlist', 'cctv-services' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="has-base-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-bottom:0;font-size:15px"><?php echo esc_html__( 'save for later', 'cctv-services' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"10px"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:html -->
<i class="fa-solid fa-phone"></i>
<!-- /wp:html --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"80%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80%"><!-- wp:heading {"level":5,"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500","textTransform":"capitalize"}},"textColor":"base","fontFamily":"body"} -->
<h5 class="wp-block-heading has-base-color has-text-color has-link-color has-body-font-family" style="font-size:18px;font-style:normal;font-weight:500;text-transform:capitalize"><?php echo esc_html__( 'Call Us', 'cctv-services' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"15px"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base","fontFamily":"body"} -->
<p class="has-base-color has-text-color has-link-color has-body-font-family" style="margin-top:0;margin-bottom:0;font-size:15px"><a href="tel:1234567890"><?php echo esc_html__( '+1234567890', 'cctv-services' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->