Add src/app/ministries/page.tsx

src/app/ministries/page.tsx

@@ -0,0 +1,39 @@
+"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";
+
+export default function MinistriesPage() {
+  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="Parish Ministries"
+            description="Discover ways to serve, connect, and grow within our parish community."
+            features={[
+              { id: "m1", title: "Food Pantry", description: "Serving those in need in our local community.", tag: "Service" },
+              { id: "m2", title: "Music Ministry", description: "Enhancing our worship through song and instrumentation.", tag: "Creative" },
+              { id: "m3", title: "Youth Mentorship", description: "Supporting and guiding the next generation.", tag: "Volunteer" }
+            ]}
+            animationType="slide-up"
+          />
+        </main>
+        <FooterLogoEmphasis
+          logoText="Coach"
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}