betting-prediction-app/pages/index.js

30 lines
1007 B
JavaScript

import Head from 'next/head'
import dynamic from 'next/dynamic'
// Dynamically import the chess app to avoid SSR issues with Pusher
const ChessApp = dynamic(() => import('../components/ChessApp'), {
ssr: false,
loading: () => (
<div className="min-h-screen bg-gradient-to-b from-green-900 to-gray-900 text-green-100 flex items-center justify-center">
<div className="text-center">
<div className="text-6xl mb-4">🍄</div>
<div>Connecting to the mycelial network...</div>
<div className="text-sm text-gray-400 mt-2">Loading application...</div>
</div>
</div>
)
})
export default function Home() {
return (
<>
<Head>
<title>Commons Hub Chess Tournament</title>
<meta name="description" content="Official Mycelial-Betting Network for Chess Tournaments" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
</Head>
<ChessApp />
</>
)
}