export const dynamic = "force-dynamic";

import { WeatherWidget } from "@/components/widgets/WeatherWidget";
import { CalendarWidget } from "@/components/widgets/CalendarWidget";
import { DashboardHeader } from "@/components/widgets/DashboardHeader";
import { SavingsWidget } from "@/components/widgets/SavingsWidget";
import { GitActivityWidget } from "@/components/widgets/GitActivityWidget";
import { ClaudeUsageWidget } from "@/components/widgets/ClaudeUsageWidget";

export default function DashboardPage() {
  return (
    <div className="space-y-5">
      <DashboardHeader />
      <WeatherWidget />
      <div className="grid grid-cols-1 lg:grid-cols-3 gap-5">
        <div className="lg:col-span-2">
          <CalendarWidget />
        </div>
        <div>
          <ClaudeUsageWidget />
        </div>
      </div>
      <div className="grid grid-cols-1 lg:grid-cols-2 gap-5">
        <GitActivityWidget />
        <SavingsWidget />
      </div>
    </div>
  );
}