danielmorrisey.com
A simple SEO inspecter Tool, to get social media card previews
1import { Skeleton } from '@/components/ui/skeleton';
2
3export const LoadingSkeleton = () => {
4 return (
5 <div className="space-y-6 animate-fade-in">
6 <div className="space-y-4">
7 <Skeleton className="h-8 w-48" />
8 <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
9 <Skeleton className="h-24 w-full" />
10 <Skeleton className="h-24 w-full" />
11 <Skeleton className="h-24 w-full" />
12 </div>
13 </div>
14
15 <div className="space-y-4">
16 <Skeleton className="h-6 w-32" />
17 <div className="space-y-3">
18 {[...Array(6)].map((_, i) => (
19 <div key={i} className="flex gap-3">
20 <Skeleton className="h-4 w-24" />
21 <Skeleton className="h-4 flex-1" />
22 </div>
23 ))}
24 </div>
25 </div>
26 </div>
27 );
28};