Admin_dash/app/page.tsx

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-4: NewsFeed spans 4 cols, 3 rows */}
      <NewsFeed />
    </GridShell>
  );
}