\n {/* Logo */}\n handleNavClick(\"/\")}\n >\n

\n 🎓\n

\n Project PARA\n

\n\n {/* Desktop Navigation */}\n

\n {navigationItems.map((item) => (\n handleNavClick(item.path)}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-all duration-200 hover:scale-105 ${\n isActivePage(item.path)\n ? \"text-yellow-600 dark:text-yellow-400 bg-yellow-50 dark:bg-yellow-900/20 border-b-2 border-yellow-500\"\n : \"text-gray-700 dark:text-gray-300 hover:text-yellow-600 dark:hover:text-yellow-400 hover:bg-yellow-50 dark:hover:bg-yellow-900/10\"\n }`}\n >\n {item.label}\n \n ))}\n\n {/* Theme Toggle */}\n \n {isDarkMode ? \"☀️\" : \"🌙\"}\n \n

\n\n {/* Mobile menu button */}\n

\n \n {isDarkMode ? \"☀️\" : \"🌙\"}\n \n\n setIsMobileMenuOpen(!isMobileMenuOpen)}\n className=\"p-2 rounded-md text-gray-700 dark:text-gray-300 hover:text-yellow-600 dark:hover:text-yellow-400 hover:bg-yellow-50 dark:hover:bg-yellow-900/10 transition-colors duration-200\"\n >\n \n {isMobileMenuOpen\n ? (\n \n )\n : (\n \n )}\n \n \n

\n\n {/* Mobile Navigation */}\n {isMobileMenuOpen && (\n

\n {navigationItems.map((item) => (\n handleNavClick(item.path)}\n className={`text-left px-3 py-2 rounded-md text-base font-medium transition-colors duration-200 ${\n isActivePage(item.path)\n ? \"text-yellow-600 dark:text-yellow-400 bg-yellow-50 dark:bg-yellow-900/20\"\n : \"text-gray-700 dark:text-gray-300 hover:text-yellow-600 dark:hover:text-yellow-400 hover:bg-yellow-50 dark:hover:bg-yellow-900/10\"\n }`}\n >\n {item.label}\n \n ))}\n

\n )}\n \n

\n );\n}","deleted","label",[172,173,154],"frontend","components","permalink","https://www.val.town/x/hunterparks/project-para-demo/code/frontend/components/Header.tsx","extension","actionData","errors"]