<section id="banner-section" class="banner-area home-banner">
<div class="olay"></div>
    <svg class="slider-roated-polugon" width="60" height="60" viewBox="0 0 60 60" style="animation-duration: 20s;">
        <polygon points="30,5 50,15 50,35 30,45 10,35 10,15" fill="none" stroke="rgba(0, 255, 127, 0.8)" stroke-width="2"></polygon>
        <polygon points="30,12 43,20 43,30 30,38 17,30 17,20" fill="none" stroke="rgba(0, 191, 255, 0.6)" stroke-width="1"></polygon>
    </svg>
    <div class="container">

        <?php
            $banner_image = get_theme_mod('banner_image'); 
            $banner_shortcode = get_theme_mod('banner_shortcode', '[Add Form shortcode]');
        ?>
        <div class="mainbanner">
            <div class="row">
                <div class="bann-immg">      
                    <div class="bann-immginn">         
                        <div class="sl-img-tp-circle"></div>
                        <div class="sl-img-tp-brd"></div>  
                        <?php  
                            if(!empty($banner_image)){
                                echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($banner_image).'"  />';
                            }else{
                                echo '<img src="'.get_template_directory_uri().'/assets/images/bannerbg.png" />';
                            }
                        ?>
                    <div class="img_lay"></div>
                        <div class="sl-img-bttm-brd"></div>
                    </div>
                </div>
                
                <!-- <div class="container">   -->
                <div class="m_contbx">  
                    <div class="b-contentbx"> 
                        <div class="slider-right-box-circle mb-6">
                            <div class="slider-befor-lign h-px bg-gradient-to-r from-transparent via-cyan-400 to-[#00FF7F] w-20"></div>
                            <div class="slider-text-top-circle w-3 h-3 bg-[#00FF7F] rounded-full animate-pulse shadow-lg shadow-[#00FF7F]/50"></div>
                            <div class="slider-after-lign h-px bg-gradient-to-r from-[#00FF7F] via-cyan-400 to-transparent w-20"></div>
                        </div>                   
                        <h4><span><?php echo esc_html(get_theme_mod('banner_spanheading')); ?></span><?php echo esc_html(get_theme_mod('banner_heading')); ?></h4>
                        <p><?php echo esc_html(get_theme_mod('banner_description')); ?></p>
                    </div>
                    <div class="form">	
                        <?php if (is_plugin_active('contact-form-7/wp-contact-form-7.php')) { ?>
                        <div class="banner-form">  
                            <h2><?php echo esc_html(get_theme_mod('banner_formheading')); ?></h2>
                            <div class="fmsubtitle"><?php echo esc_html(get_theme_mod('banner_formsubheading')); ?></div>
                             
                            <?php if($banner_shortcode){ ?> 
                                <div class="mainform">
                                    <?php echo do_shortcode($banner_shortcode);?>
                                </div>
                            <?php } else {
                                echo '<p class="scerr">' . esc_html__('Add Form Shortcode from customizer.', 'cctv-security-camera') . '</p>';
                            } ?> 
                        </div>
                        <?php } else {
                            echo '<p class="pulgininstallerror">' . wp_kses_post(
                                sprintf(
                                    __('Install and activate the <a href="%s" target="_blank">Contact Form 7 plugin</a> to use the form functionality.', 'cctv-security-camera'),
                                    esc_url('https://wordpress.org/plugins/contact-form-7/')
                                )
                            ) . '</p>';
                        } ?>
                    </div>
                    <div class="b_btn">
                        <a class="bttn" href="<?php echo esc_html(get_theme_mod('banner_btnlink')); ?>">
                            <!-- <i class="fa-solid fa-phone"></i> -->
                            <?php esc_html_e('INITIALIZE SCAN','cctv-security-camera'); ?>
                        </a>
                        <a class="bnnt" href="<?php echo esc_html(get_theme_mod('banner_btn2link')); ?>">
                            <!-- <i class="fa-solid fa-phone"></i> -->
                            <?php esc_html_e('VIEW SYSTEMS','cctv-security-camera'); ?>
                        </a>
                    </div>
                </div>
            </div> 
        </div>
    </div>
</section>