<!-- Footer Partial -->
<footer class="bg-gray-900 text-gray-300 py-12 mt-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
            <!-- About -->
            <div>
                <h3 class="text-white font-bold mb-4">ATARA</h3>
                <p class="text-sm text-gray-400">Plateforme de vente de bijoux de luxe avec système MLM révolutionnaire.</p>
                <div class="flex space-x-4 mt-4">
                    <a href="#" class="text-purple-400 hover:text-purple-300"><i class="fab fa-facebook"></i></a>
                    <a href="#" class="text-purple-400 hover:text-purple-300"><i class="fab fa-twitter"></i></a>
                    <a href="#" class="text-purple-400 hover:text-purple-300"><i class="fab fa-instagram"></i></a>
                </div>
            </div>

            <!-- Quick Links -->
            <div>
                <h3 class="text-white font-bold mb-4">Liens Rapides</h3>
                <ul class="space-y-2 text-sm">
                    <li><a href="{{ route('home') }}" class="hover:text-purple-400">Accueil</a></li>
                    <li><a href="{{ route('shop.index') }}" class="hover:text-purple-400">Boutique</a></li>
                    <li><a href="{{ route('public.blog') }}" class="hover:text-purple-400">Blog</a></li>
                    <li><a href="{{ route('contact') }}" class="hover:text-purple-400">Contact</a></li>
                </ul>
            </div>

            <!-- Support -->
            <div>
                <h3 class="text-white font-bold mb-4">Support</h3>
                <ul class="space-y-2 text-sm">
                    <li><a href="{{ route('faq') }}" class="hover:text-purple-400">FAQ</a></li>
                    <li><a href="#" class="hover:text-purple-400">Politique de Confidentialité</a></li>
                    <li><a href="#" class="hover:text-purple-400">Conditions d'Utilisation</a></li>
                    <li><a href="#" class="hover:text-purple-400">Mentions Légales</a></li>
                </ul>
            </div>

            <!-- Contact -->
            <div>
                <h3 class="text-white font-bold mb-4">Contact</h3>
                <p class="text-sm text-gray-400">
                    <i class="fas fa-envelope mr-2"></i><br>
                    support@bijouxpress.com
                </p>
                <p class="text-sm text-gray-400 mt-2">
                    <i class="fas fa-phone mr-2"></i><br>
                    +1 234 567 890
                </p>
            </div>
        </div>

        <!-- Divider -->
        <hr class="border-gray-800 my-8">

        <!-- Bottom -->
        <div class="flex flex-col md:flex-row justify-between items-center text-sm text-gray-400">
            <p>&copy; 2024 ATARA. Tous droits réservés.</p>
            <p>Développé avec <i class="fas fa-heart text-purple-500"></i> par l'équipe ATARA</p>
        </div>
    </div>
</footer>
