From 284b7f2a85db999e8813f26a3c3c54edc5a4cbc2 Mon Sep 17 00:00:00 2001
From: Roshan Shamas <146016164+Roshan12here@users.noreply.github.com>
Date: Wed, 26 Jun 2024 16:00:29 +0500
Subject: [PATCH 1/2] Update FeatureSection.tsx

The feature section did not had a good design It had the text too close to the left side in the Card and there were no hover animations
on the card So I added some margin on the text to make it more readable and it added Hover animations with the Primarylo

Signed-off-by: Roshan Shamas <146016164+Roshan12here@users.noreply.github.com>
---
 components/defaultLanding/FeatureSection.tsx | 22 ++++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/components/defaultLanding/FeatureSection.tsx b/components/defaultLanding/FeatureSection.tsx
index badbc9203..a828ab9ea 100644
--- a/components/defaultLanding/FeatureSection.tsx
+++ b/components/defaultLanding/FeatureSection.tsx
@@ -18,15 +18,18 @@ const FeatureSection = () => {
           <div className="grid grid-cols-1 xl:grid-cols-3 md:grid-cols-2 gap-2">
             {features.map((feature: any, index) => {
               return (
-                <div
-                  className="card-compact card dark:border-gray-200 border border-gray-300"
-                  key={index}
-                >
-                  <div className="card-body">
-                    <h2 className="card-title">{feature.name}</h2>
-                    <p>{feature.description}</p>
-                  </div>
-                </div>
+<div
+  className="card-compact card border ml-4 border-gray-300 dark:border-gray-200 transform transition-transform duration-400 hover:scale-105 hover:bg-[#2563eb] hover:text-white "
+  key={index}
+>
+  <div className="card-body">
+    <h2 className="card-title">{feature.name}</h2>
+    <p>{feature.description}</p>
+  </div>
+</div>
+
+
+
               );
             })}
           </div>
@@ -37,3 +40,4 @@ const FeatureSection = () => {
 };
 
 export default FeatureSection;
+

From 3567594ad4121d66e5071c4ff920e1bab8a0510b Mon Sep 17 00:00:00 2001
From: Roshan Shamas <146016164+Roshan12here@users.noreply.github.com>
Date: Fri, 28 Jun 2024 20:35:54 +0500
Subject: [PATCH 2/2] Update FeatureSection.tsx

Okay so I have formatted the file By running the npm run format

Signed-off-by: Roshan Shamas <146016164+Roshan12here@users.noreply.github.com>
---
 components/defaultLanding/FeatureSection.tsx | 22 +++++++++-----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/components/defaultLanding/FeatureSection.tsx b/components/defaultLanding/FeatureSection.tsx
index a828ab9ea..614efcde5 100644
--- a/components/defaultLanding/FeatureSection.tsx
+++ b/components/defaultLanding/FeatureSection.tsx
@@ -18,18 +18,15 @@ const FeatureSection = () => {
           <div className="grid grid-cols-1 xl:grid-cols-3 md:grid-cols-2 gap-2">
             {features.map((feature: any, index) => {
               return (
-<div
-  className="card-compact card border ml-4 border-gray-300 dark:border-gray-200 transform transition-transform duration-400 hover:scale-105 hover:bg-[#2563eb] hover:text-white "
-  key={index}
->
-  <div className="card-body">
-    <h2 className="card-title">{feature.name}</h2>
-    <p>{feature.description}</p>
-  </div>
-</div>
-
-
-
+                <div
+                  className="card-compact card border ml-4 border-gray-300 dark:border-gray-200 transform transition-transform duration-400 hover:scale-105 hover:bg-[#2563eb] hover:text-white "
+                  key={index}
+                >
+                  <div className="card-body">
+                    <h2 className="card-title">{feature.name}</h2>
+                    <p>{feature.description}</p>
+                  </div>
+                </div>
               );
             })}
           </div>
@@ -41,3 +38,4 @@ const FeatureSection = () => {
 
 export default FeatureSection;
 
+