diff --git a/src/app/donate/page.tsx b/src/app/donate/page.tsx
new file mode 100644
index 0000000..e0898dd
--- /dev/null
+++ b/src/app/donate/page.tsx
@@ -0,0 +1,166 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Heart, Users, Award, Zap } from 'lucide-react';
+
+export default function DonatePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="medium"
+      background="noiseDiagonalGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About Us", id: "/about" },
+            { name: "Services", id: "/services" },
+            { name: "Contact", id: "/contact" },
+            { name: "Donate", id: "/donate" }
+          ]}
+          brandName="Nanjil Oasis"
+          bottomLeftText="Est. 2009"
+          bottomRightText="nanjiloasismrc@gmail.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Make a Difference"
+          description="Your contribution directly transforms children's lives. Together, we're building a brighter future for every child in our care."
+          buttons={[
+            { text: "Choose a Donation Tier", href: "#donate" },
+            { text: "Learn About Impact", href: "#impact" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/happy-children-playing-together-outdoors_53876-121893.jpg"
+          imageAlt="Children thriving with support from Nanjil Oasis"
+          showDimOverlay={true}
+          ariaLabel="Donation page hero section"
+        />
+      </div>
+
+      <div id="donate" data-section="donate">
+        <PricingCardEight
+          title="Together, Let's Build Their Tomorrow"
+          description="We are building a new school with hostel facility for children with special needs—especially from poor and single-parent families. Every contribution brings hope closer. 🔒 100% of your donation goes directly to the children."
+          tag="Make a Difference"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          plans={[
+            {
+              id: "500",              badge: "Support",              price: "₹500",              subtitle: "Provides one session of therapy",              buttons: [{ text: "Donate ₹500", href: "#" }],
+              features: ["One therapy session", "Direct impact on a child", "Monthly impact report"]
+            },
+            {
+              id: "1000",              badge: "Care",              price: "₹1,000",              subtitle: "Supports a week of meals and therapy",              buttons: [{ text: "Donate ₹1,000", href: "#" }],
+              features: ["Weekly nutrition support", "Ongoing therapy sessions", "Progress updates"]
+            },
+            {
+              id: "2500",              badge: "Build",              price: "₹2,500",              subtitle: "Provides monthly educational supplies",              buttons: [{ text: "Donate ₹2,500", href: "#" }],
+              features: ["Monthly school supplies", "Personalized learning materials", "Quarterly impact newsletter"]
+            },
+            {
+              id: "5000",              badge: "Transform",              badgeIcon: Zap,
+              price: "₹5,000",              subtitle: "Transforms a child's entire month",              buttons: [{ text: "Donate ₹5,000", href: "#" }],
+              features: ["Complete monthly support", "All therapies & education", "Named sponsorship option"]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "Custom Donation", href: "#" }]}
+          buttonAnimation="slide-up"
+          ariaLabel="Donation options and contribution tiers"
+        />
+      </div>
+
+      <div id="impact" data-section="impact">
+        <AboutMetric
+          title="The Impact of Your Generosity"
+          useInvertedBackground={false}
+          metrics={[
+            { icon: Users, label: "Children Supported", value: "40+" },
+            { icon: Award, label: "Success Stories", value: "100+" },
+            { icon: Heart, label: "Families Helped", value: "50+" },
+            { icon: Zap, label: "Therapies Provided", value: "1000+" }
+          ]}
+          metricsAnimation="slide-up"
+          ariaLabel="Impact metrics and donation statistics"
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardFifteen
+          testimonial="Supporting Nanjil Oasis has been the most rewarding decision our family made. Every rupee creates real change—better therapies, happier children, and stronger families. This is true impact."
+          rating={5}
+          author="Priya & Rohit, Donors"
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/smiling-woman-with-child_53876-128.jpg", alt: "Donor testimonial" },
+            { src: "http://img.b2bpic.net/free-photo/happy-family-portrait_1098-168.jpg", alt: "Family member" },
+            { src: "http://img.b2bpic.net/free-photo/cheerful-man-helping-child_53876-213.jpg", alt: "Volunteer" },
+            { src: "http://img.b2bpic.net/free-photo/grateful-family-with-social-worker_53876-192.jpg", alt: "Beneficiary family" },
+            { src: "http://img.b2bpic.net/free-photo/happy-couple-with-child_53876-147.jpg", alt: "Donor couple" },
+            { src: "http://img.b2bpic.net/free-photo/smiling-family-embracing_53876-161.jpg", alt: "Grateful family" }
+          ]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
+          useInvertedBackground={false}
+          ariaLabel="Testimonial from donors and supporters"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Quick Links",              items: [
+                { label: "Home", href: "/" },
+                { label: "About Us", href: "/about" },
+                { label: "Services", href: "/services" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "Donate",              items: [
+                { label: "Make a Donation", href: "/donate" },
+                { label: "Become a Partner", href: "mailto:nanjiloasismrc@gmail.com" },
+                { label: "Bank Transfer Details", href: "#" }
+              ]
+            },
+            {
+              title: "Contact",              items: [
+                { label: "Email Us", href: "mailto:nanjiloasismrc@gmail.com" },
+                { label: "Call Us", href: "tel:+919944330809" },
+                { label: "Location", href: "#" }
+              ]
+            },
+            {
+              title: "Bank Details",              items: [
+                { label: "PNB - Account: 3868000100376620", href: "#" },
+                { label: "UPI: 9597070301", href: "#" },
+                { label: "Registered Trust", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 Nanjil Oasis Happy Centre. All rights reserved."
+          bottomRightText="You Are Happy and Safe in Our Hands"
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}