diff --git a/src/app/bulletin-and-events/page.tsx b/src/app/bulletin-and-events/page.tsx
index 55d12ab..f040efe 100644
--- a/src/app/bulletin-and-events/page.tsx
+++ b/src/app/bulletin-and-events/page.tsx
@@ -3,9 +3,8 @@
 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";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
 
 export default function BulletinEventsPage() {
   const navItems = [
@@ -15,30 +14,23 @@ export default function BulletinEventsPage() {
   ];
 
   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="Coach" />
+        <NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Book", href: "/contact" }} />
         <main className="pt-24">
-          <FeatureCardTwentyFive
+          <FeatureCardSeven
             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" }
+              { title: "Sunday Mass", description: "Weekly community worship at 10:00 AM.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" },
+              { title: "Youth Bible Study", description: "Engaging sessions for teens every Wednesday.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" }
             ]}
             animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
           />
         </main>
-        <FooterLogoEmphasis
+        <FooterBase
           logoText="Coach"
           columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
         />
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 779fa0e..b45d194 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,8 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterBase from "@/components/sections/footer/FooterBase";
 import ReactLenis from "lenis/react";
 
 export default function ContactPage() {
@@ -16,22 +16,31 @@ export default function ContactPage() {
     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"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
-                <ContactSplit
+                <NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Book", href: "/contact" }} />
+                <ContactCTA
                     tag="Contact Us"
                     title="Get in touch with us"
-                    description="We are here to answer your questions and provide support. Our address is 123 Faith Street, Cityville. Reach us by phone at (555) 123-4567. Open Monday-Friday, 9am - 5pm."
+                    description="We are here to answer your questions and provide support."
+                    buttons={[{ text: "Contact", href: "/contact" }]}
                     background={{ variant: "plain" }}
-                    mediaPosition="left"
+                    useInvertedBackground={false}
                 />
-                <FooterLogoEmphasis
+                <FooterBase
                     logoText="Coach"
                     columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file
diff --git a/src/app/giving/page.tsx b/src/app/giving/page.tsx
index 4e72f61..9c94561 100644
--- a/src/app/giving/page.tsx
+++ b/src/app/giving/page.tsx
@@ -2,10 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
-import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
+import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
+import FooterBase from "@/components/sections/footer/FooterBase";
 import ReactLenis from "lenis/react";
+import { Heart, Users } from "lucide-react";
 
 export default function GivingPage() {
     const navItems = [
@@ -17,41 +18,51 @@ export default function GivingPage() {
     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"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
-                <MetricCardSeven
+                <NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Give", href: "/giving" }} />
+                <MetricCardThree
                     title="Our Impact"
-                    description="Your generosity makes a real difference. Together, we've supported thousands on their journey."
-                    textboxLayout="split"
+                    description="Your generosity makes a real difference."
                     animationType="slide-up"
+                    textboxLayout="split"
+                    useInvertedBackground={false}
                     metrics={[
-                        { id: "1", value: "$500k", title: "Total Donated", items: ["Community Support", "Direct Aid"] },
-                        { id: "2", value: "10k", title: "Lives Impacted", items: ["Mentorship Programs", "Events"] },
+                        { id: "1", icon: Heart, title: "Total Donated", value: "$500k" },
+                        { id: "2", icon: Users, title: "Lives Impacted", value: "10k" },
                     ]}
                 />
-                <PricingCardNine
+                <PricingCardThree
                     title="Support Our Mission"
                     description="Choose an option that works best for you."
                     textboxLayout="split"
                     animationType="slide-up"
+                    useInvertedBackground={false}
                     plans={[
                         {
-                            id: "monthly",                            title: "Monthly Partner",                            price: "$50",                            period: "/month",                            features: ["Exclusive updates", "Community access", "Direct impact dashboard"],
-                            button: { text: "Give Monthly", href: "#" },
+                            id: "monthly",                            name: "Monthly Partner",                            price: "$50",                            features: ["Exclusive updates", "Community access"],
+                            buttons: [{ text: "Give Monthly", href: "#" }],
                         },
                         {
-                            id: "one-time",                            title: "One-Time Gift",                            price: "$100",                            period: "",                            features: ["Receipt provided", "Direct impact email"],
-                            button: { text: "Give Now", href: "#" },
+                            id: "one-time",                            name: "One-Time Gift",                            price: "$100",                            features: ["Receipt provided"],
+                            buttons: [{ text: "Give Now", href: "#" }],
                         },
                     ]}
                 />
-                <FooterLogoEmphasis
+                <FooterBase
                     logoText="Coach"
                     columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 17cbad3..7af09c9 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -18,7 +18,7 @@ const inter = Inter({
   subsets: ["latin"],
 });
 
-export const metadata: Metadata = { title: 'Elevate Your Leadership | Expert Business Coaching Services', description: 'Unlock your full potential with personalized business coaching. Strategic guidance to scale your operations, refine your leadership, and achieve sustainable growth.' };
+export const metadata: Metadata = { title: 'Coach Website', description: 'Professional coaching and parish community services.' };
 
 export default function RootLayout({
   children,
diff --git a/src/app/mass-times/page.tsx b/src/app/mass-times/page.tsx
index 4839c95..1c6d990 100644
--- a/src/app/mass-times/page.tsx
+++ b/src/app/mass-times/page.tsx
@@ -2,8 +2,8 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactText from "@/components/sections/contact/ContactText";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function MassTimesPage() {
     const navItems = [
@@ -13,29 +13,17 @@ export default function MassTimesPage() {
     ];
 
     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">Mass Schedule</h1>
-                    <table className="w-full text-left border-collapse">
-                        <thead>
-                            <tr className="border-b">
-                                <th className="p-4">Day</th>
-                                <th className="p-4">Time</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr className="border-b"><td className="p-4">Sunday</td><td className="p-4">8:00 AM, 10:30 AM</td></tr>
-                            <tr className="border-b"><td className="p-4">Monday - Friday</td><td className="p-4">9:00 AM</td></tr>
-                            <tr className="border-b"><td className="p-4">Saturday</td><td className="p-4">5:00 PM (Vigil)</td></tr>
-                        </tbody>
-                    </table>
                     <div className="mt-12 p-6 bg-secondary rounded-lg">
                         <h3 className="font-bold text-xl">Location</h3>
                         <p>123 Parish Way, Faithful City, FC 12345</p>
                     </div>
                 </div>
+                <FooterBase logoText="Coach" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/ministries/page.tsx b/src/app/ministries/page.tsx
index 5b82aeb..9fd7bb8 100644
--- a/src/app/ministries/page.tsx
+++ b/src/app/ministries/page.tsx
@@ -3,8 +3,8 @@
 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 FooterBase from "@/components/sections/footer/FooterBase";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
 
 export default function MinistriesPage() {
   const navItems = [
@@ -14,22 +14,24 @@ export default function MinistriesPage() {
   ];
 
   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="Coach" />
+        <NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Contact", href: "/contact" }} />
         <main className="pt-24">
-          <FeatureCardTwentyFive
+          <FeatureCardSeven
             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" }
+              { title: "Food Pantry", description: "Serving those in need.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" },
+              { title: "Music Ministry", description: "Enhancing our worship.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" },
+              { title: "Youth Mentorship", description: "Supporting the next generation.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" }
             ]}
             animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
           />
         </main>
-        <FooterLogoEmphasis
+        <FooterBase
           logoText="Coach"
           columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
         />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index dbcb770..7fbf967 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,22 +1,14 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
-import TeamCardTen from "@/components/sections/team/TeamCardTen";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import FooterBase from "@/components/sections/footer/FooterBase";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Target, Users, TrendingUp, Lightbulb } from "lucide-react";
 
 export default function BusinessCoachTemplatePage() {
     const navItems = [
+        { name: "Home", id: "/" },
         { name: "About", id: "about" },
-        { name: "Services", id: "services" },
-        { name: "Testimonials", id: "testimonials" },
         { name: "Giving", id: "/giving" },
         { name: "Contact", id: "/contact" },
     ];
@@ -40,119 +32,22 @@ export default function BusinessCoachTemplatePage() {
                     brandName="Coach"
                     button={{ text: "Book a Call", href: "/contact" }}
                 />
-                <HeroSplitDualMedia
-                    background={{ variant: "radial-gradient" }}
-                    tag="Business Coach"
-                    tagIcon={Sparkles}
-                    title="Transform your business with proven strategies"
-                    description="I help entrepreneurs and executives unlock their full potential and build thriving businesses through personalized coaching."
-                    mediaItems={[
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/business-coach/hero/hero1.webp", imageAlt: "Coaching session" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/business-coach/hero/hero2.webp", imageAlt: "Business growth" },
-                    ]}
-                    rating={5}
-                    ratingText="Rated by loving Clients"
-                    buttons={[
-                        { text: "Book a Call", href: "/contact" },
-                        { text: "Learn More", href: "#about" },
-                    ]}
-                    mediaAnimation="slide-up"
-                />
-                <FeatureCardTwentyFive
-                    tag="Services"
-                    tagIcon={Sparkles}
-                    title="How I Can Help You"
-                    description="Comprehensive coaching services designed to accelerate your growth"
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    features={[
-                        {
-                            title: "Business Strategy",                            description: "Crafting clear, actionable strategies that align with your goals for sustainable growth.",                            icon: Target,
-                            mediaItems: [
-                                { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop", imageAlt: "Team collaborating around a whiteboard" },
-                                { imageSrc: "https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=800&h=600&fit=crop", imageAlt: "Strategy meeting presentation" },
-                            ],
-                        },
-                        {
-                            title: "Leadership Development",                            description: "Build the leadership skills needed to inspire teams and drive organizational success.",                            icon: Users,
-                            mediaItems: [
-                                { imageSrc: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=800&h=600&fit=crop", imageAlt: "Professional team meeting" },
-                                { imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=800&h=600&fit=crop", imageAlt: "Confident business leader" },
-                            ],
-                        },
-                        {
-                            title: "Growth Acceleration",                            description: "Identify opportunities and implement systems to scale your business efficiently.",                            icon: TrendingUp,
-                            mediaItems: [
-                                { imageSrc: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=800&h=600&fit=crop", imageAlt: "Business analytics dashboard" },
-                                { imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=600&fit=crop", imageAlt: "Growth metrics on screen" },
-                            ],
-                        },
-                        {
-                            title: "Mindset Coaching",                            description: "Overcome limiting beliefs and develop the mindset of a successful entrepreneur.",                            icon: Lightbulb,
-                            mediaItems: [
-                                { imageSrc: "https://images.unsplash.com/photo-1508672019048-805c876b67e2?w=800&h=600&fit=crop", imageAlt: "Mindfulness and focus" },
-                                { imageSrc: "https://images.unsplash.com/photo-1521791136064-7986c2920216?w=800&h=600&fit=crop", imageAlt: "One-on-one coaching session" },
-                            ],
-                        },
-                    ]}
-                />
-                <TestimonialCardSixteen
-                    tag="Testimonials"
-                    tagIcon={Sparkles}
-                    title="What My Clients Say"
-                    description="Hear from entrepreneurs who've transformed their businesses"
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    testimonials={[
-                        {
-                            id: "1",                            name: "Sarah Mitchell",                            role: "Founder & CEO",                            company: "TechStart Inc",                            rating: 5,
-                            imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=400&h=400&fit=crop&crop=face",                            imageAlt: "Sarah Mitchell"},
-                        {
-                            id: "2",                            name: "Michael Chen",                            role: "Managing Director",                            company: "Growth Partners",                            rating: 5,
-                            imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&crop=face",                            imageAlt: "Michael Chen"},
-                        {
-                            id: "3",                            name: "Emily Rodriguez",                            role: "Business Owner",                            company: "Creative Studios",                            rating: 5,
-                            imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?w=400&h=400&fit=crop&crop=face",                            imageAlt: "Emily Rodriguez"},
-                    ]}
-                    kpiItems={[
-                        { value: "200+", label: "Clients coached" },
-                        { value: "95%", label: "Success rate" },
-                        { value: "12+", label: "Years experience" },
-                    ]}
-                />
-                <ContactText
-                    text="Ready to transform your business? Let's start your journey to success today."
-                    background={{ variant: "plain" }}
-                    useInvertedBackground={false}
-                    buttons={[
-                        { text: "Book a Free Consultation", href: "/contact" },
-                        { text: "Learn More", href: "#about" },
-                    ]}
-                />
-                <FooterLogoEmphasis
+                <main className="pt-32">
+                    <h1 className="text-center text-4xl">Welcome to Coach</h1>
+                </main>
+                <FooterBase
                     logoText="Coach"
                     columns={[
                         {
                             title: "Navigation",                            items: [
-                                { label: "About", href: "#about" },
-                                { label: "Services", href: "#services" },
-                                { label: "Testimonials", href: "#testimonials" },
+                                { label: "Home", href: "/" },
                                 { label: "Giving", href: "/giving" },
                                 { label: "Contact", href: "/contact" },
                             ],
-                        },
-                        {
-                            title: "Social",                            items: [
-                                { label: "LinkedIn", href: "#" },
-                                { label: "Twitter", href: "#" },
-                                { label: "Instagram", href: "#" },
-                            ],
-                        },
+                        }
                     ]}
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file
diff --git a/src/app/sacraments/page.tsx b/src/app/sacraments/page.tsx
index be74f20..f1de22e 100644
--- a/src/app/sacraments/page.tsx
+++ b/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>
     );