diff --git a/src/app/donate/page.tsx b/src/app/donate/page.tsx
index c589293..9e8ff33 100644
--- a/src/app/donate/page.tsx
+++ b/src/app/donate/page.tsx
@@ -3,11 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { CheckCircle, Heart, Users } from 'lucide-react';
+import Link from 'next/link';
 
-export default function LandingPage() {
+export default function DonatePage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -22,103 +24,64 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Adopt",
-          id: "/adopt",
-        },
-        {
-          name: "Donate",
-          id: "/donate",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Paws & Hope"
-      button={{
-        text: "Donate Now",
-        href: "/donate",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            brandName="Paws & Hope"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Adopt", id: "/adopt" },
+              { name: "Donate", id: "/donate" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            button={{ text: "Donate Now", href: "/donate" }}
+          />
+        </div>
 
-  <div id="donate-cta" data-section="donate-cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Support Us"
-      title="Help Us Save More Lives"
-      description="Your generous donations provide food, medical care, and shelter for pets in transition. Every dollar makes a difference."
-      buttons={[
-        {
-          text: "Make a Monthly Donation",
-          href: "#",
-        },
-        {
-          text: "One-Time Contribution",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="donate-cta" data-section="donate-cta">
+          <ContactCTA
+            tag="Support Us"
+            title="Help Us Save More Lives"
+            description="Your generous donations provide food, medical care, and shelter for pets in transition. Every dollar makes a difference."
+            buttons={[
+              { text: "Make a Monthly Donation", href: "#" },
+              { text: "One-Time Contribution", href: "#" }
+            ]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="impact" data-section="impact">
-      <MetricCardTwo
-      animationType="slide-up"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "500+",
-          description: "Pets adopted into loving homes",
-        },
-        {
-          id: "2",
-          value: "1200+",
-          description: "Meals provided to shelter animals",
-        },
-        {
-          id: "3",
-          value: "95%",
-          description: "Success rate for veterinary care",
-        },
-      ]}
-      title="Your Impact"
-      description="Since our founding, the community's support has been life-changing."
-    />
-  </div>
+        <div id="impact" data-section="impact">
+          <ProductCardOne
+            title="Your Impact"
+            description="Since our founding, the community's support has been life-changing."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "500+ Pets", price: "Adopted into homes", imageSrc: "https://pixabay.com/get/g5927491557e6be6f0aff982a57734079c9bed32c06c144a4f2771dac63dfa28eb67e468f62c91d09e143d57fe99b71cd3fea0fed9e6dd114258d5ba52a3b41cb_1280.jpg" },
+              { id: "2", name: "1200+ Meals", price: "Provided to shelter animals", imageSrc: "https://pixabay.com/get/g4c4f9d930c2f1436175763dbc6e3264faa028646266fd4628e1762b294700852a231a8e7bb41f5ea57e3ac7e2fa73a28580ce7c4462ce1ec1defae0e6b2b3c40_1280.jpg" },
+              { id: "3", name: "95% Success", price: "Veterinary care rate", imageSrc: "https://pixabay.com/get/g107822a3b40ea4012c54a91c32d16fc485cbf77930baab6ee4ed2f43ada7bde954e88ee3684290bbcf7af0eccbb4e3b30ce4b4913b919a0fd7634391ec51f1d8_1280.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Volunteer",
-              href: "#",
-            },
-            {
-              label: "Donate Supplies",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Paws & Hope Pet Shelter"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="https://pixabay.com/get/g5927491557e6be6f0aff982a57734079c9bed32c06c144a4f2771dac63dfa28eb67e468f62c91d09e143d57fe99b71cd3fea0fed9e6dd114258d5ba52a3b41cb_1280.jpg"
+            logoText="Paws & Hope"
+            copyrightText="© 2025 Paws & Hope Pet Shelter"
+            columns={[
+              {
+                title: "Support",                items: [
+                  { label: "Volunteer", href: "#" },
+                  { label: "Donate Supplies", href: "#" }
+                ]
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );