<footer class="bg-teal-deep text-cream pt-16 pb-8">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12">
            <div>
                <div class="flex items-center gap-2 mb-6"><div class="bg-cream text-teal-deep p-1.5 rounded-lg"><i data-lucide="credit-card" class="h-6 w-6"></i></div><span class="text-2xl font-bold font-heading text-white">SaveSmart<span class="text-amber-gold">.lk</span></span></div>
                <p class="text-teal-100/70 mb-6 leading-relaxed">Sri Lanka's premier digital savings platform. Connecting smart shoppers with the best brands across the island.</p>
                <div class="flex gap-4">
                    <a class="text-teal-100/70 hover:text-amber-gold transition-colors"><i data-lucide="facebook" class="w-5 h-5"></i></a>
                    <a class="text-teal-100/70 hover:text-amber-gold transition-colors"><i data-lucide="instagram" class="w-5 h-5"></i></a>
                    <a class="text-teal-100/70 hover:text-amber-gold transition-colors"><i data-lucide="twitter" class="w-5 h-5"></i></a>
                    <a class="text-teal-100/70 hover:text-amber-gold transition-colors"><i data-lucide="linkedin" class="w-5 h-5"></i></a>
                </div>
            </div>

            <div>
                <h4 class="text-lg font-bold mb-6 text-white">Company</h4>
                <ul class="space-y-3">
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">About Us</a></li>
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">Careers</a></li>
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">Press</a></li>
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">Partners</a></li>
                </ul>
            </div>

            <div>
                <h4 class="text-lg font-bold mb-6 text-white">Support</h4>
                <ul class="space-y-3">
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">Help Center</a></li>
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">Contact Us</a></li>
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">FAQ</a></li>
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">Terms of Service</a></li>
                </ul>
            </div>

            <div>
                <h4 class="text-lg font-bold mb-6 text-white">Legal</h4>
                <ul class="space-y-3">
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">Privacy Policy</a></li>
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">Cookie Policy</a></li>
                    <li><a class="text-teal-100/70 hover:text-amber-gold transition-colors">Disclaimer</a></li>
                </ul>
            </div>
        </div>

        <div class="border-t border-teal-light/30 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
            <p class="text-teal-100/50 text-sm">© 2024 SaveSmart.lk. All rights reserved.</p>
            <p class="text-teal-100/50 text-sm flex items-center gap-1">Made with <i data-lucide="heart" class="w-4 h-4 text-red-400 fill-red-400"></i> in Sri Lanka</p>
        </div>
    </div>
</footer>
