34 lines
1.4 KiB
TypeScript
34 lines
1.4 KiB
TypeScript
import { Skeleton } from "@/components/ui/skeleton"
|
|
|
|
export default function PublicLoading() {
|
|
return (
|
|
<div className="container py-12 md:py-24">
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12">
|
|
<div className="space-y-4">
|
|
<Skeleton className="aspect-square w-full rounded-xl" />
|
|
<div className="grid grid-cols-4 gap-4">
|
|
<Skeleton className="aspect-square w-full rounded-xl" />
|
|
<Skeleton className="aspect-square w-full rounded-xl" />
|
|
<Skeleton className="aspect-square w-full rounded-xl" />
|
|
<Skeleton className="aspect-square w-full rounded-xl" />
|
|
</div>
|
|
</div>
|
|
<div className="space-y-8">
|
|
<div className="space-y-4">
|
|
<Skeleton className="h-8 w-1/3" />
|
|
<Skeleton className="h-12 w-2/3" />
|
|
</div>
|
|
<div className="space-y-4">
|
|
<Skeleton className="h-4 w-full" />
|
|
<Skeleton className="h-4 w-full" />
|
|
<Skeleton className="h-4 w-3/4" />
|
|
</div>
|
|
<div className="space-y-4 pt-6">
|
|
<Skeleton className="h-12 w-48" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|