You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.8 KiB
59 lines
1.8 KiB
'use client'
|
|
|
|
import Link from 'next/link'
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardFooter,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from '@/components/ui/card'
|
|
|
|
import LoginWithGoogle from '../(components)/login-with-google'
|
|
import RegisterForm from '../(components)/register-form'
|
|
import { Routes } from '@/config/routes'
|
|
|
|
export default function RegisterPage() {
|
|
return (
|
|
<div className='flex items-center justify-center min-h-screen bg-gray-100 dark:bg-muted'>
|
|
<Card className='w-[450px] shadow-lg'>
|
|
<CardHeader className='space-y-1'>
|
|
<CardTitle className='text-2xl font-bold text-center'>
|
|
Create an account
|
|
</CardTitle>
|
|
<CardDescription className='text-center'>
|
|
Enter your details to get started
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<RegisterForm />
|
|
<div className='relative mt-4'>
|
|
<div className='absolute inset-0 flex items-center'>
|
|
<span className='w-full border-t' />
|
|
</div>
|
|
<div className='relative flex justify-center text-xs uppercase'>
|
|
<span className='bg-background dark:bg-muted px-2 text-muted-foreground'>
|
|
Or
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div className='mt-4 flex justify-center'>
|
|
<LoginWithGoogle />
|
|
</div>
|
|
</CardContent>
|
|
<CardFooter className='text-center'>
|
|
<p className='text-sm text-gray-600'>
|
|
Already have an account?{' '}
|
|
<Link
|
|
href={Routes.login}
|
|
className='font-medium text-blue-600 hover:underline'
|
|
>
|
|
Sign in
|
|
</Link>
|
|
</p>
|
|
</CardFooter>
|
|
</Card>
|
|
</div>
|
|
)
|
|
}
|