import Image from "next/image";
import type { Metadata } from "next";
import { LoginForm } from "./form";

export const metadata: Metadata = {
  title: "Yönetici Girişi",
  robots: { index: false, follow: false },
};

export default function LoginPage() {
  return (
    <div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-[var(--navy-50)] via-white to-[var(--sky-50)] px-6 py-12">
      <div className="w-full max-w-md rounded-2xl border border-[var(--border)] bg-white p-8 shadow-xl shadow-[var(--navy)]/5">
        <div className="flex flex-col items-center text-center">
          <Image src="/logo.png" alt="Kovak Yazılım" width={56} height={56} />
          <h1 className="mt-4 text-xl font-semibold text-[var(--navy)]">
            Yönetici Paneli
          </h1>
          <p className="mt-1 text-sm text-[var(--muted)]">
            Devam etmek için giriş yapın
          </p>
        </div>
        <div className="mt-8">
          <LoginForm />
        </div>
      </div>
    </div>
  );
}