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

export default function Loading() {

  return (

    <div className="mx-auto max-w-[1400px] space-y-5">

      <div className="grid grid-cols-2 gap-3 lg:grid-cols-4">

        {Array.from({ length: 4 }).map((_, i) => (

          <Skeleton key={i} className="h-[104px] rounded-[var(--radius-lg)]" />

        ))}

      </div>

      <Skeleton className="h-[60dvh] rounded-[var(--radius-lg)]" />

    </div>

  );

}