import { HeartHandshake } from "lucide-react";
import Link from "next/link";
import { AuthForm } from "@/components/AuthForm";

export default function RegisterPage() {
  return <main className="paper-grid grid min-h-screen place-items-center px-5 py-12"><div className="card-shadow w-full max-w-lg rounded-[2rem] border border-white bg-white/95 p-7 sm:p-10"><Link href="/" className="mb-8 flex items-center gap-3 font-bold"><span className="grid size-10 place-items-center rounded-2xl bg-[#173f35] text-white"><HeartHandshake size={20}/></span> Kinship</Link><h1 className="font-warm text-4xl font-bold text-[#173f35]">Build your directory.</h1><p className="mb-8 mt-2 text-[#68736f]">Start a new organization or join one with an invite code.</p><AuthForm mode="register"/><p className="mt-7 text-center text-sm text-[#68736f]">Already registered? <Link className="font-bold text-[#173f35] underline" href="/login">Sign in</Link></p></div></main>;
}