"use client";

import { useRouter } from "next/navigation";
import { AuthCard, AuthFooterLink } from "@/components/auth/auth-card";
import { SignUpForm } from "@/components/auth/signup-form";

export default function SignUpPage() {
  const router = useRouter();
  return (
    <AuthCard
      title="Create your account"
      description="Save bookmarks, build collections, and follow Śrīla Prabhupāda's words across devices."
      footer={
        <AuthFooterLink prefix="Already registered?" href="/login" label="Log in" />
      }
    >
      <SignUpForm
        oauthNext="/u/me"
        onSuccess={() => {
          router.push("/u/me");
          router.refresh();
        }}
      />
    </AuthCard>
  );
}