fixes, theming, branding

app/dashboard/page.tsx

@@ -6,8 +6,10 @@ import { eq } from 'drizzle-orm';
 import { DashboardHeader } from '@/components/dashboard/dashboard-header';
 import { EnhancedBookingCalendar } from '@/components/booking/enhanced-booking-calendar';
 import { UserBookingManagement } from '@/components/booking/user-booking-management';
+import { getAppConfig } from '@/lib/app-config';
 
 export default async function DashboardPage() {
+	const config = await getAppConfig();
 	const session = await getSession();
 
 	if (!session) {
@@ -38,7 +40,7 @@ export default async function DashboardPage() {
 	};
 
 	return (
-		<div className='min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800'>
+		<div className='min-h-screen bg-background'>
 			<DashboardHeader user={userWithSession} />
 
 			<main className='container mx-auto px-4 py-8'>
@@ -51,7 +53,9 @@ export default async function DashboardPage() {
 								{user.name && user.surname ? `${user.name} ${user.surname}` : user.email.split('@')[0]}!
 								🏓
 							</h1>
-							<p className='text-muted-foreground'>Book your table tennis court and enjoy your game</p>
+							<p className='text-muted-foreground'>
+								Book your {config.sportName.toLowerCase()} court and enjoy your game
+							</p>
 						</div>
 
 						<EnhancedBookingCalendar />