import Link from "next/link";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { CadastroForm } from "./cadastro-form";

export default function CadastroPage() {
  return (
    <main className="container flex min-h-screen items-center justify-center py-8">
      <Card className="w-full max-w-2xl shadow-sm">
        <CardHeader>
          <CardTitle>Crie seu cadastro</CardTitle>
          <p className="text-sm leading-6 text-muted-foreground">
            Depois do cadastro, voce podera iniciar e continuar seu briefing de site.
          </p>
        </CardHeader>
        <CardContent>
          <CadastroForm />
          <p className="mt-4 text-center text-xs leading-5 text-muted-foreground">
            Ao criar cadastro, consulte tambem a{" "}
            <Link href="/privacidade" className="text-primary underline-offset-4 hover:underline">
              Politica de Privacidade
            </Link>{" "}
            e os{" "}
            <Link href="/termos" className="text-primary underline-offset-4 hover:underline">
              Termos de Uso
            </Link>.
          </p>
          <p className="mt-6 text-center text-sm text-muted-foreground">
            Ja tem cadastro?{" "}
            <Link href="/login" className="font-medium text-primary underline-offset-4 hover:underline">
              Entrar
            </Link>
          </p>
        </CardContent>
      </Card>
    </main>
  );
}