import { DirectorySkeleton } from "@/components/public/directory-skeleton";
import { SiteHeader } from "@/components/public/site-header";
import { Skeleton } from "@/components/ui/skeleton";

export default function Loading() {
  return (
    <div className="min-h-svh">
      <SiteHeader />
      <main className="mx-auto w-full max-w-7xl space-y-8 px-4 py-10 sm:px-6 sm:py-14">
        <div className="space-y-3">
          <Skeleton className="h-4 w-32" />
          <Skeleton className="h-10 w-full max-w-2xl" />
          <Skeleton className="h-6 w-full max-w-xl" />
        </div>
        <DirectorySkeleton />
      </main>
    </div>
  );
}