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

// /paket dinamik (kullanıcı kredisi) — statik kabuk için sayfa geometrisine
// uygun iskelet: ortalanmış başlık bloğu + paket kartı şeridi.
export default function Loading() {
  return (
    <main
      aria-live="polite"
      className="mx-auto w-full max-w-3xl flex-1 px-4 py-16"
    >
      <div className="flex flex-col items-center text-center">
        <Skeleton className="h-6 w-56 rounded-full" />
        <Skeleton className="mt-4 h-10 w-3/4 max-w-xl" />
        <Skeleton className="mt-3 h-5 w-2/3 max-w-lg" />
        <Skeleton className="mt-2 h-5 w-1/2 max-w-md" />
      </div>
      <div className="mt-10 grid gap-6 sm:grid-cols-[1fr_auto]">
        <Skeleton className="h-80 w-full rounded-2xl" />
        <Skeleton className="h-80 w-full rounded-2xl sm:w-64" />
      </div>
    </main>
  );
}