From 097570b44911531ab5dcec04a0be4cdf037bc922 Mon Sep 17 00:00:00 2001
From: Gregg Stubberfield <StubberG3@gmail.com>
Date: Wed, 13 Aug 2025 22:48:03 -0400
Subject: [PATCH] feat: #337 - add 'Donate' button to the About page

---
 frontend/src/pages/About/About.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/About/About.tsx b/frontend/src/pages/About/About.tsx
index 4d4a14a6..03e1ca24 100644
--- a/frontend/src/pages/About/About.tsx
+++ b/frontend/src/pages/About/About.tsx
@@ -110,8 +110,14 @@ function About() {
             </div>
           </div>
 
-          <div className="mb-20 mt-5 flex flex-row flex-wrap">
-            <a href="mailto:balancerteam@codeforphilly.org">
+          <div className="mb-20 mt-5 flex flex-row flex-wrap justify-center gap-4">
+            <a href="https://www.flipcause.com/secure/cause_pdetails/MjMyMTIw" target="_blank">
+              <button className="btnBlue transition-transform focus:outline-none focus:ring focus:ring-blue-200">
+                Donate
+              </button>
+            </a>
+
+            <a href="mailto:balancerteam@codeforphilly.org" target="_blank" >
               <button className="btnBlue transition-transform focus:outline-none focus:ring focus:ring-blue-200">
                 Contact Us
               </button>