From 6b1b0a3522b4bc8f9925979fa6fffbdd8a5fc5b2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 21:38:14 +0000
Subject: [PATCH] Update src/app/sacraments/page.tsx

---
 src/app/sacraments/page.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/app/sacraments/page.tsx b/src/app/sacraments/page.tsx
index f1de22e..1789da4 100644
--- a/src/app/sacraments/page.tsx
+++ b/src/app/sacraments/page.tsx
@@ -2,25 +2,27 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import FooterBase from "@/components/sections/footer/FooterBase";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function SacramentsPage() {
     const navItems = [
         { name: "Home", id: "/" },
-        { name: "Mass Times", id: "/mass-times" },
+        { name: "Mass Schedule", id: "/mass-schedule" },
         { name: "Sacraments", id: "/sacraments" },
+        { name: "Staff", id: "/staff" },
+        { name: "Giving", id: "/giving" },
+        { name: "Contact", id: "/contact" },
     ];
 
     return (
-        <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
+        <ThemeProvider>
             <ReactLenis root>
-                <NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Contact", href: "/contact" }} />
-                <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
-                    <h1 className="text-4xl font-bold mb-8">Sacraments</h1>
-                    <p>The seven sacraments are the life of our Church.</p>
-                </div>
-                <FooterBase logoText="Coach" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
+                <NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" button={{ text: "Book a Call", href: "/contact" }} />
+                <main className="pt-32 min-h-screen px-4">
+                    <h1 className="text-4xl font-bold text-center mb-8">Sacraments</h1>
+                </main>
+                <FooterBase logoText="Coach" columns={[{ title: "Navigation", items: navItems.map(i => ({ label: i.name, href: i.id })) }]} />
             </ReactLenis>
         </ThemeProvider>
     );