first commit

components/LoadingSplash.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+export default function LoadingSplash() {
+    return (
+        <div className="fixed inset-0 z-[100] flex flex-col items-center justify-center bg-[#141414]">
+            <div className="flex flex-col items-center animate-pulse">
+                <h1 className="text-[#E50914] text-4xl md:text-6xl font-bold tracking-tighter uppercase mb-4 drop-shadow-lg">
+                    CINEPRIME
+                </h1>
+                <div className="w-8 h-8 md:w-12 md:h-12 border-4 border-[#E50914] border-t-transparent rounded-full animate-spin"></div>
+            </div>
+            <p className="mt-4 text-gray-500 text-sm animate-pulse">Loading amazing content...</p>
+        </div>
+    );
+}