92 lines
3.6 KiB
Plaintext
Executable File
92 lines
3.6 KiB
Plaintext
Executable File
<div class="grid gap-8 mb-8 md:grid-cols-2 lg:grid-cols-4">
|
|
<div>
|
|
<h3 class="font-bold text-lg text-white mb-4 flex items-center">
|
|
<i data-lucide="info" class="w-5 h-5 mr-2 text-yellow-400"></i>
|
|
À propos
|
|
</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="#" class="text-gray-400 text-sm hover:text-yellow-400 transition-colors duration-300 flex items-center">
|
|
<i data-lucide="briefcase" class="w-4 h-4 mr-2"></i>
|
|
Je suis organisateur
|
|
</a></li>
|
|
<li><a href="#" class="text-gray-400 text-sm hover:text-yellow-400 transition-colors duration-300 flex items-center">
|
|
<i data-lucide="users" class="w-4 h-4 mr-2"></i>
|
|
Communauté
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="font-bold text-lg text-white mb-4 flex items-center">
|
|
<i data-lucide="map-pin" class="w-5 h-5 mr-2 text-yellow-400"></i>
|
|
Villes
|
|
</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="#" class="text-gray-400 text-sm hover:text-yellow-400 transition-colors duration-300 flex items-center">
|
|
<i data-lucide="map" class="w-4 h-4 mr-2"></i>
|
|
Paris
|
|
</a></li>
|
|
<li><a href="#" class="text-gray-400 text-sm hover:text-yellow-400 transition-colors duration-300 flex items-center">
|
|
<i data-lucide="map" class="w-4 h-4 mr-2"></i>
|
|
Lyon (bientôt)
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="font-bold text-lg text-white mb-4 flex items-center">
|
|
<i data-lucide="calendar" class="w-5 h-5 mr-2 text-yellow-400"></i>
|
|
Événements
|
|
</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="<%= events_path %>" class="text-gray-400 text-sm hover:text-yellow-400 transition-colors duration-300 flex items-center">
|
|
<i data-lucide="glass-water" class="w-4 h-4 mr-2"></i>
|
|
Afterworks
|
|
</a></li>
|
|
<li><a href="#" class="text-gray-400 text-sm hover:text-yellow-400 transition-colors duration-300 flex items-center">
|
|
<i data-lucide="music" class="w-4 h-4 mr-2"></i>
|
|
Concerts
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="font-bold text-lg text-white mb-4 flex items-center">
|
|
<i data-lucide="help-circle" class="w-5 h-5 mr-2 text-yellow-400"></i>
|
|
Support
|
|
</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="#" class="text-gray-400 text-sm hover:text-yellow-400 transition-colors duration-300 flex items-center">
|
|
<i data-lucide="life-buoy" class="w-4 h-4 mr-2"></i>
|
|
Aide
|
|
</a></li>
|
|
<li><a href="#" class="text-gray-400 text-sm hover:text-yellow-400 transition-colors duration-300 flex items-center">
|
|
<i data-lucide="mail" class="w-4 h-4 mr-2"></i>
|
|
Nous contacter
|
|
</a></li>
|
|
<li><a href="#" class="text-gray-400 text-sm hover:text-yellow-400 transition-colors duration-300 flex items-center">
|
|
<i data-lucide="flag" class="w-4 h-4 mr-2"></i>
|
|
Signaler un contenu
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-t border-gray-700 pt-6 text-center">
|
|
<div class="flex flex-col sm:flex-row justify-between items-center">
|
|
<p class="text-gray-400 text-sm mb-4 sm:mb-0">
|
|
© 2025 Aperonight. Tous droits réservés.
|
|
</p>
|
|
<div class="flex space-x-6">
|
|
<a href="#" class="text-gray-400 hover:text-yellow-400 transition-colors text-sm">
|
|
Politique de confidentialité
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-yellow-400 transition-colors text-sm">
|
|
Conditions d'utilisation
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-yellow-400 transition-colors text-sm">
|
|
Mentions légales
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div> |