Update src/app/sacraments/page.tsx

src/app/sacraments/page.tsx

@@ -3,6 +3,7 @@
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function SacramentsPage() {
     const navItems = [
@@ -11,25 +12,15 @@ export default function SacramentsPage() {
         { name: "Sacraments", id: "/sacraments" },
     ];
 
-    const sacraments = [
-        "Baptism", "Confirmation", "Eucharist", "Penance", "Anointing of the Sick", "Holy Orders", "Matrimony"
-    ];
-
     return (
-        <ThemeProvider>
+        <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
             <ReactLenis root>
-                <NavbarLayoutFloatingInline navItems={navItems} brandName="St. Mary's" />
+                <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 className="mb-8">The seven sacraments are the life of our Church. Contact the parish office for preparation details.</p>
-                    <div className="grid gap-4">
-                        {sacraments.map((s) => (
-                            <div key={s} className="p-6 border rounded-lg">
-                                <h3 className="text-xl font-semibold">{s}</h3>
-                            </div>
-                        ))}
-                    </div>
+                    <p>The seven sacraments are the life of our Church.</p>
                 </div>
+                <FooterBase logoText="Coach" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
             </ReactLenis>
         </ThemeProvider>
     );