Admin and Gallery and event change

src/app/page.tsx

@@ -1,20 +1,26 @@
+import Header from "@/components/Header";
 import Hero from "@/components/Hero";
 import EventDetails from "@/components/EventDetails";
-import Handover from "@/components/Handover";
-import Guests from "@/components/Guests";
+import PastEvents from "@/components/PastEvents";
 import OfficeBearers from "@/components/OfficeBearers";
 import CtaBand from "@/components/CtaBand";
 import Footer from "@/components/Footer";
-import IncomingBoard from "@/components/IncomingBoard";
+import Gallery from "@/components/Gallery";
+import { getContent } from "@/lib/content";
+import { getNextMeeting } from "@/lib/meetings";
+
+export const dynamic = "force-dynamic";
+
+export default async function Page() {
+  const content = await getContent();
 
-export default function Page() {
   return (
     <main className="bg-rotary-paper">
+      <Header />
       <Hero />
-      <IncomingBoard />
-      <EventDetails />
-      <Handover />
-      <Guests />
+      <Gallery photos={content.gallery} />
+      <EventDetails next={getNextMeeting(content.meetings)} />
+      <PastEvents events={content.events} />
       <OfficeBearers />
       <CtaBand />
       <Footer />