clain mails page 2

app/page.tsx

@@ -1,60 +1,31 @@
 "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";
 import { useSession } from "next-auth/react";
 import { useEffect, useState } from "react";
 
 export default function Home() {
-  const { data: session, status } = useSession();
+  const { data: session } = useSession();
   const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
-    if (status !== "loading") {
+    if (session) {
       setIsLoading(false);
     }
-  }, [status]);
+  }, [session]);
 
   if (isLoading) {
-    return (
-      <main className="h-screen flex items-center justify-center">
-        <div className="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-gray-900"></div>
-      </main>
-    );
+    return <div>Loading...</div>;
   }
 
   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>
+    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm">
+        <News />
+        <Duties />
+        <Parole />
       </div>
     </main>
   );