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

export default function MainPageLoading() {
  return (
    <div className="w-full min-h-screen">
      <div className="container mx-auto py-8">
        <Skeleton className="h-[400px] w-full rounded-xl mb-8" />
        <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
          <Skeleton className="h-[250px] rounded-lg" />
          <Skeleton className="h-[250px] rounded-lg" />
          <Skeleton className="h-[250px] rounded-lg" />
        </div>
        <Skeleton className="h-[300px] w-full rounded-xl mb-8" />
        <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
          <Skeleton className="h-[200px] rounded-lg" />
          <Skeleton className="h-[200px] rounded-lg" />
        </div>
      </div>
    </div>
  )
}