<nav class="relative z-50">
    <!-- Üst banner - Promo -->
    <div class="w-full h-8 bg-verinay-gray-3 flex items-center justify-center px-4">
        <h1 class="verinay-yellow-1 text-xs sm:text-sm text-center font-medium">
            Tüm vds ürünlerimizde yıllık satın alımda 10 ay öde, 2 ay ücretsiz kullan.
        </h1>
    </div>

    <!-- İkinci satır - İletişim ve müşteri linkleri -->
    <div
        class="w-full h-8 bg-verinay-dark-2 verinay-yellow-1 flex items-center justify-center sm:justify-between px-4 sm:px-8 lg:px-16 xl:px-32">
        <div class="inf-area flex gap-2 sm:gap-4 text-xm hidden sm:flex">
            <a href="tel:06121235151" class="hover:opacity-80 transition-opacity">+90 612 123 51 51</a>
            <a href="mailto:info@verinay.com" class="hover:opacity-80 transition-opacity">info@verinay.com</a>
        </div>
        <div class="customer-area flex gap-2 sm:gap-4 text-xm">
            <a href="" class="hover:opacity-80 transition-opacity">Müşteri Paneli</a>
            <a href="login" class="hover:opacity-80 transition-opacity">Giriş</a>
            <a href="register" class="hover:opacity-80 transition-opacity">Kayıt Ol</a>
        </div>
    </div>

    <!-- Ana navbar -->
    <div class="w-full bg-verinay-dark-2 px-4 sm:px-6 lg:px-12 xl:px-16 shadow-lg">
        <div class="flex items-center justify-between h-16 sm:h-20 lg:h-24">
            <!-- Logo -->
            <a href="index">
                <div class="flex-shrink-0">
                    <img src="images/verinay-logo.png" alt="Verinay Logo" class="h-8 sm:h-10 lg:h-12 w-auto">
                </div>
            </a>


            <!-- Desktop Menu -->
            <div class="hidden lg:flex verinay-white space-x-6 xl:space-x-8 items-center">
                <a href="index"
                    class="hover:opacity-80 transition-all duration-200 text-sm xl:text-base py-2 border-b-2 border-transparent hover:border-yellow-400">Anasayfa</a>

                <!-- Sunucu Mega Dropdown -->
                <div class="dropdown relative group">
                    <button
                        class="hover:opacity-80 transition-all duration-200 text-sm xl:text-base py-2 border-b-2 border-transparent hover:border-yellow-400 flex items-center gap-2">
                        Sunucu
                        <span class="minimal-badge">İNDİRİM</span>
                        <svg class="w-4 h-4 transition-transform duration-200 group-hover:rotate-180"
                            fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </button>
                    <div
                        class="mega-dropdown mega-dropdown-large absolute top-full left-1/2 transform -translate-x-1/2 mt-2 glass-effect rounded-xl shadow-2xl overflow-hidden">
                        <div class="p-6">
                            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                                <!-- Ürün 1 -->
                                <a href="vds-server"
                                    class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path
                                                d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Sanal Sunucu (VDS)</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="price-text">74.90₺'den başlayan fiyatlarla</div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- Ürün 2 -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path
                                                d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Ultra Performans VDS</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="text-xs text-gray-500"><strong>Ryzen 9 5950X / 3950X</strong>
                                        </div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- Ürün 3 -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd"
                                                d="M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z"
                                                clip-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Discord Bot VDS</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="price-text">74.90₺'den başlayan fiyatlarla</div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- Ürün 4 -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path
                                                d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">VPS Server</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="price-text">59.90₺'den başlayan fiyatlarla</div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- Ürün 5 -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd"
                                                d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"
                                                clip-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Nested Sunucu Kiralama</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="price-text">204.90₺'den başlayan fiyatlarla</div>
                                    </div>
                                    <span
                                        style="background: rgba(34, 197, 94, 0.15); color: rgb(34, 197, 94); border-color: rgba(34, 197, 94, 0.3);"
                                        class="minimal-badge">YENİ!</span>
                                </a>

                                <!-- Ürün 6 -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path
                                                d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z">
                                            </path>
                                            <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Dedicated Sunucu Kiralama</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="text-xs text-gray-500">Datacasa Veri Merkezi</div>
                                    </div>
                                </a>

                                <!-- Ürün 7 -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd"
                                                d="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732L14.146 12.8l-1.179 4.456a1 1 0 01-1.934 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732L9.854 7.2l1.179-4.456A1 1 0 0112 2z"
                                                clip-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Sunucu Barındırma (Co-Location)</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="text-xs text-gray-500">Datacasa Veri Merkezi</div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Web Hosting Mega Dropdown -->
                <div class="dropdown relative group">
                    <button
                        class="hover:opacity-80 transition-all duration-200 text-sm xl:text-base py-2 border-b-2 border-transparent hover:border-yellow-400 flex items-center gap-1">
                        Web Hosting
                        <svg class="w-4 h-4 transition-transform duration-200 group-hover:rotate-180"
                            fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </button>
                    <div
                        class="mega-dropdown mega-dropdown-medium absolute top-full left-1/2 transform -translate-x-1/2 mt-2 glass-effect rounded-xl shadow-2xl overflow-hidden">
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-0 p-6">
                            <!-- Web Hosting Türleri -->
                            <div class="pr-0 md:pr-4 md:border-r border-gray-700">
                                <div class="section-header">Web Hosting Türleri</div>
                                <div class="space-y-1">
                                    <a href="cpanel-server"
                                        class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                        <div class="service-icon">
                                            <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor"
                                                viewBox="0 0 20 20">
                                                <path fill-rule="evenodd"
                                                    d="M3 5a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 12.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-4.586L3.293 8.707A1 1 0 013 8V5z"
                                                    clip-rule="evenodd"></path>
                                            </svg>
                                        </div>
                                        <div class="flex-1">
                                            <div class="font-medium text-sm">cPanel Web Hosting</div>
                                            <div class="text-xs text-gray-500">Raid 50 NVMe alt yapısı</div>
                                        </div>
                                    </a>
                                    <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                        <div class="service-icon">
                                            <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor"
                                                viewBox="0 0 20 20">
                                                <path fill-rule="evenodd"
                                                    d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z"
                                                    clip-rule="evenodd"></path>
                                            </svg>
                                        </div>
                                        <div class="flex-1">
                                            <div class="font-medium text-sm">Plesk Web Hosting</div>
                                            <div class="text-xs text-gray-500">Raid 50 NVMe alt yapısı - Linux</div>
                                        </div>
                                    </a>
                                    <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                        <div class="service-icon">
                                            <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor"
                                                viewBox="0 0 20 20">
                                                <path
                                                    d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3z">
                                                </path>
                                            </svg>
                                        </div>
                                        <div class="flex-1">
                                            <div class="font-medium text-sm">Reseller Hosting</div>
                                            <div class="text-xs text-gray-500">Yüksek performans ve bütçe dostu
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>

                            <!-- Ortak Özellikler -->
                            <div class="pl-0 md:pl-4 mt-4 md:mt-0">
                                <div class="section-header">Ortak Özellikler</div>
                                <div class="space-y-3">
                                    <div class="flex items-center gap-3 text-sm text-gray-300">
                                        <div class="w-2 h-2 rounded-full"
                                            style="background-color: var(--verinay-yellow-1)"></div>
                                        <span><strong>Kolay Kullanım</strong> Kontrol Paneli</span>
                                    </div>
                                    <div class="flex items-center gap-3 text-sm text-gray-300">
                                        <div class="w-2 h-2 rounded-full"
                                            style="background-color: var(--verinay-yellow-1)"></div>
                                        <span><strong>99%</strong> Uptime Garantisi</span>
                                    </div>
                                    <div class="flex items-center gap-3 text-sm text-gray-300">
                                        <div class="w-2 h-2 rounded-full"
                                            style="background-color: var(--verinay-yellow-1)"></div>
                                        <span><strong>Softaculous</strong> Uygulama Kurulumu</span>
                                    </div>
                                    <div class="flex items-center gap-3 text-sm text-gray-300">
                                        <div class="w-2 h-2 rounded-full"
                                            style="background-color: var(--verinay-yellow-1)"></div>
                                        <span><strong>Ücretsiz</strong> SSL</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Oyun Sunucusu Mega Dropdown -->
                <div class="dropdown relative group">
                    <button
                        class="hover:opacity-80 transition-all duration-200 text-sm xl:text-base py-2 border-b-2 border-transparent hover:border-yellow-400 flex items-center gap-2">
                        Oyun Sunucusu
                        <span class="minimal-badge"
                            style="background: rgba(34, 197, 94, 0.15); color: rgb(34, 197, 94); border-color: rgba(34, 197, 94, 0.3);">İNDİRİM</span>
                        <svg class="w-4 h-4 transition-transform duration-200 group-hover:rotate-180"
                            fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </button>
                    <div
                        class="mega-dropdown mega-dropdown-large absolute top-full right-0 mt-2 glass-effect rounded-xl shadow-2xl overflow-hidden">
                        <div class="p-6">
                            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                                <!-- Minecraft -->
                                <a href="game-server"
                                    class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd"
                                                d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
                                                clip-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Minecraft Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="price-text">74.90₺'den başlayan fiyatlarla</div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- CS2 -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd"
                                                d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"
                                                clip-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">CS2 Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon - HIZ AŞIRTMA AKTİF
                                        </div>
                                        <div class="text-xs text-gray-500"><strong>Ryzen 9 5950X / 3950X</strong>
                                        </div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- FiveM -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd"
                                                d="M19 5.5a4.5 4.5 0 01-4.791 4.49c-.873-.055-1.808.128-2.368.8l-6.024 7.23a2.724 2.724 0 11-3.837-3.837L9.21 8.16c.672-.56.855-1.495.8-2.368a4.5 4.5 0 015.873-4.575c.324.105.39.51.15.752L13.34 4.66a.455.455 0 00-.11.494 3.01 3.01 0 001.617 1.617c.17.07.363.02.493-.111l2.692-2.692c.241-.241.647-.174.752.15.14.435.216.9.216 1.382zM4 17a1 1 0 100-2 1 1 0 000 2z"
                                                clip-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">FiveM Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon - HIZ AŞIRTMA AKTİF
                                        </div>
                                        <div class="text-xs text-gray-500"><strong>Ryzen 9 5950X / 3950X</strong>
                                        </div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- Unturned -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path
                                                d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Unturned Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="price-text">74.90₺'den başlayan fiyatlarla</div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- ARK Survival Evolved -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path
                                                d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">ARK Survival Evolved Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon - HIZ AŞIRTMA AKTİF
                                        </div>
                                        <div class="text-xs text-gray-500"><strong>Ryzen 9 5950X / 3950X</strong>
                                        </div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- Rust -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd"
                                                d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"
                                                clip-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Rust Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon - HIZ AŞIRTMA AKTİF
                                        </div>
                                        <div class="text-xs text-gray-500"><strong>Ryzen 9 5950X / 3950X</strong>
                                        </div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- MTA -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path
                                                d="M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">MTA Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon - HIZ AŞIRTMA AKTİF
                                        </div>
                                        <div class="text-xs text-gray-500"><strong>Ryzen 9 5950X / 3950X</strong>
                                        </div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- CS 1.6 -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd"
                                                d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"
                                                clip-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Counter Strike 1.6 Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="price-text">39.90₺'den başlayan fiyatlarla</div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- Assetto Corsa -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path
                                                d="M4 3a2 2 0 100 4h12a2 2 0 100-4H4zM3 8a1 1 0 000 2v.01c0 1.66 1.34 3 3 3h.01c1.66 0 3-1.34 3-3V10a1 1 0 000-2H3zM8 16a1 1 0 000 2h8a1 1 0 100-2H8z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Assetto Corsa Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon</div>
                                        <div class="price-text">59.90₺'den başlayan fiyatlarla</div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>

                                <!-- Garry's Mod -->
                                <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                    <div class="service-icon">
                                        <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd"
                                                d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                                                clip-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="flex-1">
                                        <div class="font-medium text-sm">Garry's Mod Sunucu</div>
                                        <div class="text-xs text-gray-500">Türkiye Lokasyon - HIZ AŞIRTMA AKTİF
                                        </div>
                                        <div class="text-xs text-gray-500"><strong>Ryzen 9 5950X / 3950X</strong>
                                        </div>
                                    </div>
                                    <span class="minimal-badge">İNDİRİM</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <a href="domain"
                    class="hover:opacity-80 transition-all duration-200 text-sm xl:text-base py-2 border-b-2 border-transparent hover:border-yellow-400">Alan
                    Adı</a>

                <!-- Kurumsal Normal Dropdown -->
                <div class="dropdown relative group">
                    <button
                        class="hover:opacity-80 transition-all duration-200 text-sm xl:text-base py-2 border-b-2 border-transparent hover:border-yellow-400 flex items-center gap-1">
                        Kurumsal
                        <svg class="w-4 h-4 transition-transform duration-200 group-hover:rotate-180"
                            fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </button>
                    <div
                        class="dropdown-menu absolute top-full right-0 mt-2 w-72 glass-effect rounded-xl shadow-2xl overflow-hidden">
                        <div class="p-4">
                            <a href="contact" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white mb-2">
                                <div class="service-icon">
                                    <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd"
                                            d="M18 3a1 1 0 00-1.447-.894L8.763 6H5a3 3 0 000 6h.28l1.771 5.316A1 1 0 008 18h1a1 1 0 001-1v-4.382l6.553 3.276A1 1 0 0018 15V3z"
                                            clip-rule="evenodd"></path>
                                    </svg>
                                </div>
                                <div class="flex-1">
                                    <div class="font-semibold">İletişim</div>
                                    <div class="text-xs text-gray-500">Bizle iletişime geçin</div>
                                </div>
                            </a>
                            <a href="about" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white mb-2">
                                <div class="service-icon">
                                    <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                        <path
                                            d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3z">
                                        </path>
                                    </svg>
                                </div>
                                <div class="flex-1">
                                    <div class="font-semibold">Hakkımızda</div>
                                    <div class="text-xs text-gray-500">Gelişen Türkiye için Verinay</div>
                                </div>
                            </a>
                            <a href="bank-account-details"
                                class="minimal-dropdown-item text-sm text-gray-300 hover:text-white mb-2">
                                <div class="service-icon">
                                    <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd"
                                            d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z"
                                            clip-rule="evenodd"></path>
                                    </svg>
                                </div>
                                <div class="flex-1">
                                    <div class="font-semibold">Banka Hesap Bilgileri</div>
                                    <div class="text-xs text-gray-500">EFT ve Havale için banka hesaplarımız</div>
                                </div>
                            </a>
                            <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white mb-2">
                                <div class="service-icon">
                                    <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd"
                                            d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
                                            clip-rule="evenodd"></path>
                                    </svg>
                                </div>
                                <div class="flex-1">
                                    <div class="font-semibold">Duyurular</div>
                                    <div class="text-xs text-gray-500">Bir çok bilgiye buradan ulaşabilirsiniz</div>
                                </div>
                            </a>
                            <a href="" class="minimal-dropdown-item text-sm text-gray-300 hover:text-white">
                                <div class="service-icon">
                                    <svg class="w-4 h-4 verinay-yellow-1" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd"
                                            d="M2 5a2 2 0 012-2h8a2 2 0 012 2v10a2 2 0 002 2H4a2 2 0 01-2-2V5zm3 1h6v4H5V6zm6 6H5v2h6v-2z"
                                            clip-rule="evenodd"></path>
                                    </svg>
                                </div>
                                <div class="flex-1">
                                    <div class="font-semibold">Blog</div>
                                    <div class="text-xs text-gray-500">Blog yazılarımıza buradan ulaşabilirsiniz
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Mobile Menu Button -->
            <div class="lg:hidden">
                <button id="mobile-menu-button" class="verinay-yellow-1 hover:opacity-80 transition-opacity p-2">
                    <div class="w-6 h-6 flex flex-col justify-center items-center">
                        <div class="hamburger-line w-5 h-0.5 bg-current mb-1"></div>
                        <div class="hamburger-line w-5 h-0.5 bg-current mb-1"></div>
                        <div class="hamburger-line w-5 h-0.5 bg-current"></div>
                    </div>
                </button>
            </div>
        </div>

        <!-- Mobile Menu -->
        <div id="mobile-menu" class="lg:hidden hidden border-t border-gray-600">
            <div class="px-2 pt-2 pb-3 space-y-1">
                <a href=""
                    class="block px-3 py-2 text-sm verinay-white hover:bg-gray-700 rounded-md transition-colors">Anasayfa</a>

                <!-- Sunucu Mobile Dropdown -->
                <div class="mobile-dropdown-wrapper">
                    <button
                        class="mobile-dropdown-toggle w-full flex justify-between items-center px-3 py-2 text-sm verinay-white hover:bg-gray-700 rounded-md transition-colors">
                        <span class="flex items-center gap-2">
                            Sunucu
                            <span class="minimal-badge">İNDİRİM</span>
                        </span>
                        <svg class="w-4 h-4 transition-transform duration-200" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </button>
                    <div class="mobile-dropdown ml-4 space-y-1">
                        <a href="vds-server"
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Sanal Sunucu (VDS)</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Ultra
                            Performans VDS</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">VPS
                            Server</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Dedicated
                            Sunucu</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Nested
                            Sunucu</a>
                    </div>
                </div>

                <!-- Web Hosting Mobile Dropdown -->
                <div class="mobile-dropdown-wrapper">
                    <button
                        class="mobile-dropdown-toggle w-full flex justify-between items-center px-3 py-2 text-sm verinay-white hover:bg-gray-700 rounded-md transition-colors">
                        <span>Web Hosting</span>
                        <svg class="w-4 h-4 transition-transform duration-200" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </button>
                    <div class="mobile-dropdown ml-4 space-y-1">
                        <a href="cpanel-server"
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">cPanel
                            Web Hosting</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Plesk
                            Web Hosting</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Reseller
                            Hosting</a>
                    </div>
                </div>

                <!-- Oyun Sunucusu Mobile Dropdown -->
                <div class="mobile-dropdown-wrapper">
                    <button
                        class="mobile-dropdown-toggle w-full flex justify-between items-center px-3 py-2 text-sm verinay-white hover:bg-gray-700 rounded-md transition-colors">
                        <span class="flex items-center gap-2">
                            Oyun Sunucusu
                            <span class="minimal-badge"
                                style="background: rgba(34, 197, 94, 0.15); color: rgb(34, 197, 94); border-color: rgba(34, 197, 94, 0.3);">İNDİRİM</span>
                        </span>
                        <svg class="w-4 h-4 transition-transform duration-200" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </button>
                    <div class="mobile-dropdown ml-4 space-y-1">
                        <a href="game-server"
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Minecraft
                            Sunucu</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">CS2
                            Sunucu</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">FiveM
                            Sunucu</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Rust
                            Sunucu</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">ARK
                            Sunucu</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Garry's
                            Mod</a>
                    </div>
                </div>

                <a href="domain"
                    class="block px-3 py-2 text-sm verinay-white hover:bg-gray-700 rounded-md transition-colors">Alan
                    Adı</a>

                <!-- Kurumsal Mobile Dropdown -->
                <div class="mobile-dropdown-wrapper">
                    <button
                        class="mobile-dropdown-toggle w-full flex justify-between items-center px-3 py-2 text-sm verinay-white hover:bg-gray-700 rounded-md transition-colors">
                        <span>Kurumsal</span>
                        <svg class="w-4 h-4 transition-transform duration-200" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </button>
                    <div class="mobile-dropdown ml-4 space-y-1">
                        <a href="contact"
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">İletişim</a>
                        <a href="about"
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Hakkımızda</a>
                        <a href="bank-account-details"
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Banka
                            Hesap Bilgileri</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Duyurular</a>
                        <a href=""
                            class="block px-3 py-2 text-xs text-gray-300 hover:text-yellow-400 transition-colors">Blog</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</nav