From 33b9b05e2fbb725fc6e6b224bc33e846357396fd Mon Sep 17 00:00:00 2001
From: soufiane <soufiane.baali99@gmail.com>
Date: Fri, 5 Dec 2025 14:08:17 +0100
Subject: [PATCH] fix: simplify mobile navigation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove Inscription/Connexion buttons from hero on mobile
- Simplify Participer button on mobile menu (direct link instead of dropdown)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 app/page.tsx          | 15 -----------
 components/Header.tsx | 58 ++++++-------------------------------------
 2 files changed, 7 insertions(+), 66 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 0d9873e..8e047a7 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -78,21 +78,6 @@ export default function HomePage() {
                 </div>
               </Link>
 
-              {/* Boutons Inscription/Connexion pour mobile (non-authentifié) */}
-              {!isAuthenticated && (
-                <div className="flex flex-row gap-3 mt-4 md:hidden">
-                  <Link href={ROUTES.REGISTER}>
-                    <button className="bg-white text-primary-600 font-bold text-base px-6 py-3 rounded-lg border-2 border-primary-500 shadow-md hover:bg-primary-50 transition-all">
-                      Inscription
-                    </button>
-                  </Link>
-                  <Link href={ROUTES.LOGIN}>
-                    <button className="bg-primary-100 text-primary-700 font-bold text-base px-6 py-3 rounded-lg border-2 border-primary-300 shadow-md hover:bg-primary-200 transition-all">
-                      Connexion
-                    </button>
-                  </Link>
-                </div>
-              )}
             </div>
           </div>
         </div>
diff --git a/components/Header.tsx b/components/Header.tsx
index fdb6827..0510fe6 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -256,57 +256,13 @@ export default function Header() {
               </Link>
 
               {/* Participer Mobile - Green Button */}
-              {isAuthenticated ? (
-                <Link
-                  href={ROUTES.GAME}
-                  className="bg-primary-500 hover:bg-primary-600 text-white font-semibold px-4 py-3 rounded-lg transition-all hover:shadow-lg text-center block whitespace-nowrap"
-                  onClick={() => setIsMobileMenuOpen(false)}
-                >
-                  Participer
-                </Link>
-              ) : (
-                <div>
-                  <button
-                    onClick={() => setIsParticiperDropdownOpen(!isParticiperDropdownOpen)}
-                    className="bg-primary-500 hover:bg-primary-600 text-white font-semibold px-4 py-3 rounded-lg transition-all hover:shadow-lg flex items-center justify-center gap-2 w-full whitespace-nowrap"
-                  >
-                    Participer
-                    <svg
-                      className={`w-4 h-4 flex-shrink-0 transition-transform ${isParticiperDropdownOpen ? 'rotate-180' : ''}`}
-                      fill="none"
-                      stroke="currentColor"
-                      viewBox="0 0 24 24"
-                    >
-                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
-                    </svg>
-                  </button>
-
-                  {isParticiperDropdownOpen && (
-                    <div className="mt-2 space-y-2 animate-fadeIn bg-primary-50 rounded-lg p-3">
-                      <Link
-                        href={ROUTES.LOGIN}
-                        onClick={() => {
-                          setIsMobileMenuOpen(false);
-                          setIsParticiperDropdownOpen(false);
-                        }}
-                        className="block text-primary-800 hover:text-primary-900 font-medium py-2 px-3 bg-white rounded-md hover:bg-primary-100 transition-colors"
-                      >
-                        → Connexion
-                      </Link>
-                      <Link
-                        href={ROUTES.REGISTER}
-                        onClick={() => {
-                          setIsMobileMenuOpen(false);
-                          setIsParticiperDropdownOpen(false);
-                        }}
-                        className="block text-primary-800 hover:text-primary-900 font-medium py-2 px-3 bg-white rounded-md hover:bg-primary-100 transition-colors"
-                      >
-                        → Inscription
-                      </Link>
-                    </div>
-                  )}
-                </div>
-              )}
+              <Link
+                href={isAuthenticated ? ROUTES.GAME : ROUTES.REGISTER}
+                className="bg-primary-500 hover:bg-primary-600 text-white font-semibold px-4 py-3 rounded-lg transition-all hover:shadow-lg text-center block whitespace-nowrap"
+                onClick={() => setIsMobileMenuOpen(false)}
+              >
+                Participer
+              </Link>
 
               {isAuthenticated && (
                 <div className="border-t border-beige-300 pt-3 mt-3 space-y-2">