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"
       }
     ];