<div class="home-section section-hero">
    <div class="hero-details">
        <?php $image_id = get_theme_mod('blazing_home_hero_image'); ?>
        <div class="hero-photo">
            <?php if(!empty($image_id)):?>
            <img class="img-responsive hero-image" src="<?php echo esc_url(wp_get_attachment_url(absint($image_id))); ?>">
            <?php endif; ?>
        </div>
        <div class="hero-about">
            <div class="container">
                <div class="hero-content">
                    <h2 class="hero-title"><?php echo esc_html(get_theme_mod('blazing_home_hero_heading')); ?></h2>
                    <h3 class="hero-subtitle"><?php echo esc_html(get_theme_mod('blazing_home_hero_subheading')); ?></h3>
                    <p class="hero-description"><?php echo esc_html(get_theme_mod('blazing_home_hero_desc')); ?></p>
                    <div class="hero-buttons">
                        <?php $link = get_theme_mod('blazing_home_hero_btn_link');  if($link): ?>
                        <a href="<?php echo esc_url($link); ?>" class="btn hero-btn"><?php echo esc_html(get_theme_mod('blazing_home_hero_btn_text')); ?></a>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
