import Link from 'next/link';
import { LoginForm } from '@/components/auth/LoginForm';

export default function LoginPage() {
	return (
		<div className='min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800 flex items-center justify-center px-4'>
			<div className='w-full max-w-md space-y-6'>
				<div className='text-center'>
					<h1 className='text-3xl font-bold text-foreground mb-2'>🏓 TT Booking</h1>
					<p className='text-muted-foreground'>Professional table tennis court booking system</p>
				</div>

				<LoginForm />

				<div className='text-center text-sm'>
					<span className='text-muted-foreground'>Don't have an account? </span>
					<Link href='/register' className='text-primary hover:text-primary/80 font-medium'>
						Sign up
					</Link>
				</div>
			</div>
		</div>
	);
}
