import Link from "next/link";
import { MagicLinkForm } from "@/components/auth/magic-link-form";
import { SignInForm } from "@/components/auth/sign-in-form";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Separator } from "@/components/ui/separator";

export const metadata = { title: "Connexion — seoinsight" };

export default function SignInPage() {
  return (
    <Card className="w-full max-w-sm">
      <CardHeader>
        <CardTitle>Connexion</CardTitle>
      </CardHeader>
      <CardContent className="space-y-6">
        <SignInForm />
        <Separator />
        <MagicLinkForm />
        <p className="text-muted-foreground text-sm">
          Pas de compte ?{" "}
          <Link href="/sign-up" className="underline">
            Créer un compte
          </Link>
        </p>
      </CardContent>
    </Card>
  );
}