src/app/donate/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Heart } from 'lucide-react';
+import { Heart, Mail, Phone } from 'lucide-react';
 
 export default function DonatePage() {
   return (
@@ -38,7 +38,18 @@ export default function DonatePage() {
           <p className="text-xl mb-8">Your support helps us complete this Eagle Scout service project. Please use the following details to contribute via Zelle:</p>
           <div className="bg-card p-8 rounded-2xl shadow-lg border inline-block">
             <p className="text-sm uppercase tracking-wider mb-2">Zelle Number</p>
-            <p className="text-3xl font-mono font-bold">678-982-1480</p>
+            <p className="text-3xl font-mono font-bold mb-4">678-982-1480</p>
+            <div className="group relative inline-flex items-center justify-center gap-2 cursor-pointer">
+               <Mail className="w-5 h-5" />
+               <span className="font-medium text-lg">Contact for Questions</span>
+               <span className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-1 bg-black text-white text-xs rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap">
+                 saicharan.kotturu@gmail.com
+               </span>
+            </div>
+            <div className="flex items-center justify-center gap-2 mt-3 text-lg font-medium">
+               <Phone className="w-5 h-5" />
+               <span>346-387-2636</span>
+            </div>
           </div>
         </main>