import type { Metadata } from "next";
import { LoginForm, RegisterForm } from "@/components/account/AuthForms";

export const metadata: Metadata = {
  title: "Login und Registrierung",
  description: "Toolaro Konto erstellen oder anmelden. Premium nutzt E-Mail-Verifizierung und Zwei-Faktor-Code per E-Mail.",
};

export default function LoginPage() {
  return (
    <div className="mx-auto max-w-5xl px-4 py-14">
      <div className="mb-8 max-w-2xl">
        <p
          className="mb-3 text-[0.7rem] font-bold uppercase tracking-[0.2em] text-brand-500"
          style={{ fontFamily: '"Courier New", monospace' }}
        >
          Toolaro · Konto
        </p>
        <h1 className="font-display text-3xl font-bold uppercase tracking-tight text-ink-primary">
          Toolaro Konto
        </h1>
        <p className="mt-3 leading-7 text-ink-secondary">
          Die Basis-Tools bleiben ohne Konto nutzbar. Ein Account aktiviert Premium-Komfort wie
          Favoriten, Verlauf, gespeicherte Einstellungen, Exporte und werbefreie Nutzung.
        </p>
      </div>
      <div className="grid gap-6 lg:grid-cols-2">
        <LoginForm />
        <RegisterForm />
      </div>
    </div>
  );
}