Add src/app/events/page.tsx

src/app/events/page.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
+
+export default function EventsPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Staff", id: "/staff"}, {name: "News", id: "/news"}, {name: "Events", id: "/events"}]} brandName="BHA" />
+        <div className="pt-32">
+            <TimelineCardStack 
+                title="Upcoming Events"
+                description="Mark your calendars for our key events."
+                textboxLayout="default"
+            >
+                <div>Sports Day - May 10th</div>
+                <div>Science Fair - May 25th</div>
+            </TimelineCardStack>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}