From bcaf08572cf709fe25a68c98c3740c870dbee2e4 Mon Sep 17 00:00:00 2001
From: eshanized <m.eshanized@gmail.com>
Date: Tue, 7 Jan 2025 02:33:06 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20perf:=20optimized=20and=20?=
 =?UTF-8?q?ui=20effects?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/donate/SponsorshipTiers.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/donate/SponsorshipTiers.tsx b/src/components/donate/SponsorshipTiers.tsx
index a35e5cb3..4e4f0e57 100644
--- a/src/components/donate/SponsorshipTiers.tsx
+++ b/src/components/donate/SponsorshipTiers.tsx
@@ -55,11 +55,12 @@ export function SponsorshipTiers() {
           key={tier.name}
           initial={{ opacity: 0, y: 20 }}
           whileInView={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.5, delay: 0.1 }}
           className={`relative rounded-2xl ${
             tier.featured 
               ? 'bg-gradient-to-b from-cornflower-blue/10 to-cornflower-blue/5 border-2 border-cornflower-blue'
               : 'bg-white/80 border border-gray-200'
-          } backdrop-blur-sm p-6 shadow-lg`}
+          } backdrop-blur-sm p-6 shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:scale-105`}
         >
           {tier.featured && (
             <div className="absolute -top-4 left-1/2 -translate-x-1/2">
@@ -89,7 +90,7 @@ export function SponsorshipTiers() {
             ))}
           </ul>
 
-          <a
+          <motion.a
             href={`https://github.com/sponsors/eshanized?frequency=one-time&amount=${convertINRToUSD(tier.amount)}`}
             target="_blank"
             rel="noopener noreferrer"
@@ -98,11 +99,13 @@ export function SponsorshipTiers() {
                 ? 'bg-cornflower-blue text-white hover:bg-blue-600'
                 : 'bg-gray-100 text-gray-900 hover:bg-gray-200'
             }`}
+            whileHover={{ scale: 1.05 }}
+            transition={{ type: 'spring', stiffness: 300 }}
           >
             Make a One-Time Donation
-          </a>
+          </motion.a>
         </motion.div>
       ))}
     </div>
   );
-}
+}