Eagle Majdes

Homes & Services

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

\n {navItems.map((item) => (\n onNavigate(item.id)}\n className={`nav-link flex items-center space-x-2 px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentPage === item.id\n ? 'text-teal-600 bg-teal-50'\n : 'text-gray-700 hover:text-teal-600 hover:bg-gray-50'\n }`}\n >\n \n {item.label}\n \n ))}\n

\n\n {/* User Actions */}\n

\n {user ? (\n

\n {user.name.charAt(0).toUpperCase()}\n

\n onNavigate('dashboard')}\n className=\"btn-secondary text-sm\"\n >\n \n Dashboard\n \n

\n ) : (\n onNavigate('dashboard')}\n className=\"btn-primary text-sm\"\n >\n \n Login\n \n )}\n

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

\n setIsMobileMenuOpen(!isMobileMenuOpen)}\n className=\"text-gray-700 hover:text-teal-600 focus:outline-none\"\n >\n \n \n

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

\n {navItems.map((item) => (\n {\n onNavigate(item.id);\n setIsMobileMenuOpen(false);\n }}\n className={`nav-link flex items-center space-x-3 px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentPage === item.id\n ? 'text-teal-600 bg-teal-50'\n : 'text-gray-700 hover:text-teal-600 hover:bg-gray-50'\n }`}\n >\n \n {item.label}\n \n ))}\n \n {/* Mobile user actions */}\n

\n {user ? (\n {\n onNavigate('dashboard');\n setIsMobileMenuOpen(false);\n }}\n className=\"flex items-center space-x-3 px-3 py-2 text-sm font-medium text-gray-700 hover:text-teal-600\"\n >\n

\n {user.name.charAt(0).toUpperCase()}\n

\n Dashboard\n \n ) : (\n {\n onNavigate('dashboard');\n setIsMobileMenuOpen(false);\n }}\n className=\"flex items-center space-x-3 px-3 py-2 text-sm font-medium text-teal-600\"\n >\n \n Login\n \n )}\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/godinoarts/Eaglemajdes/code/frontend/components/Header.tsx","extension","actionData","errors"]