Merge pull request #688 from prathamkhatwani/fix-hover-delay

Fix hover delay in project cards for improved responsiveness

Author: Zahnentferner

src/components/products/CardProduct.jsx

@@ -17,9 +17,10 @@ export function CardProduct({ product }) {
       initial={{ opacity: 0, y: 30 }}
       whileInView={{ opacity: 1, y: 0 }}
       viewport={{ once: true }}
-      transition={{ duration: 0.5 }}
+      
       whileHover={{ y: -5 }}
-      className="group relative flex flex-col items-center p-6 bg-white dark:bg-zinc-800/50 rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-zinc-200 dark:border-zinc-700 hover:border-[#00843D] dark:hover:border-yellow-400 h-full"
+      transition={{ duration: 0.2, ease: "easeOut" }}
+      className="group relative flex flex-col items-center p-6 bg-white dark:bg-zinc-800/50 rounded-2xl shadow-lg hover:shadow-xl transition-transform duration-200 border border-zinc-200 dark:border-zinc-700 hover:border-[#00843D] dark:hover:border-yellow-400 h-full"
     >
       <div className="relative w-24 h-24 mb-4">
         <Image