<?php
if ( ! get_theme_mod( 'fast_food_joint_enable_about_section', false ) ) {
    return;
}

/**
 * Render Banner Section.
 */

$fast_food_joint_button_label = get_theme_mod( 'fast_food_joint_about_button_label_','More About Us');
$fast_food_joint_button_link  = get_theme_mod( 'fast_food_joint_about_button_link_');
$fast_food_joint_about_us_left_heading = get_theme_mod( 'fast_food_joint_about_us_left_heading','What We Do');
$fast_food_joint_about_us_left_text  = get_theme_mod( 'fast_food_joint_about_us_left_text','Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing et enim ad minim veniam.');
$fast_food_joint_we_do_image_1 = get_theme_mod('fast_food_joint_custom_image_setting_1');
$fast_food_joint_we_do_image_2 = get_theme_mod('fast_food_joint_custom_image_setting_2');
$fast_food_joint_we_do_image_3 = get_theme_mod('fast_food_joint_custom_image_setting_3'); 

?>

<section id="fast_food_joint_about_section" class="about-section about-style-1">
    <?php
    if ( is_customize_preview() ) :
        fast_food_joint_section_link( 'fast_food_joint_about_section' );
    endif;
    ?>
    <div class="asterthemes-wrapper">
        <div class="about-single">
            <div class="about-img wow zoomIn delay-1000" data-wow-duration="2s">
                <?php if ($fast_food_joint_we_do_image_1) { ?>
                    <img class="right-1" src="<?php echo esc_url( $fast_food_joint_we_do_image_1 ); ?>" alt="What We Do Image 1">
                <?php } else { ?>
                    <img class="right-1" src="<?php echo esc_url( get_template_directory_uri() . '/resource/img/we-do-1.png' ); ?>" alt="What We Do Image 1">
                <?php } ?>
                <?php if ($fast_food_joint_we_do_image_2) { ?>
                    <img class="right-2" src="<?php echo esc_url( $fast_food_joint_we_do_image_2 ); ?>" alt="What We Do Image 2">
                <?php } else { ?>
                    <img class="right-2" src="<?php echo esc_url( get_template_directory_uri() . '/resource/img/we-do-2.png' ); ?>" alt="What We Do Image 2">
                <?php } ?>
                <?php if ($fast_food_joint_we_do_image_3) { ?>
                    <img class="right-2" src="<?php echo esc_url( $fast_food_joint_we_do_image_3 ); ?>" alt="What We Do Image 3">
                <?php } else { ?>
                    <img class="right-2" src="<?php echo esc_url( get_template_directory_uri() . '/resource/img/we-do-3.png' ); ?>" alt="What We Do Image 3">
                <?php } ?>
            </div>
            <div class="about-caption">
                <div class="about-left">
                    <?php if ( ! empty( $fast_food_joint_about_us_left_heading ) ) { ?>
                        <h4><?php echo esc_html( $fast_food_joint_about_us_left_heading ); ?></h4>
                    <?php } ?>
                    <?php if ( ! empty( $fast_food_joint_about_us_left_text ) ) { ?>
                        <p><?php echo esc_html( $fast_food_joint_about_us_left_text ); ?></p>
                    <?php } ?>
                    <?php if ( ! empty( $fast_food_joint_button_label ) ) { ?>
                        <div class="about-slider-btn">
                            <a href="<?php echo esc_url( $fast_food_joint_button_link ); ?>" class="asterthemes-button"><?php echo esc_html( $fast_food_joint_button_label ); ?></a>
                        </div>
                    <?php } ?>
                </div>
            </div>
        </div>      
    </div>
</section>