\n {/* Logo */}\n

onNavigate('home')}\n >\n

🚀

\n TravelVerse\n

\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-lg text-sm font-medium transition-all ${\n currentPage === item.id \n ? 'text-blue-400 bg-blue-500/10 border border-blue-500/20' \n : 'text-gray-300 hover:text-white hover:bg-white/5'\n }`}\n >\n {item.icon}\n {item.label}\n \n ))}\n

\n\n {/* User Menu */}\n

\n {user ? (\n

\n onNavigate('profile')}\n className=\"flex items-center space-x-2 px-3 py-2 rounded-lg bg-white/5 hover:bg-white/10 transition-all\"\n >\n

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

\n {user.name}\n \n \n Logout\n \n

\n ) : (\n onNavigate('login')}\n className=\"btn-primary text-sm font-medium px-6 py-2\"\n >\n Login\n \n )}\n\n {/* Mobile menu button */}\n setIsMobileMenuOpen(!isMobileMenuOpen)}\n className=\"md:hidden p-2 rounded-lg hover:bg-white/5 transition-all\"\n >\n

\n \n \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-4 py-3 rounded-lg text-left transition-all ${\n currentPage === item.id \n ? 'text-blue-400 bg-blue-500/10 border border-blue-500/20' \n : 'text-gray-300 hover:text-white hover:bg-white/5'\n }`}\n >\n {item.icon}\n {item.label}\n \n ))}\n

\n )}\n

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