export function footerTemplate() {
    return `    <footer class="bg-untan-navy text-white pt-16 relative overflow-hidden mt-0">
        <div class="container mx-auto px-4 lg:px-8 relative z-10 flex flex-col items-center justify-center text-center">

            <h3 class="text-xs font-bold text-slate-300 uppercase tracking-widest mb-4" data-i18n="footer_follow_us">
                Ikuti Kami</h3>
            <div class="flex items-center justify-center gap-5 sm:gap-6 mb-10">
                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
                    class="text-white hover:text-untan-yellow transition-colors"><i
                        class="fab fa-instagram text-xl sm:text-2xl"></i></a>
                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
                    class="text-white hover:text-untan-yellow transition-colors"><i
                        class="fab fa-youtube text-xl sm:text-2xl"></i></a>
                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
                    class="text-white hover:text-untan-yellow transition-colors"><i
                        class="fab fa-facebook-f text-xl sm:text-2xl"></i></a>
                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
                    class="text-white hover:text-untan-yellow transition-colors"><i
                        class="fab fa-twitter text-xl sm:text-2xl"></i></a>
                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
                    class="text-white hover:text-untan-yellow transition-colors"><i
                        class="fab fa-linkedin-in text-xl sm:text-2xl"></i></a>
                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
                    class="text-white hover:text-untan-yellow transition-colors"><i
                        class="fab fa-tiktok text-xl sm:text-2xl"></i></a>
            </div>

            <div class="flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 mb-8 text-left">
                <img src="https://upload.wikimedia.org/wikipedia/id/0/03/Lambang_Universitas_Tanjungpura.png"
                    class="h-16 sm:h-20 shrink-0" alt="Logo UNTAN">
                <div
                    class="border-t sm:border-t-0 sm:border-l-2 border-white/30 pt-4 sm:pt-0 sm:pl-5 py-1 flex flex-col justify-center leading-tight">
                    <h2 class="text-2xl sm:text-3xl font-bold font-sans tracking-widest uppercase mb-1">INFORMATIKA</h2>
                    <h2 class="text-xs sm:text-sm font-normal text-slate-200 tracking-widest uppercase mt-0.5">
                        UNIVERSITAS TANJUNGPURA</h2>
                </div>
            </div>

            <div class="mb-5 text-sm sm:text-base text-slate-100 max-w-2xl font-light">
                <p class="flex flex-col sm:flex-row items-center justify-center gap-2 mb-1">
                    <i class="fas fa-map-marker-alt text-untan-yellow"></i>
                    Jl. Prof. Dr. H. Hadari Nawawi, Bansir Laut, Kec. Pontianak Tenggara,
                </p>
                <p>Kota Pontianak, Kalimantan Barat 78124</p>
            </div>

            <div
                class="text-xs sm:text-sm text-slate-200 flex flex-wrap justify-center items-center gap-x-3 gap-y-2 mb-12 font-light tracking-wide">
                <span>E: info@informatika.untan.ac.id</span>
                <span class="hidden sm:inline opacity-50">|</span>
                <span>P: +62 851-7165-5161</span>
                <span class="hidden sm:inline opacity-50">|</span>
                <span>F: +62(561) 739637</span>
                <span class="hidden sm:inline opacity-50">|</span>
                <span>WA: +62 851-7165-5161</span>
            </div>

        </div>

        <div class="w-full relative z-0 mt-4 pointer-events-none flex justify-center">
            <img src="../../assets/global/footer.png" alt="Footer Illustration" class="w-full h-auto object-cover object-bottom"
                style="object-position: bottom;">
        </div>
    </footer>`;
}