/**
 * Loading state for signup page
 * Provides instant feedback while page loads
 */
export default function SignupLoading() {
  return (
    <div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-brand-green/5 via-white to-brand-sand/10">
      <div className="w-full max-w-md animate-pulse space-y-6 px-4">
        {/* Header skeleton */}
        <div className="text-center">
          <div className="mx-auto h-10 w-3/4 rounded-lg bg-slate-200" />
          <div className="mx-auto mt-4 h-6 w-1/2 rounded bg-slate-100" />
        </div>

        {/* Form skeleton */}
        <div className="rounded-2xl border border-slate-200 bg-white p-8 shadow-lg">
          <div className="space-y-6">
            <div className="h-10 rounded bg-slate-100" />
            <div className="h-10 rounded bg-slate-100" />
            <div className="h-10 rounded bg-slate-100" />
            <div className="h-12 w-full rounded-lg bg-brand-green/20" />
          </div>
        </div>

        {/* Footer skeleton */}
        <div className="mx-auto h-4 w-2/3 rounded bg-slate-100" />
      </div>
    </div>
  );
}
