@extends('layouts.app')

@section('title', 'Party & Evening Wear - Shirani Fashion')

@section('content')
    <div class="page-banner">
        <h1>Party & Luxury<span>Evening Wear</span></h1>
        <p>Turn heads at every festive celebration with premium fabrics meticulously shaped to your fit.</p>
    </div>

    <section class="container catalog-section">
        <div class="catalog-grid">
            <div class="product-card" onclick="window.viewProductDetail('Royal Velvet Cocktail Kaftan', 'https://images.unsplash.com/photo-1566174053879-31528523f8ae?q=80&w=500', 'Made To Order', 'Micro Velvet with Hand-beaded Sequins', '12 Days', 'One-piece Flowing Designer Kaftan Setup')">
                <div class="product-img-holder">
                    <img src="https://images.unsplash.com/photo-1566174053879-31528523f8ae?q=80&w=500" alt="Party">
                </div>
                <div class="product-info">
                    <h3>Royal Velvet Cocktail Kaftan</h3>
                    <div class="product-price">Made To Order</div>
                </div>
            </div>
            <div class="product-card" onclick="window.viewProductDetail('Hand-Embellished Silk Crop Set', 'https://images.unsplash.com/photo-1610030470298-4058fbb61651?q=80&w=500', 'Made To Order', 'Benares Katan Silk Flared Skirt Setup', '14 Days', 'Crop Top Blouse & Voluminous Maxi Skirt Outfit')">
                <div class="product-img-holder">
                    <img src="https://images.unsplash.com/photo-1610030470298-4058fbb61651?q=80&w=500" alt="Party">
                    <span class="product-badge">Trending</span>
                </div>
                <div class="product-info">
                    <h3>Hand-Embellished Silk Crop Set</h3>
                    <div class="product-price">Made To Order</div>
                </div>
            </div>
            <div class="product-card" onclick="window.viewProductDetail('Midnight Shimmer Fusion Suit', 'https://images.unsplash.com/photo-1617627143750-d86bc21e42bb?q=80&w=500', 'Made To Order', 'Georgette Shimmer Thread Lattice Work', '15 Days', 'Asymmetrical Kurti with Straight Fit Trousers')">
                <div class="product-img-holder">
                    <img src="https://images.unsplash.com/photo-1617627143750-d86bc21e42bb?q=80&w=500" alt="Party">
                </div>
                <div class="product-info">
                    <h3>Midnight Shimmer Fusion Suit</h3>
                    <div class="product-price">Made To Order</div>
                </div>
            </div>
        </div>
    </section>
@endsection