Spider-man theme???

src/components/dashboard/stat-card-skeleton.tsx

@@ -1,20 +1,17 @@
 "use client"
 
-import { Card, CardContent } from "@/components/ui/card"
-import { Skeleton } from "@/components/ui/skeleton"
-
 export function StatCardSkeleton() {
   return (
-    <Card className="h-full">
-      <CardContent className="p-6 flex flex-col">
-        <div className="flex items-center justify-between">
-          <div className="space-y-2">
-            <Skeleton className="h-4 w-24" />
-            <Skeleton className="h-8 w-16" />
-          </div>
-          <Skeleton className="h-12 w-12 rounded-xl" />
-        </div>
-      </CardContent>
-    </Card>
+    <div className="col-span-full flex flex-col items-center justify-center py-20">
+      <p className="text-[#CC0000] dark:text-[#FF1111] text-5xl font-['Bangers',cursive] animate-pulse">
+        THWIP!
+      </p>
+      <p className="text-[#444444] dark:text-[#AAAAAA] text-sm mt-3">
+        Loading your data...
+      </p>
+      <div className="w-48 h-1 rounded-full overflow-hidden bg-[#E0E0E0] dark:bg-[#222222] mt-4">
+        <div className="w-full h-full rounded-full bg-gradient-to-r from-[#CC0000] via-[#FFFFFF] to-[#0033CC] animate-[loading_1.5s_ease-in-out_infinite]" />
+      </div>
+    </div>
   )
 }