From a3689948aec5928a713f1d7d39a30186a2e9bb28 Mon Sep 17 00:00:00 2001
From: kbe <kevin@kev1.net>
Date: Fri, 5 Sep 2025 00:35:10 +0200
Subject: [PATCH] style: Authentication form use the .min-h-screen

---
 app/views/components/_footer.html.erb       | 37 ++++++++++-----------
 app/views/components/_header.html.erb       | 25 ++++++++++++--
 app/views/devise/confirmations/new.html.erb |  2 +-
 app/views/devise/passwords/edit.html.erb    |  2 +-
 app/views/devise/passwords/new.html.erb     |  2 +-
 app/views/devise/registrations/new.html.erb |  2 +-
 app/views/devise/sessions/new.html.erb      |  2 +-
 app/views/pages/dashboard.html.erb          |  4 +--
 8 files changed, 48 insertions(+), 28 deletions(-)

diff --git a/app/views/components/_footer.html.erb b/app/views/components/_footer.html.erb
index b423e59..830b5a5 100755
--- a/app/views/components/_footer.html.erb
+++ b/app/views/components/_footer.html.erb
@@ -1,41 +1,40 @@
 <div class="grid gap-6 mb-6 md:grid-cols-2 lg:grid-cols-4">
   <div>
-    <h3 class="font-bold text-lg text-white mb-3">Events</h3>
+    <h3 class="font-bold text-lg text-white mb-3">À propos</h3>
     <ul class="space-y-2">
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Find Events</a></li>
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Host an Event</a></li>
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Event Categories</a></li>
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Premium Events</a></li>
+      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Je suis organisateur</a></li>
+      <%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Pour les artistes</a></li> %>
+      <%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Kit presse</a></li> %>
+      <%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Artistes</a></li> %>
     </ul>
   </div>
   <div>
-    <h3 class="font-bold text-lg text-white mb-3">Community</h3>
+    <h3 class="font-bold text-lg text-white mb-3">Villes</h3>
     <ul class="space-y-2">
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Join Us</a></li>
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Member Benefits</a></li>
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Success Stories</a></li>
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Ambassador Program</a></li>
+      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Paris</a></li>
+      <%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Lyon</a></li> %>
+      <%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Marseille / Aix-en-Provence</a></li> %>
+      <%# <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Toulouse</a></li> %>
     </ul>
   </div>
-  <div>
-    <h3 class="font-bold text-lg text-white mb-3">Support</h3>
+  <%# <div>
+    <h3 class="font-bold text-lg text-white mb-3">Organisateurs</h3>
     <ul class="space-y-2">
       <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Help Center</a></li>
       <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Contact Us</a></li>
       <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Safety Guidelines</a></li>
       <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Cancellation Policy</a></li>
     </ul>
-  </div>
+  </div> %>
   <div>
-    <h3 class="font-bold text-lg text-white mb-3">Company</h3>
+    <h3 class="font-bold text-lg text-white mb-3">Support</h3>
     <ul class="space-y-2">
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">About Aperonight</a></li>
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Careers</a></li>
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Press & Media</a></li>
-      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Partner With Us</a></li>
+      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Aide</a></li>
+      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Nous contacter</a></li>
+      <li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Signaler un contenu inapproprié</a></li>
     </ul>
   </div>
 </div>
 <div class="border-t border-neutral-700 pt-4 text-center text-neutral-400 text-sm">
-  <p>&copy; 2024 Aperonight. All rights reserved. • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Privacy Policy</a> • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Terms of Service</a></p>
+  <p>&copy; 2025 Aperonight. All rights reserved. • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Privacy Policy</a> • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Terms of Service</a></p>
 </div>
\ No newline at end of file
diff --git a/app/views/components/_header.html.erb b/app/views/components/_header.html.erb
index a6a3c23..75f9e21 100755
--- a/app/views/components/_header.html.erb
+++ b/app/views/components/_header.html.erb
@@ -9,9 +9,13 @@
 
       <!-- Desktop Navigation -->
       <div class="hidden sm:flex items-center space-x-6 w-full justify-start">
-        <%= link_to t("header.parties"), events_path,
+        <%= link_to "Afterworks", events_path,
             class: "mx-4 text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
-        <%= link_to t("header.concerts"), "#",
+
+        <%= link_to "Évenements", "#",
+            class: "mx-4 text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
+
+        <%= link_to "Concerts", "#",
             class: "mx-4 text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
       </div>
 
@@ -26,6 +30,23 @@
                 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
               </svg>
             </button>
+            
+            <!-- User Dropdown Menu -->
+            <div data-header-target="userMenu" class="hidden absolute right-0 mt-2 w-56 bg-white rounded-lg shadow-lg border border-gray-200 py-1 z-50">
+              <div class="px-4 py-2 text-sm text-gray-900 border-b border-gray-100">
+                <div class="font-medium"><%= current_user.first_name || current_user.email %></div>
+                <div class="text-gray-500"><%= current_user.email %></div>
+              </div>
+              <%= link_to "Profile", edit_user_registration_path,
+                  class: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-200" %>
+              <%= link_to "Reservations", "#",
+                  class: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-200" %>
+              <div class="border-t border-gray-100">
+                <%= link_to "Sign out", destroy_user_session_path,
+                    data: { controller: "logout", action: "click->logout#signOut", logout_url_value: destroy_user_session_path, login_url_value: new_user_session_path, turbo: false },
+                    class: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-200" %>
+              </div>
+            </div>
           </div>
         <% else %>
           <%= link_to t("header.login"), new_user_session_path,
diff --git a/app/views/devise/confirmations/new.html.erb b/app/views/devise/confirmations/new.html.erb
index 880cf9d..e6c098a 100755
--- a/app/views/devise/confirmations/new.html.erb
+++ b/app/views/devise/confirmations/new.html.erb
@@ -1,5 +1,5 @@
 <div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
-  <div class="max-w-md w-full space-y-8">
+  <div class="min-h-screen max-w-md w-full space-y-8">
     <div>
       <%= link_to "/" do %>
         <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
diff --git a/app/views/devise/passwords/edit.html.erb b/app/views/devise/passwords/edit.html.erb
index 91cfb7b..4176737 100755
--- a/app/views/devise/passwords/edit.html.erb
+++ b/app/views/devise/passwords/edit.html.erb
@@ -1,5 +1,5 @@
 <div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
-  <div class="max-w-md w-full space-y-8">
+  <div class="min-h-screen max-w-md w-full space-y-8">
     <div>
       <%= link_to "/" do %>
         <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
diff --git a/app/views/devise/passwords/new.html.erb b/app/views/devise/passwords/new.html.erb
index d5aa7b0..d8784db 100755
--- a/app/views/devise/passwords/new.html.erb
+++ b/app/views/devise/passwords/new.html.erb
@@ -1,5 +1,5 @@
 <div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
-  <div class="max-w-md w-full space-y-8">
+  <div class="min-h-screen max-w-md w-full space-y-8">
     <div>
       <%= link_to "/" do %>
         <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb
index b24b545..8f2d7f3 100755
--- a/app/views/devise/registrations/new.html.erb
+++ b/app/views/devise/registrations/new.html.erb
@@ -1,5 +1,5 @@
 <div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
-  <div class="max-w-md w-full space-y-8">
+  <div class="min-h-screen max-w-md w-full space-y-8">
     <div>
       <%= link_to "/" do %>
         <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
index 7828e05..ef7818b 100755
--- a/app/views/devise/sessions/new.html.erb
+++ b/app/views/devise/sessions/new.html.erb
@@ -1,5 +1,5 @@
 <div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
-  <div class="max-w-md w-full space-y-8">
+  <div class="min-h-screen max-w-md w-full space-y-8">
     <div>
       <%= link_to "/" do %>
         <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
diff --git a/app/views/pages/dashboard.html.erb b/app/views/pages/dashboard.html.erb
index 5f862d8..376f154 100755
--- a/app/views/pages/dashboard.html.erb
+++ b/app/views/pages/dashboard.html.erb
@@ -1,9 +1,9 @@
 <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
   <!-- Hero section with metrics -->
-  <div class="mb-8">
+  <div class="mt-4 mb-8">
     <div class="flex items-center justify-between mb-6">
       <h1 class="text-3xl font-bold text-slate-900 dark:text-slate-100">Tableau de bord</h1>
-      
+
       <!-- Promoter Actions -->
       <% if current_user.promoter? %>
         <div class="flex items-center space-x-3">