<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', 'Discount 50% Off');
        $banner1_title = get_theme_mod('banner1_title', 'Capturing Natures');
        $banner1_description = get_theme_mod('banner1_description', 'Beauty in Every Bouque');
        $banner1_btntext = get_theme_mod('banner1_btntext', 'Shop Now');

        // banner 2
        $banner2_image = get_theme_mod('banner2_image'); 
        $banner2_offertext = get_theme_mod('banner2_offertext', 'Discount 15% Off');
        $banner2_title = get_theme_mod('banner2_title', 'Where Elegance Blooms');
        $banner2_btntext = get_theme_mod('banner2_btntext', 'Shop Now');

    ?>
    <div class="<?php if(esc_attr(get_theme_mod('onlineflowershop_banner_section_width','Half Width')) == 'Half Width'){ ?>container pd-0 <?php } elseif(esc_attr(get_theme_mod('onlineflowershop_banner_section_width','Half Width')) == 'Box Width'){ ?> container <?php }?>">
        <div class="row m-0">
            <div class="col-lg-8 col-md-12 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/bannerimage.jpg" />';
                    }

                ?>
                    <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-description">
                            <?php if ($banner1_description) { ?>
                                <h5><?php echo esc_html($banner1_description); ?></h5>
                            <?php } ?>
                        </div>
                        <div class="banner-button">
                            <?php if ($banner1_btntext) { ?>
                                <a class="banner-btnShopNow" href="<?php echo esc_url(get_theme_mod('banner1_btnlink')); ?>"><?php echo esc_html($banner1_btntext); ?></a>   
                            <?php } ?>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="col-lg-4 col-md-12 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/bannerimage2.jpg" />';
                    }
                ?>
                    <div class="banner-contentrhs">
                        <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">
                            <?php if ($banner2_btntext) { ?>
                                <a class="banner-btnShopNow" href="<?php echo esc_url(get_theme_mod('banner2_btnlink')); ?>"><?php echo esc_html($banner2_btntext); ?></a>   
                            <?php } ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>