<footer class="bg-verinay-dark-2 py-16">
    <div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl">
        <!-- Ana Footer İçeriği -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12">

            <!-- Logo ve İletişim Bilgileri -->
            <div class="lg:col-span-1">
                <div class="flex items-center gap-3 mb-6">
                    <img src="images/verinay-logo.png" alt="Verinay Logo" class="h-8 sm:h-10 lg:h-12 w-auto">
                </div>

                <div
                    class="space-y-3 bg-verinay-gray-3 p-5 rounded-xl hover:bg-verinay-gray-2 transition-all duration-300 hover:shadow-lg">
                    <div class="flex items-center gap-3 group">
                        <svg class="w-4 h-4 verinay-yellow-1" aria-hidden="true" width="24" height="24"
                            fill="currentColor" viewBox="0 0 24 24">
                            <path
                                d="M7.978 4a2.553 2.553 0 0 0-1.926.877C4.233 6.7 3.699 8.751 4.153 10.814c.44 1.995 1.778 3.893 3.456 5.572 1.68 1.679 3.577 3.018 5.57 3.459 2.062.456 4.115-.073 5.94-1.885a2.556 2.556 0 0 0 .001-3.861l-1.21-1.21a2.689 2.689 0 0 0-3.802 0l-.617.618a.806.806 0 0 1-1.14 0l-1.854-1.855a.807.807 0 0 1 0-1.14l.618-.62a2.692 2.692 0 0 0 0-3.803l-1.21-1.211A2.555 2.555 0 0 0 7.978 4Z" />
                        </svg>

                        <a href="tel:+903128701206"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">
                            +90 312 870 12 06
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span>
                        </a>
                    </div>

                    <div class="flex items-center gap-3 group">
                        <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 d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
                        </svg>
                        <a href="mailto:info@verinay.com"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">
                            info@verinay.com
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span>
                        </a>
                    </div>

                    <div class="flex items-start gap-3 group">
                        <svg class="w-4 h-4 verinay-yellow-1 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd"
                                d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z"
                                clip-rule="evenodd" />
                        </svg>
                        <address
                            class="text-sm verinay-white not-italic leading-relaxed hover:verinay-yellow-1 transition-colors duration-300 cursor-pointer">
                            178 Lodgeville Road,<br>
                            Minneapolis, Minnesota, USA
                        </address>
                    </div>

                    <!-- Sosyal Medya İkonları -->
                    <div class="flex gap-4 mt-6">
                        <a href="#"
                            class="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center hover:bg-blue-700 transition-all duration-300 hover:scale-110 hover:shadow-lg hover:-translate-y-1">
                            <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24">
                                <path
                                    d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
                            </svg>
                        </a>
                        <a href="#"
                            class="w-8 h-8 bg-black rounded-lg flex items-center justify-center hover:bg-gray-800 transition-all duration-300 hover:scale-110 hover:shadow-lg hover:-translate-y-1">
                            <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24">
                                <path
                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
                            </svg>
                        </a>
                        <a href="#"
                            class="w-8 h-8 bg-gradient-to-r from-purple-500 to-pink-500 rounded-lg flex items-center justify-center hover:from-purple-600 hover:to-pink-600 transition-all duration-300 hover:scale-110 hover:shadow-lg hover:-translate-y-1">
                            <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24">
                                <path
                                    d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.174-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.083.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.402.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.357-.629-2.758-1.378l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.624 0 11.99-5.367 11.99-11.987C24.007 5.367 18.641.001 12.017 0Z" />
                            </svg>
                        </a>
                        <a href="#"
                            class="w-8 h-8 bg-blue-700 rounded-lg flex items-center justify-center hover:bg-blue-800 transition-all duration-300 hover:scale-110 hover:shadow-lg hover:-translate-y-1">
                            <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24">
                                <path
                                    d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
                            </svg>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Sunucu Servisleri -->
            <div>
                <h4 class="text-lg font-bold verinay-yellow-1 mb-6">Sunucu</h4>
                <ul class="space-y-3">
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">ISP
                            VDS Sanal Sunucu
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">VPS
                            Sanal Sunucu
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">VDS
                            Sanal Sunucu
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Premium
                            VDS Sanal Sunucu
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">5950X
                            VDS Sanal Sunucu
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">7950X
                            VDS Sanal Sunucu
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                </ul>
            </div>

            <!-- Oyun Sunucuları -->
            <div>
                <h4 class="text-lg font-bold verinay-yellow-1 mb-6">Oyun Sunucuları</h4>
                <ul class="space-y-3">
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Ark
                            Sunucu Kiralama
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Rust
                            Sunucu Kiralama
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">FiveM
                            Sunucu Kiralama
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Arma
                            3 Sunucu Kiralama
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Valheim
                            Sunucu Kiralama
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Unturned
                            Sunucu Kiralama
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                </ul>
            </div>

            <!-- Kurumsal Bilgiler -->
            <div>
                <h4 class="text-lg font-bold verinay-yellow-1 mb-6">Kurumsal Bilgiler</h4>
                <ul class="space-y-3">
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Hakkımızda
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Banka
                            Hesapları
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Hizmet
                            & İade Sözleşmesi
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Açık
                            Rıza Metni
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">Gizlilik
                            Sözleşmesi
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                    <li><a href="#"
                            class="text-sm verinay-white hover:verinay-yellow-1 transition-all duration-300 relative group inline-block">KVKK
                            Metni
                            <span
                                class="absolute bottom-0 left-0 w-0 h-0.5 bg-verinay-yellow-1 transition-all duration-300 group-hover:w-full"></span></a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Ayırıcı Çizgi -->
        <div class="border-t border-gray-700 pt-8">

            <!-- Şirket Bilgileri ve Sertifikalar -->
            <div class="text-center mb-8">
                <p class="text-sm verinay-white mb-4 leading-relaxed max-w-4xl mx-auto">
                    Verinay, Bilgi Teknolojileri ve İletişim Kurumu (BTK) lisansı ile ticari amaçla faaliyet
                    gösteren yasal yer sağlayıcı ve hosting firmasıdır.<br>
                    Verinay, Türk Patent ve Marka Kurumu tarafından tescillenmiş bir markadır.
                </p>

                <!-- Sertifikalar -->
                <div class="flex justify-center items-center gap-8 mb-8">
                    <div class="flex items-center gap-4">
                        <img src="https://www.adenbilisim.com.tr/wp-content/uploads/2021/04/etbis.png" alt="ETBIS"
                            class="h-20 opacity-80">
                        <img src="https://images.dmca.com/Badges/dmca_protected_31_120.png?ID=93bdacb1-b21d-4981-b58c-4d903383acbb"
                            alt="DMCA Protected" class="opacity-80">
                    </div>
                </div>
            </div>

            <div class="border-t border-gray-700 pt-8"></div>

            <!-- Alt Footer -->
            <div class="flex flex-col md:flex-row justify-between items-center gap-4">
                <div class="text-sm verinay-white hover:verinay-yellow-1 transition-colors duration-300 cursor-pointer">
                    Verinay© 2016 - <?php echo date('Y'); ?> Tüm hakları saklıdır.
                </div>

                <!-- Ödeme Yöntemleri -->
                <div class="flex items-center gap-4">
                    <div class="flex items-center gap-2">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/5/5e/Visa_Inc._logo.svg" alt="Visa"
                            class="h-7 mr-5 opacity-80">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/MasterCard_Logo.svg/2560px-MasterCard_Logo.svg.png"
                            alt="Mastercard" class="h-10 opacity-80">
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>