From 8590a0fb784b3ae560b6e46d7a306694a6075f8d Mon Sep 17 00:00:00 2001
From: d3v1l0n <d3v1l0n@outlook.in>
Date: Sun, 29 Dec 2024 05:02:12 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20perf:=20enhanced=20error?=
 =?UTF-8?q?=20handling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/download/DownloadButton.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/download/DownloadButton.tsx b/src/components/download/DownloadButton.tsx
index 8eb0d450..898f76bd 100644
--- a/src/components/download/DownloadButton.tsx
+++ b/src/components/download/DownloadButton.tsx
@@ -15,14 +15,22 @@ export function DownloadButton({ version, size, url }: DownloadButtonProps) {
       rel="noopener noreferrer" // Security measure when opening external links
       whileHover={{ scale: 1.05 }}
       whileTap={{ scale: 0.98 }}
-      className="flex items-center justify-between w-full p-4 bg-gradient-to-r from-cornflower-blue/10 to-white rounded-lg border border-gray-200 hover:border-cornflower-blue transition-all duration-300 ease-in-out transform hover:scale-105 focus:ring-2 focus:ring-cornflower-blue focus:outline-none"
+      className="flex items-center justify-between w-full p-5 bg-gradient-to-r from-cornflower-blue/10 to-white rounded-lg border border-gray-200 hover:border-cornflower-blue transition-all duration-300 ease-in-out transform hover:scale-105 focus:ring-2 focus:ring-cornflower-blue focus:outline-none shadow-md hover:shadow-lg"
       aria-label={`Download Snigdha OS ${version} - ${size}`} // Accessible label
     >
       <div className="flex flex-col">
-        <h3 className="text-lg font-semibold text-gray-900">Snigdha OS {version}</h3>
+        <h3 className="text-xl font-semibold text-gray-900 transition duration-200 ease-in-out hover:text-cornflower-blue">
+          Snigdha OS {version}
+        </h3>
         <p className="text-sm text-gray-500">{size}</p>
       </div>
-      <Download className="h-6 w-6 text-cornflower-blue" />
+      <motion.div
+        whileHover={{ scale: 1.2 }}
+        transition={{ type: 'spring', stiffness: 300, damping: 20 }}
+        className="flex items-center justify-center"
+      >
+        <Download className="h-6 w-6 text-cornflower-blue transition-all duration-200 ease-in-out transform" />
+      </motion.div>
     </motion.a>
   );
 }