From 1afaac060b5d025ae96eb51d10fdc7e4035c2d7d Mon Sep 17 00:00:00 2001
From: d3v1l0n <d3v1l0n@outlook.in>
Date: Sun, 29 Dec 2024 05:08:46 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20style:=20added=20some=20effects?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/download/SuggestedMirror.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/download/SuggestedMirror.tsx b/src/components/download/SuggestedMirror.tsx
index 8c86b53d..24d662ac 100644
--- a/src/components/download/SuggestedMirror.tsx
+++ b/src/components/download/SuggestedMirror.tsx
@@ -1,6 +1,7 @@
 import { MapPin, Download } from 'lucide-react';
 import { type Mirror } from '../../types/download';
 import { type UserLocation } from '../../lib/location';
+import { motion } from 'framer-motion';
 
 interface SuggestedMirrorProps {
   mirror: Mirror;
@@ -23,13 +24,15 @@ export function SuggestedMirror({ mirror, userLocation, onSelect }: SuggestedMir
         <p className="font-semibold text-2xl text-gray-900">{mirror.name}</p>
         <p className="text-sm text-gray-600">{mirror.location}</p>
         
-        <button
+        <motion.button
           onClick={() => onSelect(mirror)}
           className="w-full mt-4 px-6 py-3 bg-cornflower-blue text-white rounded-lg hover:bg-blue-600 active:scale-95 transition-all ease-in-out flex items-center justify-center gap-2"
+          whileHover={{ scale: 1.05 }} // Zoom effect on hover
+          whileTap={{ scale: 0.98 }} // Slight zoom effect when clicked
         >
           <Download className="h-5 w-5" />
           <span>Download</span>
-        </button>
+        </motion.button>
       </div>
     </div>
   );