<!-- ============================================================ -->
<!-- FOOTER PROFESIONAL TUNJUK-i -->
<!-- ============================================================ -->
<footer class="bg-[#0b2b4a] text-white border-t-4 border-[#c9a84c]">
    <!-- Main Footer -->
    <div class="container mx-auto px-4 py-12">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
            
            <!-- Brand -->
            <div>
                <div class="flex items-center space-x-2 mb-4">
                    <span class="text-3xl font-bold">
                        <span class="text-[#c9a84c]">TUNJUK</span><span class="text-white">-i</span>
                    </span>
                    <span class="text-xs bg-[#c9a84c] text-[#0b2b4a] px-2 py-0.5 rounded font-semibold">v1.0</span>
                </div>
                <p class="text-gray-400 text-sm leading-relaxed max-w-xs">
                    Portal Pengadaan Barang dan Jasa Pemerintah Papua. 
                    Transparan, Akuntabel, dan Profesional.
                </p>
                <div class="flex items-center gap-4 mt-4">
                    <span class="text-xs text-gray-500">Ikuti Kami:</span>
                    <a href="#" class="text-gray-400 hover:text-[#c9a84c] transition-colors">
                        <i class="fab fa-facebook text-lg"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-[#c9a84c] transition-colors">
                        <i class="fab fa-twitter text-lg"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-[#c9a84c] transition-colors">
                        <i class="fab fa-instagram text-lg"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-[#c9a84c] transition-colors">
                        <i class="fab fa-youtube text-lg"></i>
                    </a>
                </div>
            </div>

            <!-- Quick Links -->
            <div>
                <h4 class="text-[#c9a84c] font-semibold text-sm uppercase tracking-wider mb-4 border-b border-gray-700 pb-2">
                    <i class="fas fa-link mr-2"></i> Tautan Cepat
                </h4>
                <ul class="space-y-2 text-sm">
                    <li>
                        <a href="<?php echo e(route('marketplace')); ?>" class="text-gray-400 hover:text-[#c9a84c] transition-colors flex items-center gap-2">
                            <i class="fas fa-chevron-right text-[10px] text-[#c9a84c]"></i> Marketplace
                        </a>
                    </li>
                    <li>
                        <a href="#" class="text-gray-400 hover:text-[#c9a84c] transition-colors flex items-center gap-2">
                            <i class="fas fa-chevron-right text-[10px] text-[#c9a84c]"></i> Profil P-OAP
                        </a>
                    </li>
                    <li>
                        <a href="#" class="text-gray-400 hover:text-[#c9a84c] transition-colors flex items-center gap-2">
                            <i class="fas fa-chevron-right text-[10px] text-[#c9a84c]"></i> Regulasi
                        </a>
                    </li>
                    <li>
                        <a href="#" class="text-gray-400 hover:text-[#c9a84c] transition-colors flex items-center gap-2">
                            <i class="fas fa-chevron-right text-[10px] text-[#c9a84c]"></i> Pusat Bantuan
                        </a>
                    </li>
                </ul>
            </div>

            <!-- Kontak -->
            <div>
                <h4 class="text-[#c9a84c] font-semibold text-sm uppercase tracking-wider mb-4 border-b border-gray-700 pb-2">
                    <i class="fas fa-phone mr-2"></i> Kontak
                </h4>
                <ul class="space-y-3 text-sm">
                    <li class="flex items-start gap-3">
                        <i class="fas fa-map-marker-alt text-[#c9a84c] mt-1"></i>
                        <span class="text-gray-400">Jl. Perintis Kemerdekaan,<br>Kota Jayapura, Papua</span>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fas fa-phone text-[#c9a84c]"></i>
                        <span class="text-gray-400">(0967) 123-4567</span>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fas fa-envelope text-[#c9a84c]"></i>
                        <span class="text-gray-400">info@tunjuk-i.papua.go.id</span>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fas fa-clock text-[#c9a84c]"></i>
                        <span class="text-gray-400">Senin - Jumat: 08:00 - 16:00 WIT</span>
                    </li>
                </ul>
            </div>

            <!-- Newsletter -->
            <div>
                <h4 class="text-[#c9a84c] font-semibold text-sm uppercase tracking-wider mb-4 border-b border-gray-700 pb-2">
                    <i class="fas fa-envelope-open-text mr-2"></i> Newsletter
                </h4>
                <p class="text-gray-400 text-sm mb-3">
                    Dapatkan informasi terbaru tentang pengadaan di Papua.
                </p>
                <form class="flex flex-col gap-2">
                    <input type="email" 
                           placeholder="Email Anda" 
                           class="px-4 py-2 rounded-lg bg-[#1a3a4a] border border-gray-700 text-white placeholder-gray-400 focus:outline-none focus:border-[#c9a84c] transition text-sm">
                    <button type="submit" 
                            class="px-4 py-2 bg-[#c9a84c] hover:bg-[#b8973a] text-[#0b2b4a] rounded-lg text-sm font-semibold transition">
                        <i class="fas fa-paper-plane mr-2"></i> Berlangganan
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Bottom Footer -->
    <div class="border-t border-gray-800">
        <div class="container mx-auto px-4 py-4">
            <div class="flex flex-col md:flex-row justify-between items-center gap-2 text-sm">
                <p class="text-gray-500">
                    &copy; <?php echo e(date('Y')); ?> <span class="text-[#c9a84c] font-semibold">TUNJUK-i</span> — Quantum i Corporation. 
                    All rights reserved.
                </p>
                <div class="flex items-center gap-4 text-xs text-gray-500">
                    <a href="#" class="hover:text-[#c9a84c] transition-colors">Kebijakan Privasi</a>
                    <span>|</span>
                    <a href="#" class="hover:text-[#c9a84c] transition-colors">Syarat & Ketentuan</a>
                    <span>|</span>
                    <span>
                        <i class="fas fa-code text-[#c9a84c]"></i> v1.0
                    </span>
                </div>
            </div>
        </div>
    </div>
</footer><?php /**PATH C:\laragon\www\tunjuk-i-backend\resources\views/partials/footer.blade.php ENDPATH**/ ?>