"use client"; import Link from "next/link"; import { useRef } from "react"; import { motion, useInView, useReducedMotion } from "motion/react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { motionStagger, motionViewport } from "@/lib/motion-tokens"; import { cn } from "@/lib/utils"; import { authSignUpCopy } from "../auth-data"; import { SectionShell } from "@/components/layout-contract"; const spring = { type: "spring" as const, duration: 0.3, bounce: 0 }; export function AuthCenteredSignUpSection() { const reduceMotion = useReducedMotion(); const ref = useRef(null); const inView = useInView(ref, motionViewport); const itemVariants = reduceMotion ? { hidden: { opacity: 1 }, visible: { opacity: 1 } } : { hidden: { opacity: 0, filter: "blur(4px)", y: 8 }, visible: { opacity: 1, filter: "blur(0px)", y: 0, transition: spring }, }; return (

{authSignUpCopy.eyebrow}

Start building your page

Create an account to save your registry token and Pro license.

Full name

Password

{authSignUpCopy.terms} {authSignUpCopy.switchPrompt}{" "} {authSignUpCopy.switchAction} ); }