diff --git a/components/EventDetailsSkeleton.tsx b/components/EventDetailsSkeleton.tsx
new file mode 100644
index 0000000..8c564e3
--- /dev/null
+++ b/components/EventDetailsSkeleton.tsx
@@ -0,0 +1,29 @@
+// components/EventDetailsSkeleton.tsx
+export default function EventDetailsSkeleton() {
+  return (
+    <div className="animate-pulse p-6 space-y-8">
+      {/* Header Skeleton */}
+      <div className="space-y-3">
+        <div className="h-8 bg-gray-700 rounded w-1/3"></div>
+        <div className="h-4 bg-gray-700 rounded w-2/3"></div>
+      </div>
+
+      {/* Main Content Area */}
+      <div className="flex gap-8">
+        <div className="flex-1 space-y-6">
+          {/* Banner Image Placeholder */}
+          <div className="h-64 bg-gray-700 rounded-lg w-full"></div>
+          {/* Overview Section */}
+          <div className="h-20 bg-gray-700 rounded w-full"></div>
+          {/* Details list */}
+          <div className="space-y-3">
+            {[1, 2, 3].map((i) => <div key={i} className="h-6 bg-gray-700 rounded w-1/2"></div>)}
+          </div>
+        </div>
+
+        {/* Sidebar/Booking Placeholder */}
+        <div className="w-80 h-60 bg-gray-700 rounded-lg"></div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file