<?php
/**
 * Template Name: Default Home Page
 */

get_header();
?>

<main id="primary">

    <?php if (get_theme_mod('medo_pixel_banner_section_on_off_setting', false)) { ?>
        <section id="main-banner-wrap">
            <div class="container">
                <div class="main-banner-content-box">
                    <?php
                        $medo_pixel_banner_heading = get_theme_mod( 'medo_pixel_banner_heading', '' );
                        if ( ! empty( $medo_pixel_banner_heading ) ) { ?>
                        <h3><?php echo esc_html( $medo_pixel_banner_heading ); ?></h3>
                    <?php } ?>
                    <?php
                        $medo_pixel_banner_text = get_theme_mod( 'medo_pixel_banner_text', '' );
                        if ( ! empty( $medo_pixel_banner_text ) ) { ?>
                        <p><?php echo esc_html( $medo_pixel_banner_text ); ?></p>
                    <?php } ?>
                    <div class="banner-button">
                        <?php
                        $medo_pixel_banner_button_link = get_theme_mod( 'medo_pixel_banner_button_link', '' );
                        $medo_pixel_banner_button_text = get_theme_mod( 'medo_pixel_banner_button_text', 'Get A Quote' );
                        if ( ! empty( $medo_pixel_banner_button_link ) ) { ?>
                            <a href="<?php echo esc_url( $medo_pixel_banner_button_link ); ?>"><i class="fa-solid fa-arrow-right mr-2"></i><?php echo esc_html( $medo_pixel_banner_button_text ); ?></a>
                        <?php } ?>
                    </div>
                    <div class="main-banner-inner-box">
                        <?php
                        $medo_pixel_banner_image = get_theme_mod( 'medo_pixel_banner_image', '' );
                        if ( ! empty( $medo_pixel_banner_image ) ) { ?>
                            <img src="<?php echo esc_url( $medo_pixel_banner_image ); ?>">
                        <?php } ?>
                    </div>
                </div>
            </div>
        </section>
    <?php } ?>

    <?php if (get_theme_mod('medo_pixel_about_section_on_off_setting', false)) { ?>
        <section id="about-wrap" class="py-5">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <?php
                            $medo_pixel_about_short_heading = get_theme_mod( 'medo_pixel_about_short_heading', '' );
                            if ( ! empty( $medo_pixel_about_short_heading ) ) { ?>
                            <h4><?php echo esc_html( $medo_pixel_about_short_heading ); ?></h4>
                        <?php } ?>
                        <?php
                            $medo_pixel_about_heading = get_theme_mod( 'medo_pixel_about_heading', '' );
                            if ( ! empty( $medo_pixel_about_heading ) ) { ?>
                            <h3><?php echo esc_html( $medo_pixel_about_heading ); ?></h3>
                        <?php } ?>
                        <?php
                            $medo_pixel_about_content = get_theme_mod( 'medo_pixel_about_content', '' );
                            if ( ! empty( $medo_pixel_about_content ) ) { ?>
                            <p><?php echo esc_html( $medo_pixel_about_content ); ?></p>
                        <?php } ?>
                        <div class="about-button">
                            <?php
                            $medo_pixel_about_button_link = get_theme_mod( 'medo_pixel_about_button_link', '#' );
                            $medo_pixel_about_button_text = get_theme_mod( 'medo_pixel_about_button_text', 'More About' );
                            if ( ! empty( $medo_pixel_about_button_link ) ) { ?>
                                <a href="<?php echo esc_url( $medo_pixel_about_button_link ); ?>"><i class="fa-solid fa-arrow-right mr-2"></i><?php echo esc_html( $medo_pixel_about_button_text ); ?></a>
                            <?php } ?>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="about-image">
                            <?php
                            $medo_pixel_about_image_big = get_theme_mod( 'medo_pixel_about_image_big', '' );
                            if ( ! empty( $medo_pixel_about_image_big ) ) { ?>
                                <img class="about-image1" src="<?php echo esc_url( $medo_pixel_about_image_big ); ?>">
                            <?php } ?>
                            <div class="inner-about-image">
                                <?php
                                $medo_pixel_about_image_small = get_theme_mod( 'medo_pixel_about_image_small', '' );
                                if ( ! empty( $medo_pixel_about_image_small ) ) { ?>
                                    <img class="about-image2" src="<?php echo esc_url( $medo_pixel_about_image_small ); ?>">
                                <?php } ?>
                            </div>
                            <div class="round-shape"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <?php } ?>

</main>

<?php
get_footer();