\n {/* Logo */}\n

\n scrollToSection('home')}\n className=\"text-2xl font-bold gradient-text hover:scale-105 transition-transform duration-200\"\n >\n AJ\n \n

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

\n {navItems.map((item) => (\n scrollToSection(item.id)}\n className={`nav-link ${\n activeSection === item.id ? 'active' : ''\n }`}\n >\n {item.label}\n \n ))}\n

\n\n {/* Theme Toggle & Mobile Menu Button */}\n

\n {/* Theme Toggle */}\n \n {theme === 'light' ? '🌙' : '☀️'}\n \n\n {/* Mobile menu button */}\n

\n setIsMenuOpen(!isMenuOpen)}\n className=\"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500\"\n aria-expanded=\"false\"\n >\n Open main menu\n {!isMenuOpen ? (\n \n ) : (\n \n )}\n \n

\n\n {/* Mobile Navigation Menu */}\n {isMenuOpen && (\n

\n {navItems.map((item) => (\n scrollToSection(item.id)}\n className={`block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors duration-200 ${\n activeSection === item.id\n ? 'text-blue-600 bg-blue-50 dark:bg-blue-900/20'\n : 'text-gray-700 dark:text-gray-300 hover:text-blue-600 hover:bg-gray-50 dark:hover:bg-gray-800'\n }`}\n >\n {item.label}\n \n ))}\n

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/zalwangojalia/Website/code/frontend/components/Header.tsx","extension","actionData","errors"]