diff --git a/src/components/MelbourneAttractions.tsx b/src/components/MelbourneAttractions.tsx index f3b73bf..b76a998 100644 --- a/src/components/MelbourneAttractions.tsx +++ b/src/components/MelbourneAttractions.tsx @@ -2,6 +2,7 @@ import { useState } from 'react'; import { ChevronLeft, ChevronRight, Clock, Users, Star, Zap, CheckCircle, MapPin, Volume2, Camera, Coffee, Palette, Eye } from 'lucide-react'; import { ImageWithFallback } from './figma/ImageWithFallback'; import { motion } from 'motion/react'; +import { useNavigate } from 'react-router-dom'; const melbourneAttractions = [ { @@ -146,6 +147,7 @@ const categories = ["All", "Landmarks", "Gardens", "Markets", "Views", "Beach", export function MelbourneAttractions() { const [activeCategory, setActiveCategory] = useState("All"); + const navigate = useNavigate(); const cityName = localStorage.getItem("cityName") const filteredAttractions = activeCategory === "All" @@ -383,6 +385,7 @@ export function MelbourneAttractions() { whileHover={{ scale: 1.05, boxShadow: "0 20px 40px rgba(99,102,241,0.3)" }} whileTap={{ scale: 0.95 }} className="relative bg-gradient-to-r from-primary to-secondary text-white py-4 px-12 rounded-lg text-lg shadow-xl transition-all duration-300 overflow-hidden group" + onClick={()=>navigate('/passes')} > Get Your {cityName} Card diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx index 22cf974..2353841 100644 --- a/src/pages/ProfilePage.tsx +++ b/src/pages/ProfilePage.tsx @@ -746,7 +746,7 @@ export function ProfilePage({