<footer class="bg-slate-800 text-white py-12 mt-auto">
    <div class="container mx-auto px-2">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8">
            <!-- Categories -->
            <div>
                <h3 class="text-lg font-semibold mb-4">Categories</h3>
                <ul class="space-y-2">
                    <li>
                        <a href="/mfanyakazi/public/categories/career-advancement"
                            class="hover:text-blue-400 transition-colors">
                            Career Advancement & Professional Growth
                        </a>
                    </li>
                    <li>
                        <a href="/mfanyakazi/public/categories/career-foundations"
                            class="hover:text-blue-400 transition-colors">
                            Career Foundations & Getting Started
                        </a>
                    </li>
                    <li>
                        <a href="/mfanyakazi/public/categories/interviewing"
                            class="hover:text-blue-400 transition-colors">
                            Interviewing & Communication Mastery
                        </a>
                    </li>
                    <li>
                        <a href="/mfanyakazi/public/categories/opportunities"
                            class="hover:text-blue-400 transition-colors">
                            Local & International Opportunities
                        </a>
                    </li>
                </ul>
            </div>

            <!-- About Us -->
            <div class="lg:col-span-2">
                <h3 class="text-lg font-semibold mb-4">About Us</h3>
                <p class="text-gray-300 leading-relaxed">
                    LSS Systems is a licensed job recruitment agency based in Nairobi, Kenya.
                    We specialize in connecting talent with opportunities in both local and international markets.
                </p>
            </div>

            <!-- Quick Links -->
            <div>
                <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
                <ul class="space-y-2">
                    <li>
                        <a href="/mfanyakazi/public/" class="hover:text-blue-400 transition-colors">Home</a>
                    </li>
                    <li>
                        <a href="/mfanyakazi/public/companies"
                            class="hover:text-blue-400 transition-colors">Companies</a>
                    </li>
                    <li>
                        <a href="/mfanyakazi/public/auth/register"
                            class="hover:text-blue-400 transition-colors">Register</a>
                    </li>
                    <li>
                        <a href="/mfanyakazi/public/auth/login" class="hover:text-blue-400 transition-colors">Login</a>
                    </li>
                </ul>
            </div>

            <!-- Contact Info -->
            <div>
                <h3 class="text-lg font-semibold mb-4">Contact</h3>
                <address class="space-y-2 text-gray-300 not-italic">
                    <p>
                        <i class="fas fa-map-marker-alt mr-2 text-blue-400" aria-hidden="true"></i>
                        <span>Nairobi, Kenya</span>
                    </p>
                    <p>
                        <a href="mailto:info@lsssystems.com" class="hover:text-blue-400 transition-colors">
                            <i class="fas fa-envelope mr-2 text-blue-400" aria-hidden="true"></i>
                            <span>info@lsssystems.com</span>
                        </a>
                    </p>
                    <p>
                        <a href="tel:+254XXXXXXXXX" class="hover:text-blue-400 transition-colors">
                            <i class="fas fa-phone mr-2 text-blue-400" aria-hidden="true"></i>
                            <span>+254 XXX XXX XXX</span>
                        </a>
                    </p>
                </address>
            </div>
        </div>

        <!-- Bottom Bar -->
        <div class="border-t border-gray-700 mt-8 pt-6 text-center text-gray-400">
            <p>&copy; <?= date('Y') ?> LSS Systems. All rights reserved.</p>
        </div>
    </div>
</footer>