From f5e472ab12129eb649088e4e29d76984790533b3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 13:14:47 +0000
Subject: [PATCH] Update src/app/events/page.tsx

---
 src/app/events/page.tsx | 36 ++++++++++++++++++++----------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
index a49a99a..b9997f4 100644
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -3,35 +3,39 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function EventsPage() {
   return (
     <ThemeProvider>
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Menu", id: "/menu" },
-            { name: "Events", id: "/events" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="The Table"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "Events", id: "/events" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="The Table"
+            button={{ text: "Order Now", href: "/menu" }}
+          />
+        </div>
         <div className="pt-24">
-          <MetricCardEleven
+          <MetricCardSeven
             animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
             title="Upcoming Events"
             description="Join us for exclusive dining events, tastings, and community gatherings."
             metrics={[
-              { id: "e1", value: "Wine Tasting", title: "Friday, 7:00 PM", description: "RSVP for an evening of fine wine and cheese pairings.", imageSrc: "https://images.unsplash.com/photo-1506377330807-133501a5202e?q=80&w=600" },
-              { id: "e2", value: "Coffee Workshop", title: "Saturday, 10:00 AM", description: "Learn the art of brewing the perfect cup from our head barista.", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=600" },
+              { id: "e1", value: "Wine Tasting", title: "Friday, 7:00 PM", items: ["Fine wine", "Cheese pairings"] },
+              { id: "e2", value: "Coffee Workshop", title: "Saturday, 10:00 AM", items: ["Learn to brew", "Expert tips"] },
             ]}
-            buttons={[{ text: "RSVP Now", href: "/contact" }]}
           />
         </div>
-        <FooterCard logoText="The Table" />
+        <FooterBaseReveal logoText="The Table" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
       </ReactLenis>
     </ThemeProvider>
   );