<footer class="bg-white px-4 pb-32 pt-6 font-sans">
    <div class="max-w-md mx-auto bg-gray-50/50 border border-gray-100 rounded-[2.5rem] p-6 text-center">
        
        <div class="grid grid-cols-2 gap-3 mb-6">
            <a href="https://wa.me/8801000000000" target="_blank" class="flex items-center justify-center gap-2 bg-white border border-gray-100 py-2.5 rounded-2xl shadow-sm active:scale-95 transition-transform">
                <i class="fa-brands fa-whatsapp text-emerald-500 text-lg"></i>
                <span class="text-[11px] font-black text-gray-700 uppercase tracking-tighter">Support</span>
            </a>
            <a href="https://t.me/YOUR_ID" target="_blank" class="flex items-center justify-center gap-2 bg-white border border-gray-100 py-2.5 rounded-2xl shadow-sm active:scale-95 transition-transform">
                <i class="fa-brands fa-telegram text-sky-500 text-lg"></i>
                <span class="text-[11px] font-black text-gray-700 uppercase tracking-tighter">Community</span>
            </a>
        </div>

        <div class="mb-8 p-1 bg-gradient-to-r from-sky-400 via-rose-400 to-amber-400 rounded-[2rem]">
            <a href="https://t.me/JUNAYED_HOSAIN" id="footer-dev-lock" target="_blank" class="flex flex-col items-center justify-center bg-white rounded-[1.8rem] py-6 px-4 hover:bg-gray-50 transition-colors">
                <span class="text-[8px] font-black text-gray-400 uppercase tracking-[0.4em] mb-2">Developed & Secured By</span>
                <div class="flex items-center gap-2">
                    <span class="text-lg font-black text-gray-900 tracking-tighter flex" id="foot-credit-text">
                        <span>J</span><span>U</span><span>N</span><span>A</span><span>Y</span><span>E</span><span>D</span>
                        <span class="text-sky-500 ml-1.5">V</span><span>A</span><span>I</span>
                        <span class="text-rose-500 ml-1.5 underline decoration-2 underline-offset-4">2.O</span>
                    </span>
                </div>
                <div class="mt-3 flex items-center gap-1.5 bg-sky-50 px-3 py-1 rounded-full">
                    <span class="relative flex h-2 w-2">
                      <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-sky-400 opacity-75"></span>
                      <span class="relative inline-flex rounded-full h-2 w-2 bg-sky-500"></span>
                    </span>
                    <span class="text-[9px] font-bold text-sky-600 uppercase tracking-widest">Active Protection</span>
                </div>
            </a>
        </div>

        <div class="flex justify-center gap-5 mb-6">
            <a href="#" class="text-gray-300 hover:text-sky-600 transition-colors"><i class="fa-brands fa-facebook text-lg"></i></a>
            <a href="#" class="text-gray-300 hover:text-rose-500 transition-colors"><i class="fa-brands fa-instagram text-lg"></i></a>
            <a href="#" class="text-gray-300 hover:text-red-600 transition-colors"><i class="fa-brands fa-youtube text-lg"></i></a>
        </div>

        <div class="space-y-1">
            <p class="text-[10px] text-gray-400 font-medium leading-relaxed">
                যেকোনো সমস্যায় কল করুন: <span class="text-gray-800 font-bold">01000000000</span>
            </p>
            <div class="pt-4 border-t border-gray-100/50">
                <p class="text-[9px] text-gray-300 font-black uppercase tracking-[0.3em]">
                    &copy; <?php echo date('Y'); ?> <?php echo getSetting($conn, 'site_name'); ?>
                </p>
            </div>
        </div>
    </div>
</footer>

<script>
/**
 * Footer Security Guard
 * Logic: If credit is removed, display CRITICAL ERROR
 */
(function() {
    const checkSecurity = () => {
        const creditLink = document.getElementById('footer-dev-lock');
        const creditText = document.getElementById('foot-credit-text');
        const siteWrapper = document.getElementById('site-body-wrapper');
        const errorUI = document.getElementById('critical-integrity-error');

        const isCorrupted = !creditLink || 
                            !creditText || 
                            creditText.innerText.replace(/\s/g, '') !== 'JUNAYEDVAI2.O' ||
                            window.getComputedStyle(creditLink).display === 'none';

        if (isCorrupted) {
            if (siteWrapper && errorUI) {
                siteWrapper.remove();
                errorUI.style.display = 'flex';
                document.body.style.background = '#000';
            } else {
                document.body.innerHTML = "<div style='background:#000;color:#ff4d4d;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:sans-serif;text-align:center;'> <h1 style='font-size:40px;margin-bottom:10px;'>FATAL ERROR</h1> <p style='font-size:18px;'>System Protection Violation: Developer Credit Tampered.<br><b>RESTORE: JUNAYED VAI 2.O</b></p> </div>";
            }
        }
    };

    // Continuous Monitoring
    setInterval(checkSecurity, 1000);
})();
</script>