import { Container, VStack, Heading, Text, Box } from '@chakra-ui/react';
import { GameCalendar } from '@/components/features/calendar/game-calendar';
import { MOCK_EVENTS, MOCK_GAMES } from '@/lib/api/mock-data';
import { ThemeSwitcher } from '@/components/features/theme-switcher';
import { useTranslations } from 'next-intl';

export default function HomePage() {
  // Static for now, in future useTranslations
  // const t = useTranslations('dashboard');

  return (
    <Container maxW="8xl" py={8} position="relative" minH="100vh">
      <VStack spaceY={8} align="stretch">
        {/* Hero Section / GOTY Banner could go here */}
        <Box>
          <Heading size="3xl" mb={2} color="white">Calendar</Heading>
          <Text fontSize="lg" color="whiteAlpha.800">Track releases, events, and showcases in one place.</Text>
        </Box>

        {/* Calendar */}
        <GameCalendar games={MOCK_GAMES} events={MOCK_EVENTS} />
      </VStack>

      {/* Debug Switcher */}
      <ThemeSwitcher />
    </Container>
  );
}