From 9360a308ba809481dde9bb6634751922e4a41b5d Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Wed, 21 May 2025 12:41:27 +0000
Subject: [PATCH] Add option for users to join pilates class from the comfort
 of their homes

Implements "online" class type with UI updates and data in `class-card.tsx` and `storage.ts`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 88cd88e4-2dbe-4df6-8c8a-7e38f13ef1ec
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/4e295331-1a0b-4c58-bfd5-9a273f0b80f2.jpg
---
 client/src/components/classes/class-card.tsx | 3 +++
 server/storage.ts                            | 9 +++++++++
 2 files changed, 12 insertions(+)

diff --git a/client/src/components/classes/class-card.tsx b/client/src/components/classes/class-card.tsx
index e5e501f..d4261c7 100644
--- a/client/src/components/classes/class-card.tsx
+++ b/client/src/components/classes/class-card.tsx
@@ -18,6 +18,7 @@ export function ClassCard({ classData }: ClassCardProps) {
       case "group": return "bg-teal-light text-teal";
       case "small-group": return "bg-purple-light text-purple";
       case "private": return "bg-rose-light text-rose";
+      case "online": return "bg-blue-100 text-blue-700";
       default: return "bg-gray-100 text-gray-800";
     }
   };
@@ -28,6 +29,7 @@ export function ClassCard({ classData }: ClassCardProps) {
       case "group": return "Group";
       case "small-group": return "Small Group";
       case "private": return "1-on-1";
+      case "online": return "Online";
       default: return type;
     }
   };
@@ -38,6 +40,7 @@ export function ClassCard({ classData }: ClassCardProps) {
       case "group": return FadiaGroupClassImage;
       case "small-group": return FadiaSmallGroupClassImage;
       case "private": return FadiaPrivateClassImage;
+      case "online": return FadiaSmallGroupClassImage; // Reusing this image for online classes
       default: return FadiaGroupClassImage;
     }
   };
diff --git a/server/storage.ts b/server/storage.ts
index cd12923..ec7f206 100644
--- a/server/storage.ts
+++ b/server/storage.ts
@@ -212,6 +212,15 @@ export class MemStorage implements IStorage {
         capacity: 1,
         classType: "private",
         imageUrl: "https://images.unsplash.com/photo-1616279969856-759f316a5ac1"
+      },
+      {
+        name: "Online Classes",
+        description: "Practice pilates from the comfort of your own home or wherever you happen to be with our convenient online sessions.",
+        duration: 50,
+        price: 2000, // $20.00
+        capacity: 20,
+        classType: "online",
+        imageUrl: "https://images.unsplash.com/photo-1518611012118-696072aa579a"
       }
     ];