{% extends "base.html" %}

{% block title %}UKD - Luxury Menswear{% endblock %}

{% block content %}
<!-- Luxury Video Hero Section -->
<section id="hero" class="luxury-hero">
    <!-- Video Background -->
    <div class="hero-video-background">
        <video autoplay muted loop playsinline class="hero-video">
            <source src="{{ url_for('static', filename='videos/man_on_throne.mp4') }}" type="video/mp4">
            <source src="{{ url_for('static', filename='videos/man_on_throne.webm') }}" type="video/webm">
            <!-- Fallback for browsers that don't support video -->
        </video>
        <div class="video-overlay"></div>
    </div>
    
    <!-- Hero Content -->
    <div class="hero-content-wrapper">
        <div class="hero-content">
            <h1 class="hero-title">Refined Elegance for the Modern Man</h1>
            <p class="hero-subtitle">Luxury Formal Wear by UKD</p>
            <a href="#featured" class="glass-cta-button">
                <span>Discover Collection</span>
                <div class="button-shine"></div>
            </a>
        </div>
    </div>
    
    <!-- Scroll Indicator -->
    <div class="scroll-indicator">
        <div class="scroll-arrow">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <p>Scroll to explore</p>
    </div>
</section>

<!-- Luxury Brand Heritage Section -->
<section id="heritage" class="heritage-section">
    <div class="heritage-container">
        <div class="heritage-content">
            <div class="heritage-text">
                <h2 class="heritage-title">Our Legacy</h2>
                <div class="heritage-story">
                    <p>Since our founding, UKD has been synonymous with exceptional craftsmanship and timeless elegance. Our journey began with a simple vision: to create menswear that transcends trends and embodies the essence of refined masculinity.</p>
                    
                    <p>Every piece in our collection tells a story of meticulous attention to detail, premium fabrics sourced from the finest mills, and traditional tailoring techniques passed down through generations. We believe that true luxury lies not just in the materials we use, but in the artistry that brings each garment to life.</p>
                    
                    <div class="heritage-highlight">
                        <p>"Excellence is not a skill, it's an attitude that we bring to every stitch, every detail, every moment of creation."</p>
                    </div>
                </div>
                
                <div class="heritage-stats">
                    <div class="stat-item">
                        <span class="stat-number">15+</span>
                        <span class="stat-label">Years of Excellence</span>
                    </div>
                    <div class="stat-item">
                        <span class="stat-number">100,000+</span>
                        <span class="stat-label">Satisfied Customers</span>
                    </div>
                    <div class="stat-item">
                        <span class="stat-number">500+</span>
                        <span class="stat-label">Unique Designs</span>
                    </div>
                </div>
            </div>
            
            <div class="heritage-image">
                <div class="image-container">
                    <!-- Video Background for Crafting Excellence -->
                    <div class="heritage-video-container">
                        <video autoplay muted loop playsinline class="heritage-video">
                            <source src="{{ url_for('static', filename='videos/craftman.mp4') }}" type="video/mp4">
                            <!-- Fallback if video doesn't load -->
                        </video>
                        <div class="heritage-video-overlay"></div>
                        <div class="heritage-content-overlay">
                            <div class="placeholder-content">
                                <h3>Crafting Excellence</h3>
                                <p>Since 2008</p>
                                <div class="placeholder-icon">✂️</div>
                            </div>
                        </div>
                    </div>
                    <div class="image-overlay">
                        <span class="overlay-text">Crafting Excellence Since 2008</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



<!-- Featured Products -->
<section id="featured" class="featured">
    <div class="container">
        <h2>Featured Products</h2>
        <div class="product-grid">
            {% for product in featured_products %}
                <div class="product-card">
                    {% if product.image %}
                        <img src="{{ url_for('static', filename=product.image) }}" alt="{{ product.name }}">
                    {% else %}
                        <div class="no-image">No Image</div>
                    {% endif %}
                    <h3>{{ product.name }}</h3>
                    <p class="price">₹{{ "{:,}".format(product.price) }}</p>
                    <a href="{{ url_for('product', category=product.category, product_name=product.name) }}" class="btn-secondary">View Details</a>
                </div>
            {% endfor %}
        </div>
    </div>
</section>

<!-- Shop by Category -->
<section id="categories" class="categories">
    <div class="container">
        <h2>Shop by Category</h2>
        <div class="category-grid">
            {% for category in categories %}
                <div class="category-card">
                    <a href="{{ url_for('category', category_name=category) }}">{{ category }}</a>
                </div>
            {% endfor %}
        </div>
    </div>
</section>

<!-- Testimonials -->
<section class="testimonials">
    <div class="container">
        <h2>What Our Clients Say</h2>
        <div class="testimonial-grid">
            <div class="testimonial">
                <p>"A true blend of style and comfort. My go-to for formal wear."</p>
                <span>- Rajesh K.</span>
            </div>
            <div class="testimonial">
                <p>"Exceptional quality and attention to detail. Worth every penny."</p>
                <span>- Arun M.</span>
            </div>
            <div class="testimonial">
                <p>"UKD has redefined my wardrobe. Elegant and sophisticated."</p>
                <span>- Vikram S.</span>
            </div>
        </div>
    </div>
</section>

<!-- Newsletter Signup -->
<section class="newsletter">
    <div class="container">
        <h2>Stay Updated</h2>
        <p>Get the latest updates on new collections and exclusive offers</p>
        <form class="newsletter-form">
            <input type="email" placeholder="Enter your email" required>
            <button type="submit">Subscribe</button>
        </form>
    </div>
</section>
{% endblock %}