From d88c69654536084aca14b9627fa42ac274163ec5 Mon Sep 17 00:00:00 2001
From: eshanized <m.eshanized@gmail.com>
Date: Tue, 7 Jan 2025 02:38:54 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20build:=20smooth=20animation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/developers/RepoCard.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/developers/RepoCard.tsx b/src/components/developers/RepoCard.tsx
index 95210a93..3c8e2b38 100644
--- a/src/components/developers/RepoCard.tsx
+++ b/src/components/developers/RepoCard.tsx
@@ -10,6 +10,8 @@ interface RepoCardProps {
 export function RepoCard({ repo }: RepoCardProps) {
   return (
     <motion.div
+      initial={{ opacity: 0, y: 20 }}
+      animate={{ opacity: 1, y: 0 }}
       whileHover={{ y: -5, scale: 1.02 }}
       whileTap={{ scale: 0.98 }}
       transition={{ type: 'spring', stiffness: 300 }}
@@ -41,21 +43,21 @@ export function RepoCard({ repo }: RepoCardProps) {
           </span>
         )}
 
-        <span className="flex items-center gap-1">
+        <motion.span className="flex items-center gap-1" whileHover={{ scale: 1.1 }}>
           <Star className="h-5 w-5 text-yellow-500" />
           <span>{repo.stargazers_count}</span>
-        </span>
+        </motion.span>
 
-        <span className="flex items-center gap-1">
+        <motion.span className="flex items-center gap-1" whileHover={{ scale: 1.1 }}>
           <GitFork className="h-5 w-5 text-gray-600" />
           <span>{repo.forks_count}</span>
-        </span>
+        </motion.span>
 
-        <span className="flex items-center gap-1">
+        <motion.span className="flex items-center gap-1" whileHover={{ scale: 1.1 }}>
           <Clock className="h-5 w-5 text-gray-600" />
           <span>{formatDate(repo.updated_at)}</span>
-        </span>
+        </motion.span>
       </div>
     </motion.div>
   );
-}
+}
\ No newline at end of file