diff --git a/src/app/bulletin-and-events/page.tsx b/src/app/bulletin-and-events/page.tsx
new file mode 100644
index 0000000..55d12ab
--- /dev/null
+++ b/src/app/bulletin-and-events/page.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
+import { CalendarDays, Newspaper } from "lucide-react";
+
+export default function BulletinEventsPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Bulletin & Events", id: "/bulletin-and-events" },
+    { name: "Ministries", id: "/ministries" },
+  ];
+
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
+        <main className="pt-24">
+          <FeatureCardTwentyFive
+            title="Upcoming Events"
+            description="Join us for our community gatherings and spiritual growth opportunities."
+            features={[
+              { id: "1", title: "Sunday Mass", description: "Weekly community worship at 10:00 AM.", tag: "Weekly" },
+              { id: "2", title: "Youth Bible Study", description: "Engaging sessions for teens every Wednesday.", tag: "Wednesday" }
+            ]}
+            animationType="slide-up"
+          />
+          <FeatureCardTwentyFive
+            title="Bulletin Archive"
+            description="Access past weekly bulletins for news, reflections, and community updates."
+            features={[
+              { id: "a", title: "March 2025 Bulletin", description: "Highlights and community news for March.", tag: "PDF" },
+              { id: "b", title: "February 2025 Bulletin", description: "Reflections and schedule for February.", tag: "PDF" }
+            ]}
+            animationType="slide-up"
+          />
+        </main>
+        <FooterLogoEmphasis
+          logoText="Coach"
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file