"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 { authSignInCopy } from "../auth-data"; import { AuthBrandFooter } from "../auth-primitives"; import { SectionShell, ContentRail } from "@/components/layout-contract"; const spring = { type: "spring" as const, duration: 0.3, bounce: 0 }; export function AuthSection() { 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 (

{authSignInCopy.eyebrow} {authSignInCopy.title} {authSignInCopy.description}

Password {authSignInCopy.forgot}

{authSignInCopy.switchPrompt}{" "} {authSignInCopy.switchAction} ); }