import { GridShell } from "@/components/dashboard/GridShell";
import { UptimeCard } from "@/components/widgets/UptimeCard";
import { GlobeCard } from "@/components/widgets/GlobeCard";
import { WeatherCard } from "@/components/widgets/WeatherCard";
import { NewsFeed } from "@/components/widgets/NewsFeed";

export default function Home() {
  return (
    <GridShell>
      {/* Row 1 */}
      <UptimeCard />
      <WeatherCard />

      {/* Row 1 & 2 (Globe spans 2 rows) */}
      <GlobeCard />

      {/* Row 2 */}
      <NewsFeed />

      {/* Future widget placeholder to fill grid if needed */}
      <div className="col-span-1 md:col-span-2 lg:col-span-2 row-span-1 bg-neutral-900/50 border border-neutral-800/50 rounded-xl flex items-center justify-center border-dashed">
        <span className="text-xs text-neutral-600 font-mono">System Metric Placeholder</span>
      </div>
    </GridShell>
  );
}
