import Link from "next/link";
import { LoginForm } from "@/components/auth/login-form";

export default function LoginPage() {
  return (
    <main className="auth-shell">
      <div className="w-full p-2 md:p-4">
        <div className="mb-8 space-y-3 text-center">
          <p className="text-xs uppercase tracking-[0.2em] text-muted">PayMe</p>
          <h1 className="text-3xl font-semibold">Sign in</h1>
        </div>
        <LoginForm />
        <p className="mt-6 text-sm text-muted">
          No account yet?{" "}
          <Link href="/register" className="text-accent underline underline-offset-4 hover:text-text">
            Create one
          </Link>
        </p>
      </div>
    </main>
  );
}