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>
    )
}