From cee671cf3221e0e322f0d21d9a1fa2e52be4271b Mon Sep 17 00:00:00 2001
From: aryabenade <benadearya@gmail.com>
Date: Thu, 23 Apr 2026 13:56:30 +0530
Subject: [PATCH] replace passes with cards in profile page

---
 src/pages/ProfilePage.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx
index 9cf0d70..a05d5a9 100644
--- a/src/pages/ProfilePage.tsx
+++ b/src/pages/ProfilePage.tsx
@@ -193,7 +193,7 @@ export function ProfilePage({
               <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-2">Profile</span>
             </h1>
             <p className="font-poppins text-xl leading-relaxed font-normal text-gray-600">
-              Manage your account, passes, and travel itineraries
+              Manage your account, cards, and travel itineraries
             </p>
           </motion.div>
         </div>
@@ -206,7 +206,7 @@ export function ProfilePage({
             {/* Tab Navigation */}
             <TabsList className="grid w-full grid-cols-3 lg:w-[400px]">
               <TabsTrigger value="profile" className="font-poppins font-light">My Profile</TabsTrigger>
-              <TabsTrigger value="passes" className="font-poppins font-light">My Passes</TabsTrigger>
+              <TabsTrigger value="passes" className="font-poppins font-light">My Cards</TabsTrigger>
               <TabsTrigger value="itineraries" className="font-poppins font-light">My Itineraries</TabsTrigger>
             </TabsList>
 
@@ -536,7 +536,7 @@ export function ProfilePage({
                 animate={{ opacity: 1, y: 0 }}
                 transition={{ duration: 0.5, delay: 0.2 }}
               >
-                <h2 className="font-poppins text-2xl mb-6 font-normal">Active Passes</h2>
+                <h2 className="font-poppins text-2xl mb-6 font-normal">Active Cards</h2>
                 <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
                   {activeCards.map((card: any) => (
                     <Card key={card.id} className="overflow-hidden">
@@ -613,14 +613,14 @@ export function ProfilePage({
                 </div>
               </motion.div>
 
-              {/* Expired Passes */}
+              {/* Expired Cards */}
               {expiredCards.length > 0 && (
                 <motion.div
                   initial={{ opacity: 0, y: 20 }}
                   animate={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.5, delay: 0.4 }}
                 >
-                  <h2 className="font-poppins text-2xl mb-6 font-normal">Expired Passes</h2>
+                  <h2 className="font-poppins text-2xl mb-6 font-normal">Expired Cards</h2>
                   <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
                     {expiredCards.map((card: any) => (
                       <Card key={card.id} className="overflow-hidden opacity-60">