diff --git a/client/public/index.html b/client/public/index.html
index 310e416..8bd9dcf 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -12,6 +12,7 @@
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <title>Missoula Council of the Deaf, Inc.</title>
+    <script src="https://zeffy-scripts.s3.ca-central-1.amazonaws.com/embed-form-script.min.js"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/client/public/photos/5.jpg b/client/public/photos/5.jpg
new file mode 100644
index 0000000..dcc447b
--- /dev/null
+++ b/client/public/photos/5.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a92d0009e9bf83035e5dbc3e8ee2b9bbfa96cc4d28aa8cb73b291fcb75afe6c0
+size 570748
diff --git a/client/src/components/Header.tsx b/client/src/components/Header.tsx
index cd47a78..8fb088e 100644
--- a/client/src/components/Header.tsx
+++ b/client/src/components/Header.tsx
@@ -119,9 +119,13 @@ const DonateButton: React.FC<{ onClick?: () => void }> = ({ onClick }) => (
     whileHover={{ scale: 1.05 }}
     whileTap={{ scale: 0.95 }}
   >
-    <Link to="/donate" onClick={onClick} className="inline-block bg-yellow-400 text-[#8C1D40] font-bold py-2 px-4 rounded-full hover:bg-yellow-300 transition-colors duration-200 shadow-md">
+    <button
+      zeffy-form-link="https://www.zeffy.com/embed/donation-form/1cbff18e-c057-4fa6-8276-a993037de0bb?modal=true"
+      onClick={onClick}
+      className="inline-block bg-yellow-400 text-[#8C1D40] font-bold py-2 px-4 rounded-full hover:bg-yellow-300 transition-colors duration-200 shadow-md"
+    >
       Donate
-    </Link>
+    </button>
   </motion.div>
 );
 
diff --git a/client/src/components/ImageCarousel.tsx b/client/src/components/ImageCarousel.tsx
index 1c4d750..e13e194 100644
--- a/client/src/components/ImageCarousel.tsx
+++ b/client/src/components/ImageCarousel.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 
-const images = ['/photos/1.jpg', '/photos/2.jpg', '/photos/3.jpg', '/photos/4.jpg'];
+const images = ['/photos/1.jpg', '/photos/2.jpg', '/photos/3.jpg', '/photos/4.jpg', '/photos/5.jpg'];
 
 const ImageCarousel: React.FC = () => {
   const [currentIndex, setCurrentIndex] = useState(0);
