    <footer class="gradient-niagara text-white py-12 mt-16">
        <div class="container mx-auto px-4 flex flex-col md:flex-row justify-between items-start md:items-center gap-8">
            <div>
                <p class="font-bold text-lg mb-2">Projet (RE)Sources Relationnelles</p>
                <p class="text-sm text-blue-100">Un outil au service de la cohésion sociale.</p>
            </div>
            <ul class="flex flex-wrap gap-6 text-sm">
                <li><a href="#" class="text-blue-100 hover:text-candlelight hover:underline transition-smooth duration-200">Mentions Légales</a></li>
                <li><a href="#" class="text-blue-100 hover:text-candlelight hover:underline transition-smooth duration-200">Politique de Confidentialité</a></li>
                <li><a href="#" class="text-blue-100 hover:text-candlelight hover:underline transition-smooth duration-200">Contactez-nous</a></li>
            </ul>
        </div>
    </footer>