import EventCard from "@/components/EventCard";
import dynamic from 'next/dynamic';

const Starfield = dynamic(() => import('@/components/Starfield'), { 
  ssr: false 
});

export default function Home() {
  return (
    <main className="min-h-screen flex flex-col items-center justify-center p-8">
      <Starfield />

      <h1 className="text-white font-mono text-2xl mb-12 tracking-[0.2em] uppercase">
        Mission Control // Ground Station
      </h1>

      <div className="grid grid-cols-1 md:grid-cols-2 gap-6 w-full max-w-4xl">
        <EventCard 
          title="ISS Pass: Home" 
          targetDate={new Date()} 
        />
      </div>
    </main>
  );
}