@extends('layouts.app')

@section('title', 'Shirani Fashion - Luxury Online Wedding & Party Couture')

@section('content')
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Custom Wedding Wear.<span>Ordered Online.</span></h1>
                <p>Design your dream silhouette from anywhere. Shirani Fashion premium digital platform blends virtual master-tailoring with global delivery for breathtaking bridal gowns, lehengas, and luxury party attire.</p>
                <div class="hero-btns">
                    <a href="https://wa.me/94762191501" class="btn btn-gold-solid">Start Digital Order</a>
                    <a onclick="window.switchPage('bridal')" class="btn btn-outline">Explore Lookbook</a>
                </div>
            </div>
        </div>
    </section>

    <div class="container featured-wrapper">
        <div class="featured-card">
            <div class="feat-img-box">
                <img src="https://images.unsplash.com/photo-1610030469983-98e550d6193c?q=80&w=600" alt="Featured Custom Dress">
            </div>
            <div class="feat-details">
                <span class="feat-tag">Luxury Custom Couture</span>
                <h2>The Kalthota Heritage <br>Bridal Collection 2026</h2>
                <p>Pre-order your customized masterpiece online. Built from premium silk blends and heavy hand-embroidery work, shaped remotely to match your unique digital measurement profile.</p>
                <div class="feat-meta">
                    <span><i class="fa-solid fa-globe"></i> International Shipping</span>
                    <span><i class="fa-solid fa-wand-magic-sparkles"></i> 100% Fit Guarantee</span>
                </div>
                <div>
                    <button onclick="window.viewProductDetail('The Kalthota Heritage Bridal Collection', 'https://images.unsplash.com/photo-1610030469983-98e550d6193c?q=80&w=600', 'Custom Batch Commission', 'Premium Silk Base & Micro Zari Work', '30-45 Days', 'Bridal Collection Heritage Outfit Pack')" class="btn btn-purple-solid">View Item Matrix &rarr;</button>
                </div>
            </div>
            <div class="feat-countdown">
                <span class="countdown-title">Next Custom Batch Closes In</span>
                <div class="timer-grid">
                    <div class="timer-unit"><span class="num">02</span><span class="label">Days</span></div>
                    <div class="timer-unit"><span class="num">14</span><span class="label">Hours</span></div>
                    <div class="timer-unit"><span class="num">45</span><span class="label">Mins</span></div>
                    <div class="timer-unit"><span class="num">10</span><span class="label">Secs</span></div>
                </div>
            </div>
        </div>
    </div>

    <section class="services">
        <div class="container">
            <div class="section-header-center">
                <h2>Our Online Ordering Process</h2>
            </div>
            <div class="services-grid">
                <div class="service-box">
                    <i class="fa-solid fa-compass-drafting"></i>
                    <h3>1. Select & Design</h3>
                    <p>Browse our curated high-fashion silhouettes and pick fabrics, embroidery weight, or luxury color combinations.</p>
                </div>
                <div class="service-box">
                    <i class="fa-solid fa-scissors"></i>
                    <h3>2. Smart Sizing</h3>
                    <p>Submit your custom measurements through our interactive digital form or schedule an assisted video styling session.</p>
                </div>
                <div class="service-box">
                    <i class="fa-solid fa-gem"></i>
                    <h3>3. Master Handcrafting</h3>
                    <p>Our dedicated tailors bring your piece to life with intricate artisanal patterns, detailing, and custom iterations.</p>
                </div>
                <div class="service-box">
                    <i class="fa-solid fa-truck-fast"></i>
                    <h3>4. Insured Delivery</h3>
                    <p>Receive your custom premium wedding or party wear right at your doorstep, backed by global courier tracking networks.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="showcase">
        <div class="container">
            <div class="showcase-header">
                <h2>Trending Premium Templates</h2>
                <a onclick="window.switchPage('party')" class="view-all-link">View All Online Custom Styles &rarr;</a>
            </div>
            <div class="showcase-grid">
                <div class="showcase-card" onclick="window.viewProductDetail('Velvet Luxury Party Edit', 'https://images.unsplash.com/photo-1566174053879-31528523f8ae?q=80&w=500', 'Made To Order', 'Heavy Sheen Micro Velvet Blend', '14 Days', 'Festive Party Wear Kaftans/Gowns')">
                    <div class="card-img-wrap">
                        <img src="https://images.unsplash.com/photo-1566174053879-31528523f8ae?q=80&w=500" alt="Velvet Dress Template">
                        <div class="date-badge"><span class="month">PRICE</span><span class="day">VOWS</span></div>
                    </div>
                    <div class="card-body">
                        <h3>Velvet Luxury Party Edit</h3>
                        <div class="card-meta-line"><i class="fa-solid fa-shirt"></i> Custom Crafted Premium Fit</div>
                        <div class="card-meta-line"><i class="fa-regular fa-clock"></i> Ships within 14 days</div>
                        <div class="arrow-btn">&rarr;</div>
                    </div>
                </div>
                <div class="showcase-card" onclick="window.viewProductDetail('Lehenga & Saree Bridal Line', 'https://images.unsplash.com/photo-1596783074918-c84cb06531ca?q=80&w=500', 'Custom Commissioned', 'Pure Banarasi Weave & Resham Work', '30 Days', 'Royal Wedding Bridal Coordinates')">
                    <div class="card-img-wrap">
                        <img src="https://images.unsplash.com/photo-1596783074918-c84cb06531ca?q=80&w=500" alt="Lehenga Template">
                        <div class="date-badge"><span class="month">ROYAL</span><span class="day">LUXE</span></div>
                    </div>
                    <div class="card-body">
                        <h3>Lehenga & Saree Bridal Line</h3>
                        <div class="card-meta-line"><i class="fa-solid fa-star"></i> Elaborate Custom Embroidery</div>
                        <div class="card-meta-line"><i class="fa-regular fa-clock"></i> Ships within 30 days</div>
                        <div class="arrow-btn">&rarr;</div>
                    </div>
                </div>
                <div class="showcase-card" onclick="window.viewProductDetail('Custom Styled Blouse Configurator', 'https://images.unsplash.com/photo-1610030470298-4058fbb61651?q=80&w=500', 'Bespoke Sizing', 'Raw Silk Base / Custom Paddings Included', '7 Days', 'Premium Blouse Coordinates Block')">
                    <div class="card-img-wrap">
                        <img src="https://images.unsplash.com/photo-1610030470298-4058fbb61651?q=80&w=500" alt="Blouse Template">
                        <div class="date-badge"><span class="month">CHIC</span><span class="day">FIT</span></div>
                    </div>
                    <div class="card-body">
                        <h3>Custom Styled Blouse Configurator</h3>
                        <div class="card-meta-line"><i class="fa-solid fa-sliders"></i> Infinite Neckline Adjustments</div>
                        <div class="card-meta-line"><i class="fa-regular fa-clock"></i> Ships within 7 days</div>
                        <div class="arrow-btn">&rarr;</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('partials.newsletter')
@endsection