<?php 

/* Template Name: Front Page Template */

get_header();

// ✅ Check if Elementor plugin is active
if ( class_exists('\Elementor\Plugin') ) : ?>

    <div id="content">
		<?php the_content(); ?>
	</div>

<?php else : ?>

    <!-- Elementor NOT Active → Show Static Fallback Content -->
    <section class="frontpage-static">
        <!-- Hero Section -->
        <div class="hero-section">
            <div class="wrapper">
                <div class="hero-column">
                    <div class="hero-left">
                        <div class="hero-text">
                            <h2><?php echo esc_html('Hottest Picks ','clothing-store-lite'); ?><br><?php echo esc_html('from the New','clothing-store-lite'); ?><br><?php echo esc_html('Winter Collection','clothing-store-lite'); ?> </h2>
                            <p><?php echo esc_html('Lorem Ipsum is simply d,ummy text of','clothing-store-lite'); ?><br><?php echo esc_html('the printing and typesetting industry.','clothing-store-lite'); ?></p>
                            <a href="#" class="btn-shop"><?php echo esc_html('Shop New Trends','clothing-store-lite'); ?></a>
                        </div>
                        <div class="hero-image">
                            <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/banner.png' ); ?>">
                        </div>
                    </div>
                    <div class="hero-right">
                        <div class="sale-card">
                            <h2><?php echo esc_html('SALE','clothing-store-lite'); ?></h2>
                            <div class="image-box">
                                <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/right-banner.png' ); ?>" >
                                <div class="discount-badge">
                                    <?php echo esc_html('30%','clothing-store-lite'); ?> <span><?php echo esc_html('Off','clothing-store-lite'); ?></span>
                                </div>
                                <a href="#" class="btn-shop"><?php echo esc_html('Shop Collections','clothing-store-lite'); ?></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--Products Categories -->
        <div class="wrapper">
            <div class="categories-column">
                <h4 class="mb-4 fw-bold"><?php echo esc_html('Shop By Collections','clothing-store-lite'); ?></h4>
                <div class="categories-main">
                    <div class="categories-box">
                        <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/categories1.png' ); ?>" >
                        <h4><?php echo esc_html('Hoodies','clothing-store-lite'); ?></h4>
                    </div>
                    <div class="categories-box">
                        <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/categories2.png' ); ?>" >
                        <h4><?php echo esc_html('Scraf','clothing-store-lite'); ?></h4>
                    </div>
                    <div class="categories-box">
                        <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/categories3.png' ); ?>" >
                        <h4><?php echo esc_html('Coats','clothing-store-lite'); ?></h4>
                    </div>
                    <div class="categories-box">
                        <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/categories4.png' ); ?>" >
                        <h4><?php echo esc_html('Jacket','clothing-store-lite'); ?></h4>
                    </div>
                    <div class="categories-box">
                        <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/categories5.png' ); ?>" >
                        <h4><?php echo esc_html('Cashmere','clothing-store-lite'); ?></h4>
                    </div>
                    <div class="categories-box">
                        <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/categories6.png' ); ?>" >
                        <h4><?php echo esc_html('Earmuff','clothing-store-lite'); ?></h4>
                    </div>
                </div>
                <button class="btn-bag"><?php echo esc_html('View All Collection','clothing-store-lite'); ?></button>
            </div>
        </div>

        <!-- Testimonial + Products -->
        <div class="wrapper">
            <div class="product-section">
                <div class="testimonial-main">
                    <h4 class="mb-4 fw-bold"><?php echo esc_html('Testimonial','clothing-store-lite'); ?></h4>
                    <div class="testimonial-card">
                        <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/team.png' ); ?>">
                        <h5><?php echo esc_html('John Verma','clothing-store-lite'); ?></h5>
                        <h6><?php echo esc_html('Business CEO','clothing-store-lite'); ?></h6>
                        <p class="mt-3"><?php echo esc_html('Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.','clothing-store-lite'); ?></p>
                    </div>
                </div>
                <div class="product-main">
                    <h4 class="mb-4 fw-bold"><?php echo esc_html('Grab Your Favorite Winter Clothes','clothing-store-lite'); ?></h4>
                    <div class="product-box">
                        <div class="product-card">
                            <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/Wearslim-Warm-Knit-Hats.png' ); ?>">
                            <h5><?php echo esc_html('JACKET','clothing-store-lite'); ?></h5>
                            <span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z"/></svg></span>
                            <h3> <a href="#"><?php echo esc_html('Wearsilm Warm Knit Hats','clothing-store-lite'); ?></a></h3>
                            <p class="price"><?php echo esc_html('$99.99','clothing-store-lite'); ?></p>
                            <div class="rating"><?php echo esc_html('★★★★★','clothing-store-lite'); ?> <small><?php echo esc_html('4.9 (59 Reviews)','clothing-store-lite'); ?></small></div>
                            <button class="btn-bag"><?php echo esc_html('Add to Bag','clothing-store-lite'); ?></button>
                        </div>
                        <div class="product-card">
                            <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/Touch-Screen-Texting-cap.png' ); ?>">
                            <h5><?php echo esc_html('Earmuffs','clothing-store-lite'); ?></h5>
                            <span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z"/></svg></span>
                            <h3> <a href="#"><?php echo esc_html('Touch Screen Texting cap','clothing-store-lite'); ?></a></h3>
                            <p class="price"><?php echo esc_html('$99.99','clothing-store-lite'); ?></p>
                            <div class="rating"><?php echo esc_html('★★★★★','clothing-store-lite'); ?> <small><?php echo esc_html('4.9 (59 Reviews)','clothing-store-lite'); ?></small></div>
                            <button class="btn-bag"><?php echo esc_html('Add to Bag','clothing-store-lite'); ?></button>
                        </div>
                        <div class="product-card">
                            <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/Unisex-Hoodie.png' ); ?>">
                            <h5><?php echo esc_html('HOODIE','clothing-store-lite'); ?></h5>
                            <span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z"/></svg></span>
                            <h3> <a href="#"><?php echo esc_html('Unisex Hoodie','clothing-store-lite'); ?></a></h3>
                            <p class="price"><?php echo esc_html('$99.99','clothing-store-lite'); ?></p>
                            <div class="rating"><?php echo esc_html('★★★★★','clothing-store-lite'); ?> <small><?php echo esc_html('4.9 (59 Reviews)','clothing-store-lite'); ?></small></div>
                            <button class="btn-bag"><?php echo esc_html('Add to Bag','clothing-store-lite'); ?></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </section>

<?php endif; ?>

<?php get_footer(); ?>