From 22e7f0d45fae0a0c4bebc11e3283955c08f0e93d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 11 Nov 2025 06:52:39 +0000
Subject: [PATCH 1/2] Initial plan


From 91e1cc3643be406651619bab7c888c99582aa436 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 11 Nov 2025 06:57:38 +0000
Subject: [PATCH 2/2] Fix mobile menu not closing after navigation

Co-authored-by: hanrodz <60060421+hanrodz@users.noreply.github.com>
---
 frontend/src/components/NavigationBar.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/NavigationBar.tsx b/frontend/src/components/NavigationBar.tsx
index 41fc4bb..786a868 100644
--- a/frontend/src/components/NavigationBar.tsx
+++ b/frontend/src/components/NavigationBar.tsx
@@ -14,13 +14,16 @@ const NavigationBar: React.FC = () => {
   const [language, _] = languageState.useState();
   const valeraClass = valeraLight.className;
 
+  const handleNavClick = () => {
+    setIsMenuOpen(false);
+  };
 
-  const navItems = (
+  const navItems = (isMobile: boolean = false) => (
     <>
-      <Link href="/" className="text-lg hover:text-gray-400">{getLocalizedElement("navbar_home", language)}</Link>
-      <Link href="/#contact" className="text-lg hover:text-gray-400">{getLocalizedElement("navbar_contact", language)}</Link>
-      <Link href="/#partners" className="text-lg hover:text-gray-400">{getLocalizedElement("navbar_partners", language)}</Link>
-      <Link href="/#about" className="text-lg hover:text-gray-400">{getLocalizedElement("navbar_faq", language)}</Link>
+      <Link href="/" className="text-lg hover:text-gray-400" onClick={isMobile ? handleNavClick : undefined}>{getLocalizedElement("navbar_home", language)}</Link>
+      <Link href="/#contact" className="text-lg hover:text-gray-400" onClick={isMobile ? handleNavClick : undefined}>{getLocalizedElement("navbar_contact", language)}</Link>
+      <Link href="/#partners" className="text-lg hover:text-gray-400" onClick={isMobile ? handleNavClick : undefined}>{getLocalizedElement("navbar_partners", language)}</Link>
+      <Link href="/#about" className="text-lg hover:text-gray-400" onClick={isMobile ? handleNavClick : undefined}>{getLocalizedElement("navbar_faq", language)}</Link>
       <LanguageToggle/>
     </>
   )
@@ -50,13 +53,13 @@ const NavigationBar: React.FC = () => {
 
           {/* Navigation buttons */}
           <div className={`flex items-center space-x-6 desktop-menu`}>
-            {navItems}
+            {navItems(false)}
           </div>
 
           {/* Mobile Sidebar */}
           <div className={`mobile-menu ${isMenuOpen ? 'active' : ''}`}>
             <span className="close-btn" onClick={() => setIsMenuOpen(false)}>×</span>
-            {navItems}
+            {navItems(true)}
             {/*<span className="h-10 bg-transparent blank-reserve"></span> 
             <img src="./mlh-badge.svg" alt="MLH 2023 Hackathon Season" className="h-40 mlh-badge" />*/}
           </div>