import { Card } from "@/components/ui/card";

export default function AppLoading() {
  return (
    <div className="space-y-4">
      <Card>
        <div className="flex items-center gap-3">
          <span
            className="h-4 w-4 animate-spin rounded-full border-2 border-[#2663AC]/30 border-t-[#2663AC]"
            aria-hidden="true"
          />
          <p className="text-sm font-semibold text-slate-700">Loading page...</p>
        </div>
      </Card>
      <Card>
        <div className="space-y-2">
          <div className="h-6 w-64 animate-pulse rounded bg-slate-200" />
          <div className="h-4 w-full animate-pulse rounded bg-slate-100" />
          <div className="h-4 w-5/6 animate-pulse rounded bg-slate-100" />
        </div>
      </Card>
    </div>
  );
}