import { useTheme } from './hooks/useTheme'
import Header from './components/Header'
import Hero from './components/Hero'
import About from './components/About'
import Games from './components/Games'
import Partnership from './components/Partnership'
import Contact from './components/Contact'
import Footer from './components/Footer'

export default function App() {
  const { theme, toggle } = useTheme()

  return (
    <div className="min-h-screen">
      <Header theme={theme} onToggleTheme={toggle} />
      <main>
        <Hero />
        <About />
        <Games />
        <Partnership />
        <Contact />
      </main>
      <Footer />
    </div>
  )
}
