import type { Metadata } from 'next';

export const metadata: Metadata = { title: 'Sign in' };

/**
 * Sits outside the dashboard route group so it renders without the sidebar and
 * without the auth requirement.
 */
export default function LoginPage() {
  return (
    <div className="bg-ink-50 flex min-h-screen items-center justify-center px-6">
      <div className="border-ink-200 w-full max-w-sm border bg-white p-8">
        <h1 className="text-lg font-black uppercase tracking-tighter">
          Sport<span className="text-volt-600">.</span> Admin
        </h1>
        <p className="text-ink-500 mt-4 text-sm">
          Sign-in lands with the auth milestone (M2). Credentials will be exchanged for a
          short-lived access token plus a rotating, httpOnly refresh cookie scoped to the admin
          audience.
        </p>
      </div>
    </div>
  );
}