import { SignupForm } from '@/components/auth-signup-form'
import Link from 'next/link'

export default function SignupPage() {
    return (
        <div className="h-screen w-screen flex justify-center items-center bg-slate-100">
            <div className="sm:shadow-xl px-8 pb-8 pt-12 sm:bg-black rounded-xl space-y-12">
                <h1 className="font-semibold text-2xl">Create your Account</h1>
                <SignupForm />
                <p className="text-center">
                    Have an account?{' '}
                    <Link className="text-indigo-500 hover:underline" href="/login">
                        Sign in
                    </Link>{' '}
                </p>
            </div>
        </div>
    )
}