From ebe88e4292849ba02c5cb5cc9ddb66b3c8f82482 Mon Sep 17 00:00:00 2001
From: d3v1l0n <d3v1l0n@outlook.in>
Date: Wed, 25 Dec 2024 06:31:33 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20style:=20change=20the=20card=20styl?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/features/ToolCard.tsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/features/ToolCard.tsx b/src/components/features/ToolCard.tsx
index 53c1eb9b..61d6f987 100644
--- a/src/components/features/ToolCard.tsx
+++ b/src/components/features/ToolCard.tsx
@@ -13,20 +13,23 @@ export function ToolCard({ name, description, category, command }: ToolCardProps
     <motion.div
       initial={{ opacity: 0, y: 20 }}
       whileInView={{ opacity: 1, y: 0 }}
-      whileHover={{ y: -5 }}
-      className="bg-white/80 backdrop-blur-sm p-6 rounded-lg shadow-sm border border-gray-100"
+      whileHover={{ scale: 1.05, y: -5 }}
+      transition={{ duration: 0.3 }}
+      className="bg-gradient-to-r from-cornflower-blue/10 to-white p-6 rounded-lg shadow-lg border border-gray-100 transform hover:shadow-2xl transition-all"
     >
-      <div className="flex items-center gap-3 mb-3">
-        <Terminal className="h-5 w-5 text-cornflower-blue" />
-        <h3 className="text-lg font-semibold text-gray-900">{name}</h3>
+      <div className="flex items-center gap-4 mb-4">
+        <div className="p-3 bg-cornflower-blue/20 rounded-full">
+          <Terminal className="h-6 w-6 text-cornflower-blue" />
+        </div>
+        <h3 className="text-2xl font-semibold text-gray-900">{name}</h3>
       </div>
       
-      <p className="text-gray-600 mb-4">{description}</p>
+      <p className="text-gray-600 text-lg mb-4">{description}</p>
       
       <div className="flex items-center justify-between">
         <span className="text-sm font-medium text-cornflower-blue">{category}</span>
-        <code className="text-sm bg-gray-100 px-2 py-1 rounded">{command}</code>
+        <code className="text-sm bg-gray-100 px-3 py-1 rounded">{command}</code>
       </div>
     </motion.div>
   );
-}
\ No newline at end of file
+}