From 627137427dff32f9bd1907cf175752f93f0c9b81 Mon Sep 17 00:00:00 2001
From: aryabenade <benadearya@gmail.com>
Date: Fri, 24 Apr 2026 14:51:27 +0530
Subject: [PATCH]  add proper navigations in melbourneAttractions and Profile
 Page

---
 src/components/MelbourneAttractions.tsx | 3 +++
 src/pages/ProfilePage.tsx               | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

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