\n {/* Header */}\n

\n Discover Amazing Destinations\n

\n Explore curated destinations from around the world, powered by AI recommendations \n and real traveler experiences.\n

\n\n {/* Filters */}\n

\n {/* Search */}\n

\n \n Search Destinations\n \n debouncedSearch(e.target.value)}\n className=\"input-field\"\n />\n

\n\n {/* Sort */}\n

\n \n Sort By\n \n setSortBy(e.target.value)}\n className=\"input-field\"\n >\n \n \n \n \n \n \n

\n\n {/* Clear Filters */}\n

\n \n Clear Filters\n \n

\n\n {/* Price and Rating Filters */}\n

\n \n Max Budget: ${maxCost}\n \n setMaxCost(parseInt(e.target.value))}\n className=\"w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer\"\n />\n

\n \n Min Rating: {minRating}⭐\n \n setMinRating(parseFloat(e.target.value))}\n className=\"w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer\"\n />\n

\n\n {/* Tags */}\n

\n \n Filter by Interests\n \n

\n {availableTags.map(tag => (\n toggleTag(tag)}\n className={`px-3 py-1 rounded-full text-sm font-medium transition-all ${\n selectedTags.includes(tag)\n ? 'bg-blue-500 text-white'\n : 'bg-gray-700 text-gray-300 hover:bg-gray-600'\n }`}\n >\n {tag}\n \n ))}\n

\n\n {/* Results Count */}\n

\n {isLoading ? 'Loading...' : `${filteredDestinations.length} destinations found`}\n

\n onNavigate('booking')}\n className=\"btn-primary\"\n >\n 🎫 Book Travel\n \n

\n\n {/* Destinations Grid */}\n {isLoading ? (\n

\n {[...Array(6)].map((_, i) => (\n

\n ))}\n

\n ) : filteredDestinations.length === 0 ? (\n

🔍

No destinations found

Try adjusting your filters or search terms

\n \n

\n ) : (\n

\n {filteredDestinations.map((destination) => (\n

\n \n

\n ⭐ {destination.rating}\n

\n ${destination.averageCost}\n

\n \n

{destination.name}

{destination.country}

{destination.description}

\n \n {/* Tags */}\n

\n {destination.tags.slice(0, 3).map(tag => (\n \n {tag}\n \n ))}\n {destination.tags.length > 3 && (\n \n +{destination.tags.length - 3}\n \n )}\n

\n\n {/* Activities */}\n

Popular Activities:

\n {destination.popularActivities.slice(0, 2).join(', ')}\n

\n\n {/* Best Time */}\n

Best Time to Visit:

{destination.bestTimeToVisit}

\n\n

\n From ${destination.averageCost}\n onNavigate('booking')}\n className=\"btn-primary text-sm px-4 py-2\"\n >\n Book Now\n \n

\n ))}\n

\n )}\n\n {/* Load More */}\n {filteredDestinations.length > 0 && (\n

\n \n

\n )}\n

\n );\n}",[],[239,246,253,260],{"_102":267,"_95":268,"_143":269,"_145":254,"_146":132,"_147":255,"_149":150,"_104":270,"_99":31,"_152":170,"_154":271,"_155":27,"_156":-5,"_157":272,"_98":273},"0648f66c-3a45-11f0-a1f9-9e149126039e","HomePage.tsx","0648f70c-3a45-11f0-a1f9-9e149126039e",["D",1748272858104],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Destination, TravelTrend } from \"../../../shared/types.ts\";\n\ninterface HomePageProps {\n onNavigate: (page: string) => void;\n}\n\nexport default function HomePage({ onNavigate }: HomePageProps) {\n const [featuredDestinations, setFeaturedDestinations] = useState([]);\n const [trendingDestinations, setTrendingDestinations] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n\n useEffect(() => {\n loadInitialData();\n }, []);\n\n const loadInitialData = async () => {\n try {\n // Try to get data from initial load\n const initialData = (window as any).__INITIAL_DATA__;\n if (initialData) {\n setFeaturedDestinations(initialData.featuredDestinations || []);\n setTrendingDestinations(initialData.trendingDestinations || []);\n setIsLoading(false);\n return;\n }\n\n // Fallback to API calls\n const [featuredResponse, trendingResponse] = await Promise.all([\n fetch('/api/destinations/featured/list'),\n fetch('/api/future-trends/trending')\n ]);\n\n if (featuredResponse.ok) {\n const featuredData = await featuredResponse.json();\n setFeaturedDestinations(featuredData.data || []);\n }\n\n if (trendingResponse.ok) {\n const trendingData = await trendingResponse.json();\n setTrendingDestinations(trendingData.data || []);\n }\n } catch (error) {\n console.error('Error loading initial data:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

\n {/* Hero Section */}\n

\n Welcome to the Future of Travel\n

\n Experience next-generation travel with AI-powered recommendations, \n sustainable destinations, and seamless booking across flights, trains, and cabs.\n

\n \n

\n \n \n

\n\n {/* Stats */}\n

\n {[\n { label: 'Destinations', value: '500+', icon: '🌍' },\n { label: 'Happy Travelers', value: '50K+', icon: '😊' },\n { label: 'AI Predictions', value: '99.9%', icon: '🤖' },\n { label: 'Carbon Neutral', value: '100%', icon: '🌱' }\n ].map((stat, index) => (\n

{stat.icon}

{stat.value}

{stat.label}

\n ))}\n

\n\n {/* Featured Destinations */}\n

\n Featured Destinations\n

\n Discover the most popular and highly-rated destinations chosen by our AI and travel experts.\n

\n\n {isLoading ? (\n

\n {[...Array(4)].map((_, i) => (\n

\n ))}\n

\n ) : (\n

\n {featuredDestinations.slice(0, 4).map((destination) => (\n

\n ${destination.name}\n$ \n

\n ⭐ {destination.rating}\n

{destination.name}

{destination.country}

{destination.description}

\n From ${destination.averageCost}\n \n

\n ))}\n

\n )}\n\n

\n \n

\n\n {/* Future Travel Trends */}\n

\n Future Travel Trends\n

\n Stay ahead with AI-powered predictions and emerging travel destinations.\n

\n\n {isLoading ? (\n

\n {[...Array(3)].map((_, i) => (\n

\n ))}\n

\n ) : (\n

\n {trendingDestinations.slice(0, 3).map((trend) => (\n

{trend.destination}

\n \n {trend.trend === 'rising' ? '📈' : trend.trend === 'stable' ? '➡️' : '📉'} \n {trend.trend}\n \n

\n Popularity\n {trend.predictedPopularity}%\n

\n Key factors: {trend.factors.slice(0, 2).join(', ')}\n

\n \n

\n ))}\n

\n )}\n\n

\n \n

\n\n {/* Call to Action */}\n

\n Ready to Start Your Journey?\n

\n Join thousands of travelers who trust TravelVerse for their next adventure.\n

\n \n \n

\n );\n}",[],[239,246,253,268],{"_102":275,"_95":276,"_143":277,"_145":254,"_146":132,"_147":278,"_149":150,"_104":279,"_99":31,"_152":170,"_154":280,"_155":27,"_156":-5,"_157":281,"_98":282},"19a05a0c-3a45-11f0-b7af-9e149126039e","LoginPage.tsx","19a05ac0-3a45-11f0-b7af-9e149126039e",18,["D",1748272890554],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { User } from \"../../../shared/types.ts\";\n\ninterface LoginPageProps {\n onLogin: (user: User) => void;\n onNavigate: (page: string) => void;\n}\n\nexport default function LoginPage({ onLogin, onNavigate }: LoginPageProps) {\n const [isLogin, setIsLogin] = useState(true);\n const [formData, setFormData] = useState({\n email: '',\n password: '',\n name: ''\n });\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState('');\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsLoading(true);\n setError('');\n\n try {\n const endpoint = isLogin ? '/api/auth/login' : '/api/auth/signup';\n const body = isLogin \n ? { email: formData.email, password: formData.password }\n : { email: formData.email, password: formData.password, name: formData.name };\n\n const response = await fetch(endpoint, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(body),\n });\n\n const data = await response.json();\n\n if (data.success && data.user) {\n onLogin(data.user);\n } else {\n setError(data.message || 'Authentication failed');\n }\n } catch (error) {\n setError('Network error. Please try again.');\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleInputChange = (e: React.ChangeEvent) => {\n setFormData(prev => ({\n ...prev,\n [e.target.name]: e.target.value\n }));\n };\n\n return (\n

\n {/* Header */}\n

🚀

\n {isLogin ? 'Welcome Back' : 'Join TravelVerse'}\n

\n {isLogin \n ? 'Sign in to continue your journey' \n : 'Create your account and explore the future of travel'\n }\n

\n\n {/* Form */}\n

\n {!isLogin && (\n

\n \n Full Name\n \n \n

\n )}\n\n

\n \n Email Address\n \n \n

\n\n

\n \n Password\n \n \n {!isLogin && (\n

\n Password must be at least 6 characters long\n

\n )}\n

\n\n {error && (\n

{error}

\n )}\n\n \n {isLoading ? (\n

\n {isLogin ? 'Signing In...' : 'Creating Account...'}\n

\n ) : (\n isLogin ? '🔑 Sign In' : '🚀 Create Account'\n )}\n \n \n\n {/* Toggle */}\n

\n {isLogin ? \"Don't have an account?\" : \"Already have an account?\"}\n {\n setIsLogin(!isLogin);\n setError('');\n setFormData({ email: '', password: '', name: '' });\n }}\n className=\"ml-2 text-blue-400 hover:text-blue-300 font-medium\"\n >\n {isLogin ? 'Sign up' : 'Sign in'}\n \n

\n\n {/* Demo Accounts */}\n

Demo Accounts:

Email: demo@travelverse.com

Password: demo123

\n\n {/* Features */}\n

\n {[\n { icon: '🤖', title: 'AI-Powered', desc: 'Smart recommendations' },\n { icon: '🌱', title: 'Sustainable', desc: 'Eco-friendly travel' },\n { icon: '🔒', title: 'Secure', desc: 'Your data protected' }\n ].map((feature, index) => (\n

{feature.icon}

{feature.title}

{feature.desc}

\n ))}\n

\n\n {/* Back to Home */}\n

\n onNavigate('home')}\n className=\"text-gray-400 hover:text-white text-sm\"\n >\n ← Back to Home\n \n

\n );\n}",[],[239,246,253,276],[239,246,253],{"_102":285,"_95":286,"_143":287,"_145":247,"_146":132,"_147":248,"_149":150,"_104":288,"_99":31,"_152":170,"_154":289,"_155":27,"_156":-5,"_157":290,"_98":291},"cae7bf0e-3a44-11f0-bff8-9e149126039e","App.tsx","cae7c03a-3a44-11f0-bff8-9e149126039e",["D",1748272758478],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport Layout from \"./Layout.tsx\";\nimport HomePage from \"./pages/HomePage.tsx\";\nimport LoginPage from \"./pages/LoginPage.tsx\";\nimport DestinationsPage from \"./pages/DestinationsPage.tsx\";\nimport BookingPage from \"./pages/BookingPage.tsx\";\nimport FutureTravelPage from \"./pages/FutureTravelPage.tsx\";\nimport AboutPage from \"./pages/AboutPage.tsx\";\nimport ProfilePage from \"./pages/ProfilePage.tsx\";\nimport type { User } from \"../../shared/types.ts\";\n\ntype Page = 'home' | 'login' | 'destinations' | 'booking' | 'future' | 'about' | 'profile';\n\ninterface AppState {\n currentPage: Page;\n user: User | null;\n isLoading: boolean;\n}\n\nexport default function App() {\n const [state, setState] = useState({\n currentPage: 'home',\n user: null,\n isLoading: true\n });\n\n // Check for existing session on app load\n useEffect(() => {\n checkAuthStatus();\n }, []);\n\n const checkAuthStatus = async () => {\n try {\n const response = await fetch('/api/auth/me');\n if (response.ok) {\n const data = await response.json();\n if (data.success && data.user) {\n setState(prev => ({ ...prev, user: data.user, isLoading: false }));\n return;\n }\n }\n } catch (error) {\n console.log('No existing session found');\n }\n setState(prev => ({ ...prev, isLoading: false }));\n };\n\n const navigateTo = (page: Page) => {\n setState(prev => ({ ...prev, currentPage: page }));\n \n // Update URL without page reload\n const url = page === 'home' ? '/' : `/${page}`;\n window.history.pushState({}, '', url);\n };\n\n const handleLogin = (user: User) => {\n setState(prev => ({ ...prev, user, currentPage: 'home' }));\n };\n\n const handleLogout = async () => {\n try {\n await fetch('/api/auth/logout', { method: 'POST' });\n } catch (error) {\n console.error('Logout error:', error);\n }\n setState(prev => ({ ...prev, user: null, currentPage: 'home' }));\n };\n\n // Handle browser back/forward buttons\n useEffect(() => {\n const handlePopState = () => {\n const path = window.location.pathname.slice(1) || 'home';\n setState(prev => ({ ...prev, currentPage: path as Page }));\n };\n\n window.addEventListener('popstate', handlePopState);\n return () => window.removeEventListener('popstate', handlePopState);\n }, []);\n\n // Set initial page based on URL\n useEffect(() => {\n const path = window.location.pathname.slice(1) || 'home';\n setState(prev => ({ ...prev, currentPage: path as Page }));\n }, []);\n\n if (state.isLoading) {\n return (\n

Loading TravelVerse...

\n );\n }\n\n const renderPage = () => {\n switch (state.currentPage) {\n case 'login':\n return ;\n case 'destinations':\n return ;\n case 'booking':\n return ;\n case 'future':\n return ;\n case 'about':\n return ;\n case 'profile':\n return ;\n default:\n return ;\n }\n };\n\n return (\n \n {renderPage()}\n \n );\n}",[],[239,246,286],{"_102":293,"_95":294,"_143":295,"_145":247,"_146":132,"_147":296,"_149":150,"_104":297,"_99":31,"_152":170,"_154":298,"_155":27,"_156":-5,"_157":299,"_98":300},"da51f52c-3a44-11f0-9a0b-9e149126039e","Layout.tsx","da51f5d6-3a44-11f0-9a0b-9e149126039e",15,["D",1748272784344],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport Navigation from \"./Navigation.tsx\";\nimport type { User } from \"../../shared/types.ts\";\n\ninterface LayoutProps {\n children: React.ReactNode;\n user: User | null;\n currentPage: string;\n onNavigate: (page: any) => void;\n onLogout: () => void;\n}\n\nexport default function Layout({ children, user, currentPage, onNavigate, onLogout }: LayoutProps) {\n const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);\n\n return (\n

\n {/* Background Effects */}\n

\n\n {/* Navigation */}\n \n\n {/* Main Content */}\n

\n {children}\n

\n\n {/* Footer */}\n \n

\n );\n}",[],[239,246,294],{"_102":302,"_95":303,"_143":304,"_145":247,"_146":132,"_147":305,"_149":150,"_104":306,"_99":31,"_152":170,"_154":307,"_155":27,"_156":-5,"_157":308,"_98":309},"e9c2669a-3a44-11f0-ac0a-9e149126039e","Navigation.tsx","e9c26730-3a44-11f0-ac0a-9e149126039e",16,["D",1748272810247],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { User } from \"../../shared/types.ts\";\n\ninterface NavigationProps {\n user: User | null;\n currentPage: string;\n onNavigate: (page: any) => void;\n onLogout: () => void;\n isMobileMenuOpen: boolean;\n setIsMobileMenuOpen: (open: boolean) => void;\n}\n\nexport default function Navigation({ \n user, \n currentPage, \n onNavigate, \n onLogout, \n isMobileMenuOpen, \n setIsMobileMenuOpen \n}: NavigationProps) {\n \n const navItems = [\n { id: 'home', label: 'Home', icon: '🏠' },\n { id: 'destinations', label: 'Destinations', icon: '🌍' },\n { id: 'booking', label: 'Book Travel', icon: '✈️' },\n { id: 'future', label: 'Future Travel', icon: '🚀' },\n { id: 'about', label: 'About', icon: 'ℹ️' }\n ];\n\n return (\n

\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}",[],[239,246,303],[239,246],{"_102":312,"_95":313,"_143":314,"_145":240,"_146":132,"_147":241,"_149":150,"_104":315,"_99":31,"_152":316,"_154":317,"_155":27,"_156":-5,"_157":318,"_98":319},"ac8715d2-3a44-11f0-bff8-9e149126039e","index.html","ac8716cc-3a44-11f0-bff8-9e149126039e",["D",1748272707516],"file","\n\n\n \n \n TravelVerse - Future of Travel\n 🚀\">\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n

🚀

TravelVerse

\n \n \n\n",[],[239,313],{"_102":321,"_95":322,"_143":323,"_145":240,"_146":132,"_147":324,"_149":150,"_104":325,"_99":31,"_152":170,"_154":326,"_155":27,"_156":-5,"_157":327,"_98":328},"bfad84fc-3a44-11f0-a0ec-9e149126039e","index.tsx","bfad85ce-3a44-11f0-a0ec-9e149126039e",13,["D",1748272739645],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\n// Hide loading screen\nconst loadingScreen = document.getElementById('loading-screen');\nif (loadingScreen) {\n setTimeout(() => {\n loadingScreen.style.opacity = '0';\n setTimeout(() => {\n loadingScreen.remove();\n }, 300);\n }, 1000);\n}\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[],[239,322],{"_102":330,"_95":331,"_143":332,"_145":240,"_146":132,"_147":333,"_149":150,"_104":334,"_99":31,"_152":316,"_154":335,"_155":27,"_156":-5,"_157":336,"_98":337},"bb728770-3a44-11f0-9314-9e149126039e","style.css","bb7288e2-3a44-11f0-9314-9e149126039e",12,["D",1748272732547],"/* Additional custom styles for TravelVerse */\n\n/* Smooth transitions */\n* {\n transition: all 0.3s ease;\n}\n\n/* Button hover effects */\n.btn-primary {\n background: linear-gradient(45deg, #3b82f6, #8b5cf6);\n border: none;\n color: white;\n padding: 12px 24px;\n border-radius: 12px;\n font-weight: 600;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n}\n\n.btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(59, 130, 246, 0.4);\n}\n\n.btn-primary:active {\n transform: translateY(0);\n}\n\n.btn-secondary {\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.3);\n color: white;\n padding: 12px 24px;\n border-radius: 12px;\n font-weight: 500;\n cursor: pointer;\n backdrop-filter: blur(10px);\n}\n\n.btn-secondary:hover {\n background: rgba(255, 255, 255, 0.2);\n border-color: rgba(255, 255, 255, 0.5);\n transform: translateY(-2px);\n}\n\n/* Card hover effects */\n.card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 16px;\n padding: 24px;\n transition: all 0.3s ease;\n}\n\n.card:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: rgba(255, 255, 255, 0.3);\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n}\n\n/* Input styles */\n.input-field {\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 12px;\n padding: 12px 16px;\n color: white;\n backdrop-filter: blur(10px);\n width: 100%;\n}\n\n.input-field:focus {\n outline: none;\n border-color: #3b82f6;\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.input-field::placeholder {\n color: rgba(255, 255, 255, 0.5);\n}\n\n/* Navigation styles */\n.nav-link {\n color: rgba(255, 255, 255, 0.8);\n text-decoration: none;\n padding: 8px 16px;\n border-radius: 8px;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n\n.nav-link:hover {\n color: white;\n background: rgba(255, 255, 255, 0.1);\n}\n\n.nav-link.active {\n color: #3b82f6;\n background: rgba(59, 130, 246, 0.1);\n}\n\n/* Hero section animations */\n.hero-title {\n font-size: clamp(2rem, 8vw, 4rem);\n line-height: 1.1;\n margin-bottom: 1rem;\n}\n\n.hero-subtitle {\n font-size: clamp(1rem, 3vw, 1.25rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n}\n\n/* Destination card styles */\n.destination-card {\n position: relative;\n overflow: hidden;\n border-radius: 20px;\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.destination-card:hover {\n transform: scale(1.02);\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);\n}\n\n.destination-image {\n width: 100%;\n height: 200px;\n object-fit: cover;\n border-radius: 16px 16px 0 0;\n}\n\n/* Booking form styles */\n.booking-form {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(15px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n padding: 32px;\n}\n\n/* Status indicators */\n.status-pending {\n background: rgba(251, 191, 36, 0.2);\n color: #fbbf24;\n border: 1px solid rgba(251, 191, 36, 0.3);\n}\n\n.status-confirmed {\n background: rgba(34, 197, 94, 0.2);\n color: #22c55e;\n border: 1px solid rgba(34, 197, 94, 0.3);\n}\n\n.status-cancelled {\n background: rgba(239, 68, 68, 0.2);\n color: #ef4444;\n border: 1px solid rgba(239, 68, 68, 0.3);\n}\n\n/* Trend indicators */\n.trend-rising {\n color: #22c55e;\n}\n\n.trend-stable {\n color: #3b82f6;\n}\n\n.trend-declining {\n color: #ef4444;\n}\n\n/* Mobile responsiveness */\n@media (max-width: 768px) {\n .hero-title {\n font-size: 2.5rem;\n }\n \n .card {\n padding: 16px;\n }\n \n .booking-form {\n padding: 20px;\n }\n}\n\n/* Dark mode enhancements */\n@media (prefers-color-scheme: dark) {\n .glass {\n background: rgba(255, 255, 255, 0.08);\n }\n \n .card {\n background: rgba(255, 255, 255, 0.03);\n }\n}\n\n/* Print styles */\n@media print {\n .no-print {\n display: none !important;\n }\n}",[],[239,331],[239],{"_102":340,"_95":341,"_143":342,"_145":-5,"_146":132,"_147":343,"_149":150,"_104":344,"_99":31,"_152":153,"_154":-5,"_155":27,"_156":-5,"_157":345,"_98":363},"1e883978-3a44-11f0-97d3-9e149126039e","shared","da33942c-784f-4d5e-b7c5-33471325e54a",2,["D",1748272469284],[346,354],{"_102":347,"_95":348,"_143":349,"_145":342,"_146":132,"_147":343,"_149":150,"_104":350,"_99":31,"_152":170,"_154":351,"_155":27,"_156":-5,"_157":352,"_98":353},"1e88148e-3a44-11f0-97d3-9e149126039e","types.ts","1e881560-3a44-11f0-97d3-9e149126039e",["D",1748272469284],"// Shared TypeScript types for TravelVerse\n\nexport interface User {\n id: number;\n email: string;\n name: string;\n preferences?: UserPreferences;\n createdAt: string;\n}\n\nexport interface UserPreferences {\n preferredClass: 'economy' | 'business' | 'first';\n budgetRange: [number, number];\n travelStyle: 'adventure' | 'luxury' | 'budget' | 'business';\n interests: string[];\n}\n\nexport interface Destination {\n id: string;\n name: string;\n country: string;\n description: string;\n imageUrl: string;\n rating: number;\n popularActivities: string[];\n bestTimeToVisit: string;\n averageCost: number;\n coordinates: [number, number];\n tags: string[];\n}\n\nexport interface FlightBooking {\n id: string;\n userId: number;\n from: string;\n to: string;\n departureDate: string;\n returnDate?: string;\n passengers: number;\n class: 'economy' | 'business' | 'first';\n price: number;\n airline: string;\n flightNumber: string;\n status: 'pending' | 'confirmed' | 'cancelled';\n createdAt: string;\n}\n\nexport interface TrainBooking {\n id: string;\n userId: number;\n from: string;\n to: string;\n departureDate: string;\n passengers: number;\n class: 'sleeper' | 'ac' | 'general';\n price: number;\n trainName: string;\n trainNumber: string;\n status: 'pending' | 'confirmed' | 'cancelled';\n createdAt: string;\n}\n\nexport interface CabBooking {\n id: string;\n userId: number;\n from: string;\n to: string;\n pickupTime: string;\n cabType: 'economy' | 'premium' | 'luxury';\n price: number;\n driverName?: string;\n vehicleNumber?: string;\n status: 'pending' | 'assigned' | 'completed' | 'cancelled';\n createdAt: string;\n}\n\nexport interface TravelTrend {\n id: string;\n destination: string;\n trend: 'rising' | 'stable' | 'declining';\n predictedPopularity: number;\n factors: string[];\n bestMonths: string[];\n priceProjection: {\n current: number;\n predicted: number;\n change: number;\n };\n}\n\nexport interface AuthResponse {\n success: boolean;\n user?: User;\n token?: string;\n message?: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n message?: string;\n error?: string;\n}",[],[341,348],{"_102":355,"_95":356,"_143":357,"_145":342,"_146":132,"_147":358,"_149":150,"_104":359,"_99":31,"_152":170,"_154":360,"_155":27,"_156":-5,"_157":361,"_98":362},"245342b2-3a44-11f0-b425-9e149126039e","utils.ts","24534398-3a44-11f0-b425-9e149126039e",3,["D",1748272479006],"// Shared utility functions for TravelVerse\n\nexport function formatDate(date: string | Date): string {\n const d = new Date(date);\n return d.toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n}\n\nexport function formatCurrency(amount: number, currency = 'USD'): string {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: currency\n }).format(amount);\n}\n\nexport function generateId(): string {\n return Math.random().toString(36).substr(2, 9) + Date.now().toString(36);\n}\n\nexport function validateEmail(email: string): boolean {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return emailRegex.test(email);\n}\n\nexport function calculateDistance(\n lat1: number, \n lon1: number, \n lat2: number, \n lon2: number\n): number {\n const R = 6371; // Earth's radius in kilometers\n const dLat = (lat2 - lat1) * Math.PI / 180;\n const dLon = (lon2 - lon1) * Math.PI / 180;\n const a = \n Math.sin(dLat/2) * Math.sin(dLat/2) +\n Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * \n Math.sin(dLon/2) * Math.sin(dLon/2);\n const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));\n return R * c;\n}\n\nexport function debounce any>(\n func: T,\n wait: number\n): (...args: Parameters) => void {\n let timeout: number | undefined;\n return (...args: Parameters) => {\n clearTimeout(timeout);\n timeout = setTimeout(() => func(...args), wait);\n };\n}\n\nexport function getRandomElement(array: T[]): T {\n return array[Math.floor(Math.random() * array.length)];\n}\n\nexport function shuffleArray(array: T[]): T[] {\n const shuffled = [...array];\n for (let i = shuffled.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n }\n return shuffled;\n}",[],[341,356],[341],{"_102":365,"_95":366,"_143":367,"_145":-5,"_146":132,"_147":368,"_149":150,"_104":369,"_99":31,"_152":316,"_154":370,"_155":27,"_156":-5,"_157":371,"_98":372},"17116f84-3a44-11f0-bfa6-9e149126039e","README.md","17117038-3a44-11f0-bfa6-9e149126039e",1,["D",1748272456764],"# TravelVerse - Futuristic Travel Companion\n\nA next-generation travel platform that combines AI-powered recommendations, seamless booking experiences, and futuristic design elements to revolutionize how people plan and book their journeys.\n\n## Features\n\n### Core Functionality\n- **User Authentication** - Secure login/signup system\n- **Destination Discovery** - AI-powered destination recommendations\n- **Multi-Modal Booking** - Book flights, trains, and cabs in one place\n- **Future Travel Planning** - AI predictions and travel trend analysis\n- **Responsive Design** - Futuristic UI with glassmorphism and neon accents\n\n### Pages\n- **Landing Page** - Hero section with animated elements\n- **Login/Signup** - Secure authentication\n- **Destinations** - Interactive destination browser with filters\n- **Booking Hub** - Unified booking for flights, trains, and cabs\n- **Future Travel** - AI-powered travel predictions and trends\n- **About** - Company information and vision\n\n## Tech Stack\n- **Frontend**: React 18.2.0 with TypeScript\n- **Backend**: Hono.js API framework\n- **Database**: SQLite for user data and bookings\n- **Styling**: TailwindCSS with custom futuristic components\n- **Storage**: Val Town Blob for user preferences\n\n## Project Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database operations\n│ ├── routes/\n│ │ ├── auth.ts # Authentication routes\n│ │ ├── destinations.ts # Destination API\n│ │ ├── bookings.ts # Booking management\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main API entry point\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main app component\n│ │ ├── Layout.tsx # Common layout\n│ │ ├── Navigation.tsx # Navigation component\n│ │ └── pages/ # Page components\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n├── shared/\n│ ├── types.ts # Shared TypeScript types\n│ └── utils.ts # Shared utilities\n└── README.md\n```\n\n## Getting Started\n1. The backend API runs on `/backend/index.ts`\n2. Frontend is served from `/frontend/index.html`\n3. Database is automatically initialized on first run\n\n## API Endpoints\n- `POST /api/auth/login` - User login\n- `POST /api/auth/signup` - User registration\n- `GET /api/destinations` - Get destinations\n- `POST /api/bookings/flight` - Book flight\n- `POST /api/bookings/train` - Book train\n- `POST /api/bookings/cab` - Book cab\n- `GET /api/future-trends` - Get travel predictions",[],[366],"files",[140,159,165,174,184,191,199,208,217,227,237,244,251,258,266,274,284,292,301,311,320,329,339,346,354,364],"counts",{"_377":31,"_378":368,"_379":31,"_380":31},"pulls","branches","forks","envVars","contents",[383,386,389,392],{"_102":141,"_95":142,"_143":144,"_145":-5,"_146":132,"_147":148,"_149":150,"_104":384,"_99":31,"_152":153,"_154":-5,"_155":27,"_156":-5,"_98":385},["D",1748272490197],[142],{"_102":238,"_95":239,"_143":240,"_145":-5,"_146":132,"_147":241,"_149":150,"_104":387,"_99":31,"_152":153,"_154":-5,"_155":27,"_156":-5,"_98":388},["D",1748272707516],[239],{"_102":340,"_95":341,"_143":342,"_145":-5,"_146":132,"_147":343,"_149":150,"_104":390,"_99":31,"_152":153,"_154":-5,"_155":27,"_156":-5,"_98":391},["D",1748272469284],[341],{"_102":365,"_95":366,"_143":367,"_145":-5,"_146":132,"_147":368,"_149":150,"_104":393,"_99":31,"_152":316,"_154":370,"_155":27,"_156":-5,"_98":394},["D",1748272456764],[366],"upstream","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history",{"_93":94,"_95":96,"_97":41,"_100":400,"_404":405,"_522":31,"_523":27},{"_102":103,"_95":96,"_104":401,"_106":-5,"_107":27,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":-5,"_114":27,"_115":-5,"_116":31,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":27,"_21":402,"_129":403},["D",1748272254951],{"_93":94,"_127":128},{"_99":131,"_95":41,"_102":132,"_133":103,"_134":-5,"_135":-5,"_136":-5,"_137":-5},"history",[406,411,416,424,429,434,442,447,452,460,465,470,475,480,488,493,504,509,517],{"_143":261,"_99":131,"_104":407,"_146":132,"_373":408},["D",1748272940313],[409],{"_102":259,"_146":132,"_143":261,"_95":260,"_154":263,"_152":170,"_99":31,"_145":254,"_104":407,"_147":131,"_156":-5,"_149":150,"_155":27,"_98":410},[239,246,253,260],{"_143":277,"_99":278,"_104":412,"_146":132,"_373":413},["D",1748272890554],[414],{"_102":275,"_146":132,"_143":277,"_95":276,"_154":280,"_152":170,"_99":31,"_145":254,"_104":412,"_147":278,"_156":-5,"_149":150,"_155":27,"_98":415},[239,246,253,276],{"_143":269,"_99":255,"_104":417,"_146":132,"_373":418},["D",1748272858104],[419,421],{"_102":267,"_146":132,"_143":269,"_95":268,"_154":271,"_152":170,"_99":31,"_145":254,"_104":417,"_147":255,"_156":-5,"_149":150,"_155":27,"_98":420},[239,246,253,268],{"_102":252,"_146":132,"_143":254,"_95":253,"_154":-5,"_152":153,"_99":31,"_145":247,"_104":422,"_147":255,"_156":-5,"_149":150,"_155":27,"_98":423},["D",1748272858104],[239,246,253],{"_143":304,"_99":305,"_104":425,"_146":132,"_373":426},["D",1748272810247],[427],{"_102":302,"_146":132,"_143":304,"_95":303,"_154":307,"_152":170,"_99":31,"_145":247,"_104":425,"_147":305,"_156":-5,"_149":150,"_155":27,"_98":428},[239,246,303],{"_143":295,"_99":296,"_104":430,"_146":132,"_373":431},["D",1748272784344],[432],{"_102":293,"_146":132,"_143":295,"_95":294,"_154":298,"_152":170,"_99":31,"_145":247,"_104":430,"_147":296,"_156":-5,"_149":150,"_155":27,"_98":433},[239,246,294],{"_143":287,"_99":248,"_104":435,"_146":132,"_373":436},["D",1748272758478],[437,439],{"_102":285,"_146":132,"_143":287,"_95":286,"_154":289,"_152":170,"_99":31,"_145":247,"_104":435,"_147":248,"_156":-5,"_149":150,"_155":27,"_98":438},[239,246,286],{"_102":245,"_146":132,"_143":247,"_95":246,"_154":-5,"_152":153,"_99":31,"_145":240,"_104":440,"_147":248,"_156":-5,"_149":150,"_155":27,"_98":441},["D",1748272758478],[239,246],{"_143":323,"_99":324,"_104":443,"_146":132,"_373":444},["D",1748272739645],[445],{"_102":321,"_146":132,"_143":323,"_95":322,"_154":326,"_152":170,"_99":31,"_145":240,"_104":443,"_147":324,"_156":-5,"_149":150,"_155":27,"_98":446},[239,322],{"_143":332,"_99":333,"_104":448,"_146":132,"_373":449},["D",1748272732547],[450],{"_102":330,"_146":132,"_143":332,"_95":331,"_154":335,"_152":316,"_99":31,"_145":240,"_104":448,"_147":333,"_156":-5,"_149":150,"_155":27,"_98":451},[239,331],{"_143":314,"_99":241,"_104":453,"_146":132,"_373":454},["D",1748272707516],[455,457],{"_102":312,"_146":132,"_143":314,"_95":313,"_154":317,"_152":316,"_99":31,"_145":240,"_104":453,"_147":241,"_156":-5,"_149":150,"_155":27,"_98":456},[239,313],{"_102":238,"_146":132,"_143":240,"_95":239,"_154":-5,"_152":153,"_99":31,"_145":-5,"_104":458,"_147":241,"_156":-5,"_149":150,"_155":27,"_98":459},["D",1748272707516],[239],{"_143":230,"_99":231,"_104":461,"_146":132,"_373":462},["D",1748272686628],[463],{"_102":228,"_146":132,"_143":230,"_95":229,"_154":233,"_152":170,"_99":31,"_145":144,"_104":461,"_147":231,"_156":-5,"_149":150,"_155":27,"_98":464},[142,229],{"_143":220,"_99":221,"_104":466,"_146":132,"_373":467},["D",1748272668123],[468],{"_102":218,"_146":132,"_143":220,"_95":219,"_154":223,"_152":170,"_99":31,"_145":187,"_104":466,"_147":221,"_156":-5,"_149":150,"_155":27,"_98":469},[142,186,219],{"_143":202,"_99":203,"_104":471,"_146":132,"_373":472},["D",1748272626571],[473],{"_102":200,"_146":132,"_143":202,"_95":201,"_154":205,"_152":170,"_99":31,"_145":187,"_104":471,"_147":203,"_156":-5,"_149":150,"_155":27,"_98":474},[142,186,201],{"_143":211,"_99":212,"_104":476,"_146":132,"_373":477},["D",1748272585042],[478],{"_102":209,"_146":132,"_143":211,"_95":210,"_154":214,"_152":170,"_99":31,"_145":187,"_104":476,"_147":212,"_156":-5,"_149":150,"_155":27,"_98":479},[142,186,210],{"_143":194,"_99":188,"_104":481,"_146":132,"_373":482},["D",1748272540921],[483,485],{"_102":192,"_146":132,"_143":194,"_95":193,"_154":196,"_152":170,"_99":31,"_145":187,"_104":481,"_147":188,"_156":-5,"_149":150,"_155":27,"_98":484},[142,186,193],{"_102":185,"_146":132,"_143":187,"_95":186,"_154":-5,"_152":153,"_99":31,"_145":144,"_104":486,"_147":188,"_156":-5,"_149":150,"_155":27,"_98":487},["D",1748272540921],[142,186],{"_143":177,"_99":178,"_104":489,"_146":132,"_373":490},["D",1748272517762],[491],{"_102":175,"_146":132,"_143":177,"_95":176,"_154":180,"_152":170,"_99":31,"_145":162,"_104":489,"_147":178,"_156":-5,"_149":150,"_155":27,"_98":492},[142,161,176],{"_143":144,"_99":148,"_104":494,"_146":132,"_373":495},["D",1748272490197],[496,498,501],{"_102":141,"_146":132,"_143":144,"_95":142,"_154":-5,"_152":153,"_99":31,"_145":-5,"_104":494,"_147":148,"_156":-5,"_149":150,"_155":27,"_98":497},[142],{"_102":160,"_146":132,"_143":162,"_95":161,"_154":-5,"_152":153,"_99":31,"_145":144,"_104":499,"_147":148,"_156":-5,"_149":150,"_155":27,"_98":500},["D",1748272490197],[142,161],{"_102":166,"_146":132,"_143":168,"_95":167,"_154":171,"_152":170,"_99":31,"_145":162,"_104":502,"_147":148,"_156":-5,"_149":150,"_155":27,"_98":503},["D",1748272490197],[142,161,167],{"_143":357,"_99":358,"_104":505,"_146":132,"_373":506},["D",1748272479006],[507],{"_102":355,"_146":132,"_143":357,"_95":356,"_154":360,"_152":170,"_99":31,"_145":342,"_104":505,"_147":358,"_156":-5,"_149":150,"_155":27,"_98":508},[341,356],{"_143":342,"_99":343,"_104":510,"_146":132,"_373":511},["D",1748272469284],[512,514],{"_102":340,"_146":132,"_143":342,"_95":341,"_154":-5,"_152":153,"_99":31,"_145":-5,"_104":510,"_147":343,"_156":-5,"_149":150,"_155":27,"_98":513},[341],{"_102":347,"_146":132,"_143":349,"_95":348,"_154":351,"_152":170,"_99":31,"_145":342,"_104":515,"_147":343,"_156":-5,"_149":150,"_155":27,"_98":516},["D",1748272469284],[341,348],{"_143":367,"_99":368,"_104":518,"_146":132,"_373":519},["D",1748272456764],[520],{"_102":365,"_146":132,"_143":367,"_95":366,"_154":370,"_152":316,"_99":31,"_145":-5,"_104":518,"_147":368,"_156":-5,"_149":150,"_155":27,"_98":521},[366],"page","hasNext","routes/_app","actionData","errors"]

History