<?php
/**
 * Title: Banner
 * Slug: construction-works/banner
 * Categories: all, banner
 * Keywords: banner
 */
$construction_works_images = array(
    CONSTRUCTION_WORKS_URL . 'assets/images/banner.png',
    CONSTRUCTION_WORKS_URL . 'assets/images/slider1.png',
    CONSTRUCTION_WORKS_URL . 'assets/images/slider2.png',
    CONSTRUCTION_WORKS_URL . 'assets/images/slider3.png',
);

?>

<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"tagName":"main","className":"banner-main","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"primary","layout":{"type":"constrained","contentSize":"100%"}} -->
<main class="wp-block-group banner-main has-primary-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"bottomLeft":"20px","bottomRight":"20px"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group" style="border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"className":"banner-group","style":{"spacing":{"padding":{"top":"50px","bottom":"20px","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group banner-group" style="margin-top:0;margin-bottom:0;padding-top:50px;padding-right:0;padding-bottom:20px;padding-left:0"><!-- wp:columns {"verticalAlignment":"center","className":"banner-column","style":{"spacing":{"blockGap":{"top":"0","left":"20px"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center banner-column" style="margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"className":"banner-left-main","style":{"dimensions":{"minHeight":""}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group banner-left-main"><!-- wp:group {"className":"slider-content-box","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0%","right":"0px"}}},"layout":{"type":"constrained","contentSize":"100%","justifyContent":"left"}} -->
<div class="wp-block-group slider-content-box" style="padding-top:0;padding-right:0px;padding-bottom:0;padding-left:0%"><!-- wp:heading {"textAlign":"left","level":6,"style":{"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"500","letterSpacing":"2px","textTransform":"uppercase"},"elements":{"link":{"color":{"text":"var:preset|color|accent-text"}}}},"textColor":"accent-text","fontFamily":"inter"} -->
<h6 class="wp-block-heading has-text-align-left has-accent-text-color has-text-color has-link-color has-inter-font-family" style="font-size:14px;font-style:normal;font-weight:500;letter-spacing:2px;text-transform:uppercase"><?php esc_html_e( 'Build The BETTER FUTURES', 'construction-works' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"30px","fontStyle":"normal","fontWeight":"800"},"elements":{"link":{"color":{"text":"var:preset|color|accent-text"}}}},"textColor":"accent-text","fontFamily":"inter"} -->
<h2 class="wp-block-heading has-text-align-left has-accent-text-color has-text-color has-link-color has-inter-font-family" style="font-size:30px;font-style:normal;font-weight:800"><?php esc_html_e( 'Your Trusted Partner in Modern', 'construction-works' ); ?><br><?php esc_html_e( 'Construction', 'construction-works' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%","className":"banner-right-box right-main"} -->
<div class="wp-block-column is-vertically-aligned-center banner-right-box right-main" style="flex-basis:50%"><!-- wp:group {"className":"banner-left-main","style":{"dimensions":{"minHeight":""}},"layout":{"type":"constrained","contentSize":"100%","justifyContent":"right"}} -->
<div class="wp-block-group banner-left-main"><!-- wp:group {"className":"slider-content-box","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0%","right":"0px"}}},"layout":{"type":"constrained","contentSize":"63%","justifyContent":"right"}} -->
<div class="wp-block-group slider-content-box" style="padding-top:0;padding-right:0px;padding-bottom:0;padding-left:0%"><!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-text"}}},"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"bottom":"20px"}}},"textColor":"accent-text","fontFamily":"inter"} -->
<p class="has-text-align-left has-accent-text-color has-text-color has-link-color has-inter-font-family" style="margin-bottom:20px;font-size:14px;font-style:normal;font-weight:500"><?php esc_html_e( 'Lorem Ipsum and is simply dummy text of the printing and typesetting', 'construction-works' ); ?> <br><?php esc_html_e( 'industry. Lorem Ipsum has been the...', 'construction-works' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons banner-btn"><!-- wp:button {"backgroundColor":"accent","textColor":"heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"padding":{"left":"25px","right":"25px","top":"12px","bottom":"12px"}},"border":{"radius":"8px"},"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"14px","textTransform":"uppercase","letterSpacing":"2px"}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-heading-color has-accent-background-color has-text-color has-background has-link-color has-inter-font-family has-custom-font-size wp-element-button" href="#" style="border-radius:8px;padding-top:12px;padding-right:25px;padding-bottom:12px;padding-left:25px;font-size:14px;font-style:normal;font-weight:600;letter-spacing:2px;text-transform:uppercase"><?php esc_html_e( 'more Service', 'construction-works' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"contact-box-banner","style":{"border":{"radius":"20px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"0px","right":"0px"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group contact-box-banner" style="border-radius:20px;padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:0px"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"left":"25px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"80%","className":"video-box"} -->
<div class="wp-block-column is-vertically-aligned-center video-box" style="flex-basis:80%"><!-- wp:video {"id":61} -->
<figure class="wp-block-video"><video autoplay controls loop muted poster="<?php echo esc_url($construction_works_images[0]); ?>" src="<?php echo esc_url('https://demo.misbahwp.com/construction-works/video/banner.mp4'); ?>"></video></figure>
<!-- /wp:video --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"20%","className":"slider-image","style":{"border":{"radius":"0px"}}} -->
<div class="wp-block-column is-vertically-aligned-center slider-image" style="border-radius:0px;flex-basis:20%"><!-- wp:group {"className":"owl-carousel","style":{"spacing":{"margin":{"top":"0px"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group owl-carousel" style="margin-top:0px"><!-- wp:image {"id":198,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url($construction_works_images[1]); ?>" alt="" class="wp-image-198" style="border-radius:15px"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":200,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url($construction_works_images[2]); ?>" alt="" class="wp-image-200" style="border-radius:15px"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":202,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"15px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url($construction_works_images[3]); ?>" alt="" class="wp-image-202" style="border-radius:15px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></main>
<!-- /wp:group --></main>
<!-- /wp:group -->