Loading destinations...

Discovering amazing cities for you to explore

\n );\n }\n\n if (error) {\n return (\n

🚫

Unable to load cities

{error}

\n \n Try Again\n \n

\n );\n }\n\n return (\n

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

\n Explore the World\n Virtually\n

\n Take immersive virtual tours of amazing cities worldwide. Discover cultural facts, \n local cuisine, and essential phrases for your next adventure.\n

\n \n {/* Search Bar */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full px-4 py-3 pl-12 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n 🔍\n

\n\n {/* Statistics */}\n

{cities.length}

Cities Available

50+

Cultural Facts

30+

Food Spots

100+

Useful Phrases

\n\n {/* Cities Grid */}\n {filteredCities.length === 0 ? (\n

🔍

No cities found

Try adjusting your search terms

\n ) : (\n

\n {filteredCities.map((city, index) => (\n \n ))}\n

\n )}\n\n {/* Features Section */}\n

\n What Makes Our Tours Special\n

🏛️

Rich Cultural Content

\n Discover fascinating historical facts and cultural insights about each destination\n

🍽️

Local Food Guide

\n Get insider tips on the best restaurants, street food, and local specialties\n

💬

Essential Phrases

\n Learn key phrases in the local language with pronunciation guides\n

\n );\n}\n\ninterface CityCardProps {\n city: City;\n onSelect: (city: City) => void;\n delay: number;\n}\n\nfunction CityCard({ city, onSelect, delay }: CityCardProps) {\n const [imageLoaded, setImageLoaded] = useState(false);\n\n const handleClick = () => {\n // Track city card click\n if ((window as any).analytics) {\n (window as any).analytics.track('city_card_clicked', {\n cityId: city.id,\n cityName: city.name,\n country: city.country\n });\n }\n \n onSelect(city);\n };\n\n return (\n

\n {/* City Image/Icon */}\n

{city.image}

{city.name}

{city.country}

\n\n {/* City Info */}\n

\n {city.description}\n

\n \n

\n 📍\n {city.country}\n

\n \n \n

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/Onesidededdimple/VirtualTourGuide/code/frontend/components/CitySelector.tsx","extension","actionData","errors"]