fixes, theming, branding

app/login/page.tsx

@@ -1,13 +1,16 @@
 import Link from 'next/link';
 import { LoginForm } from '@/components/auth/LoginForm';
+import { getAppConfig } from '@/lib/app-config';
+
+export default async function LoginPage() {
+	const config = await getAppConfig();
 
-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>
+					<h1 className='text-3xl font-bold text-foreground mb-2'>🏓 {config.clubName}</h1>
+					<p className='text-muted-foreground'>{config.appDescription}</p>
 				</div>
 
 				<LoginForm />