<section id="banner-section" class="banner-area home-banner">
    <?php

        // banner 1
        $banner1_image = get_theme_mod('banner1_image'); 
        $banner1_offertext = get_theme_mod('banner1_offertext', 'Get Upto 50% OFF');
        $banner1_title = get_theme_mod('banner1_title', 'Home sake Lamps');

        // banner 2
        $banner2_image = get_theme_mod('banner2_image'); 
        $banner2_offertext = get_theme_mod('banner2_offertext', 'Get Upto 40% OFF');
        $banner2_title = get_theme_mod('banner2_title', 'Homesake Gold Lamps');
        
    ?>
    <div class="<?php if(esc_attr(get_theme_mod('lightingshop_banner_section_width','Full Width')) == 'Full Width'){ ?>container-fluid pd-0 <?php } elseif(esc_attr(get_theme_mod('lightingshop_banner_section_width','Full Width')) == 'Box Width'){ ?> container <?php }?>">
        <div class="row m-0">
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="b_left">
                <?php 
                    if(!empty($banner1_image)){
                        echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($banner1_image).'" class="peccular-aboutus-imgboxshape" />';
                    }else{
                        echo '<img alt="banner1" class="sh-oly" src="'.get_template_directory_uri().'/assets/images/default.png" />';
                    }
                ?>
                    <div class="banner-content">
                        <div class="banner-offertext">
                            <?php if ($banner1_offertext) { ?>
                                <h2><?php echo esc_html($banner1_offertext); ?></h2>
                            <?php } ?>
                        </div>
                        <div class="banner-title">
                            <?php if ($banner1_title) { ?>
                                <h3><?php echo esc_html($banner1_title); ?></h3>
                            <?php } ?>
                        </div>
                        <div class="banner-button">
                            <a class="banner-btnShopNow" href="<?php echo esc_url(get_theme_mod('banner1_btnlink')); ?>"><?php esc_html_e('Shop Now','lighting-shop'); ?></a>   
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="b_right">
                <?php 
                    if(!empty($banner2_image)){
                        echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($banner2_image).'" class="peccular-aboutus-imgboxshape" />';
                    }else{
                        echo '<img alt="banner2" class="sh-oly" src="'.get_template_directory_uri().'/assets/images/default.png" />';
                    }
                ?>
                    <div class="banner-content">
                        <div class="banner-offertext">
                            <?php if ($banner2_offertext) { ?>
                                <h2><?php echo esc_html($banner2_offertext); ?></h2>
                            <?php } ?>
                        </div>
                        <div class="banner-title">
                            <?php if ($banner2_title) { ?>
                                <h3><?php echo esc_html($banner2_title); ?></h3>
                            <?php } ?>
                        </div>
                        <div class="banner-button">
                            <a class="banner-btnShopNow" href="<?php echo esc_url(get_theme_mod('banner2_btnlink')); ?>"><?php esc_html_e('Shop Now','lighting-shop'); ?></a>   
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>