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