"use client";

import { QuoteCard } from "@/components/quote-card";
import { Calendar } from "@/components/calendar";
import { News } from "@/components/news";
import { Duties } from "@/components/flow";
import { Email } from "@/components/email";
import { Parole } from "@/components/parole";

export default function Home() {
  return (
    <main className="h-screen overflow-auto">
      <div className="container mx-auto p-4 mt-12">
        {/* First row */}
        <div className="grid grid-cols-12 gap-4 mb-4">
          <div className="col-span-3">
            <QuoteCard />
          </div>
          <div className="col-span-3">
            <Calendar />
          </div>
          <div className="col-span-3">
            <News />
          </div>
          <div className="col-span-3">
            <Duties />
          </div>
        </div>
        
        {/* Second row */}
        <div className="grid grid-cols-12 gap-4">
          <div className="col-span-6">
            <Email />
          </div>
          <div className="col-span-6">
            <Parole />
          </div>
        </div>
      </div>
    </main>
  );
}