<section class="top-sellers py-20 border-t border-slate-900/60 relative">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center max-w-xl mx-auto mb-16">
            <span class="text-xs font-bold tracking-widest text-nftAccentCyan uppercase block mb-2">// Elite Producers</span>
            <h2 class="text-3xl md:text-4xl font-bold tracking-tight">Top Marketplace Vendors</h2>
            <p class="text-sm text-nftTextGray mt-2">Engineers and product teams processing the highest transactional volume this billing period.</p>
        </div>

        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
            
            <div class="glass-card p-5 rounded-2xl flex items-center space-x-4 border border-slate-800/60 hover:border-nftAccentCyan/30 transition-all duration-300">
                <span class="font-bold text-slate-500 text-sm">01</span>
                <div class="relative">
                    <img src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=120&q=80" alt="Vendor Profile Avatar" class="w-12 h-12 rounded-xl object-cover border border-slate-700">
                    <span class="absolute -bottom-1 -right-1 bg-emerald-500 w-3.5 h-3.5 rounded-full border-2 border-nftDark flex items-center justify-center text-[8px]"><i class="fa-solid fa-check text-white"></i></span>
                </div>
                <div class="truncate">
                    <h4 class="font-bold text-sm text-white hover:text-nftAccentCyan cursor-pointer truncate">ThemeTitan Lab</h4>
                    <p class="text-xs text-nftTextGray mt-0.5">2.4k Deliveries</p>
                </div>
            </div>

            <div class="glass-card p-5 rounded-2xl flex items-center space-x-4 border border-slate-800/60 hover:border-nftAccentCyan/30 transition-all duration-300">
                <span class="font-bold text-slate-500 text-sm">02</span>
                <div class="relative">
                    <img src="https://images.unsplash.com/photo-1570295999919-56ceb5ecca61?auto=format&fit=crop&w=120&q=80" alt="Vendor Profile Avatar" class="w-12 h-12 rounded-xl object-cover border border-slate-700">
                    <span class="absolute -bottom-1 -right-1 bg-emerald-500 w-3.5 h-3.5 rounded-full border-2 border-nftDark flex items-center justify-center text-[8px]"><i class="fa-solid fa-check text-white"></i></span>
                </div>
                <div class="truncate">
                    <h4 class="font-bold text-sm text-white hover:text-nftAccentCyan cursor-pointer truncate">ByteCraft Labs</h4>
                    <p class="text-xs text-nftTextGray mt-0.5">1.9k Deliveries</p>
                </div>
            </div>

            <div class="glass-card p-5 rounded-2xl flex items-center space-x-4 border border-slate-800/60 hover:border-nftAccentCyan/30 transition-all duration-300">
                <span class="font-bold text-slate-500 text-sm">03</span>
                <div class="relative">
                    <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=120&q=80" alt="Vendor Profile Avatar" class="w-12 h-12 rounded-xl object-cover border border-slate-700">
                    <span class="absolute -bottom-1 -right-1 bg-emerald-500 w-3.5 h-3.5 rounded-full border-2 border-nftDark flex items-center justify-center text-[8px]"><i class="fa-solid fa-check text-white"></i></span>
                </div>
                <div class="truncate">
                    <h4 class="font-bold text-sm text-white hover:text-nftAccentCyan cursor-pointer truncate">Alex_AI_Dev</h4>
                    <p class="text-xs text-nftTextGray mt-0.5">1.8k Deliveries</p>
                </div>
            </div>

            <div class="glass-card p-5 rounded-2xl flex items-center space-x-4 border border-slate-800/60 hover:border-nftAccentCyan/30 transition-all duration-300">
                <span class="font-bold text-slate-500 text-sm">04</span>
                <div class="relative">
                    <img src="https://images.unsplash.com/photo-1628157582853-a796fa650a6a?auto=format&fit=crop&w=120&q=80" alt="Vendor Profile Avatar" class="w-12 h-12 rounded-xl object-cover border border-slate-700">
                    <span class="absolute -bottom-1 -right-1 bg-emerald-500 w-3.5 h-3.5 rounded-full border-2 border-nftDark flex items-center justify-center text-[8px]"><i class="fa-solid fa-check text-white"></i></span>
                </div>
                <div class="truncate">
                    <h4 class="font-bold text-sm text-white hover:text-nftAccentCyan cursor-pointer truncate">AutomateMatrix</h4>
                    <p class="text-xs text-nftTextGray mt-0.5">1.5k Deliveries</p>
                </div>
            </div>

        </div>
    </div>
</section>