'use client'; import { useState } from 'react'; import { motion } from 'motion/react'; import { Mail, Lock, User } from 'lucide-react'; export default function SignupCard() { const [values, setValues] = useState({ name: '', email: '', password: '', }); const handleChange = (key: string, value: string) => { setValues((prev) => ({ ...prev, [key]: value })); }; return (

Create account

Get started with your free account

handleChange('name', e.target.value)} className="w-full rounded-xl border border-neutral-200 bg-transparent py-2 pr-3 pl-10 text-sm outline-none focus:ring-2 focus:ring-neutral-900 dark:border-neutral-800 dark:focus:ring-white" />

handleChange('email', e.target.value)} className="w-full rounded-xl border border-neutral-200 bg-transparent py-2 pr-3 pl-10 text-sm outline-none focus:ring-2 focus:ring-neutral-900 dark:border-neutral-800 dark:focus:ring-white" />

handleChange('password', e.target.value)} className="w-full rounded-xl border border-neutral-200 bg-transparent py-2 pr-3 pl-10 text-sm outline-none focus:ring-2 focus:ring-neutral-900 dark:border-neutral-800 dark:focus:ring-white" />

Already have an account?{' '} Sign in

); }

Input Card

Installation

Usage