add proper navigations in melbourneAttractions and Profile Page

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')}
           >
             <span className="relative z-10">Get Your {cityName} Card</span>
             

src/pages/ProfilePage.tsx

@@ -746,7 +746,7 @@ export function ProfilePage({
                       </p>
                       <Button
                         className="bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 text-white font-poppins font-normal"
-                        onClick={onCreateItineraryClick}
+                        onClick={() => navigate("/create-itinerary")}
                       >
                         <Plus className="w-4 h-4 mr-2" />
                         Create Itinerary