import { Skeleton } from "@/components/ui/skeleton";

export default function Loading() {
  return (
    <div className="container mx-auto px-4 py-12 max-w-3xl space-y-8">
      <Skeleton className="h-10 w-3/4" />
      <Skeleton className="h-4 w-1/2" />
      <div className="flex gap-4 flex-wrap">
        <Skeleton className="h-[340px] w-28" />
        <Skeleton className="h-[340px] w-28" />
        <Skeleton className="h-[340px] w-28" />
      </div>
      <Skeleton className="h-32 w-full" />
      <Skeleton className="h-24 w-full" />
    </div>
  );
}