From bea0b713274ad6f2904098bd4f1b12b3158472d3 Mon Sep 17 00:00:00 2001
From: Lehana <lehanaarora@gmail.com>
Date: Sun, 17 May 2026 12:46:57 +0530
Subject: [PATCH 1/2] Added hover effect to Features section cards

---
 src/components/Features.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Features.tsx b/src/components/Features.tsx
index b8b2092..6d523e9 100644
--- a/src/components/Features.tsx
+++ b/src/components/Features.tsx
@@ -60,8 +60,10 @@ const Features = () => {
           {features.map((feature, index) => {
             const IconComponent = feature.icon;
             return (
-              <div key={index} className="bg-gray-50 dark:bg-gray-800 p-8 rounded-2xl hover:shadow-lg transition-all duration-300">
-                <div className={`${feature.bgColor} w-12 h-12 rounded-lg flex items-center justify-center mb-6`}>
+              <div key={index} className="bg-gray-50 dark:bg-gray-800 p-8 rounded-2xl transition-all duration-300
+  hover:-translate-y-2 hover:shadow-2xl hover:bg-blue-100 
+  dark:hover:bg-gray-600">
+                <div className={`${feature.bgColor} w-12 h-12 rounded-lg flex items-center justify-center mb-6 transition-transform duration-300`}>
                   <IconComponent className={`h-6 w-6 ${feature.iconColor}`} />
                 </div>
                 <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">{feature.title}</h3>

From b01bf993f53ee1a92e1d9761fb5ef7853116cbb1 Mon Sep 17 00:00:00 2001
From: Lehana <lehanaarora@gmail.com>
Date: Sun, 17 May 2026 13:07:31 +0530
Subject: [PATCH 2/2] Update hover effects on features section

---
 src/components/Features.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Features.tsx b/src/components/Features.tsx
index 6d523e9..a77fb91 100644
--- a/src/components/Features.tsx
+++ b/src/components/Features.tsx
@@ -60,10 +60,8 @@ const Features = () => {
           {features.map((feature, index) => {
             const IconComponent = feature.icon;
             return (
-              <div key={index} className="bg-gray-50 dark:bg-gray-800 p-8 rounded-2xl transition-all duration-300
-  hover:-translate-y-2 hover:shadow-2xl hover:bg-blue-100 
-  dark:hover:bg-gray-600">
-                <div className={`${feature.bgColor} w-12 h-12 rounded-lg flex items-center justify-center mb-6 transition-transform duration-300`}>
+              <div key={index} className="bg-gray-50 dark:bg-gray-800 p-8 rounded-2xl transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl hover:bg-blue-100 dark:hover:bg-gray-600">
+                <div className={`${feature.bgColor} w-12 h-12 rounded-lg flex items-center justify-center mb-6 transition-transform hover:scale-110 duration-300`}>
                   <IconComponent className={`h-6 w-6 ${feature.iconColor}`} />
                 </div>
                 <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">{feature.title}</h3>