<!-- Footer -->
<footer class="bg-gray-900 text-gray-400 py-12 px-6">
    <div class="max-w-7xl mx-auto">
        <div class="grid md:grid-cols-4 gap-8 mb-8">
            <div>
                <h4 class="text-white font-semibold mb-4">About</h4>
                <ul class="space-y-2">
                    <li><a href="#features" class="hover:text-white transition">Features</a></li>
                    <li><a href="{{ route('pricing') }}" class="hover:text-white transition">Pricing</a></li>
                    <li><a href="{{ route('privacy') }}" class="hover:text-white transition">Security</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-white font-semibold mb-4">Product</h4>
                <ul class="space-y-2">
                    <li><a href="{{ route('home') }}" class="hover:text-white transition">Dashboard</a></li>
                    <li><a href="{{ route('pricing') }}" class="hover:text-white transition">Reports</a></li>
                    <li><a href="#" class="hover:text-white transition">API</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-white font-semibold mb-4">Support</h4>
                <ul class="space-y-2">
                    <li><a href="{{ route('contact') }}" class="hover:text-white transition">Help Center</a></li>
                    <li><a href="{{ route('contact') }}" class="hover:text-white transition">Contact Us</a></li>
                    <li><a href="{{ route('home') }}" class="hover:text-white transition">Status</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-white font-semibold mb-4">Legal</h4>
                <ul class="space-y-2">
                    <li><a href="{{ route('privacy') }}" class="hover:text-white transition">Privacy</a></li>
                    <li><a href="{{ route('terms') }}" class="hover:text-white transition">Terms</a></li>
                    <li><a href="{{ route('cookies') }}" class="hover:text-white transition">Cookies</a></li>
                </ul>
            </div>
        </div>
        <div class="border-t border-gray-800 pt-8 flex justify-between items-center">
            <p>&copy; 2024 {{ env('APP_NAME', 'Managed Printers') }}. All rights reserved.</p>
            <div class="flex gap-6">
                <a href="#" class="hover:text-white transition">Twitter</a>
                <a href="#" class="hover:text-white transition">LinkedIn</a>
                <a href="#" class="hover:text-white transition">GitHub</a>
            </div>
        </div>
    </div>
</footer>