import type { Metadata } from "next";
import { LoginForm } from "./login-form";

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

export default function LoginPage() {
  return (
    <main id="main" className="flex min-h-screen items-center justify-center p-4">
      <div className="w-full max-w-sm rounded-lg border border-border bg-card p-6 shadow-sm">
        <h1 className="text-xl font-semibold tracking-tight">Showoff CMS</h1>
        <p className="mb-6 mt-1 text-sm text-muted-foreground">Sign in to manage your websites.</p>
        <LoginForm />
      </div>
    </main>
  );
}