shivam + claude changes

app/blog/[slug]/loading.tsx

@@ -0,0 +1,16 @@
+export default function BlogPostLoading() {
+    return (
+        <div className="max-w-3xl mx-auto px-6 py-24 animate-pulse">
+            <div className="space-y-4 mb-12">
+                <div className="h-4 bg-zinc-200 dark:bg-zinc-800 rounded w-1/4" />
+                <div className="h-12 bg-zinc-200 dark:bg-zinc-800 rounded w-3/4" />
+                <div className="h-6 bg-zinc-200 dark:bg-zinc-800 rounded w-2/3" />
+            </div>
+            <div className="space-y-4">
+                {Array.from({ length: 8 }).map((_, i) => (
+                    <div key={i} className="h-5 bg-zinc-200 dark:bg-zinc-800 rounded" style={{ width: `${70 + Math.random() * 30}%` }} />
+                ))}
+            </div>
+        </div>
+    );
+}