Update src/app/events/page.tsx

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>
   );