From 4e7e0922207fdba5df8ffa37dcfc8f808887fb20 Mon Sep 17 00:00:00 2001
From: shikhar1est <shikharr521@gmail.com>
Date: Sun, 5 Oct 2025 19:31:00 +0530
Subject: [PATCH] Enhancement : Home page blocks hover

---
 frontend/src/App.js         | 4 ++--
 frontend/src/pages/Home.jsx | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.js b/frontend/src/App.js
index 3eb8d47..76661b2 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -64,11 +64,11 @@ const AppContent = () => {
             />
             <Route 
               path="/tutorials" 
-              element={<TutorialsPage darkMode={darkMode} />} 
+              element={<TutorialsPage darkMode={isDark} />} 
             />
             <Route 
               path="/tutorial/:tutorialId" 
-              element={<TutorialPage darkMode={darkMode} />} 
+              element={<TutorialPage darkMode={isDark} />} 
             />
           </Routes>
         </Layout>
diff --git a/frontend/src/pages/Home.jsx b/frontend/src/pages/Home.jsx
index 166ef65..588a177 100644
--- a/frontend/src/pages/Home.jsx
+++ b/frontend/src/pages/Home.jsx
@@ -119,7 +119,10 @@ const Home = () => {
           {features.map((feature, index) => {
             const Icon = feature.icon;
             return (
-              <div key={index} className={`text-center p-6 ${classes.cardBg} border rounded-xl shadow-soft hover:shadow-medium transition-shadow`}>
+              <div 
+                key={index} 
+                className={`text-center p-6 ${classes.cardBg} border rounded-xl shadow-soft hover:shadow-lg hover:scale-105 transition-transform duration-300 cursor-pointer`}
+              >
                 <div className={`${
                   isDark ? 'bg-blue-900/40' : 'bg-blue-100'
                 } w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4`}>
@@ -149,7 +152,7 @@ const Home = () => {
               <Link
                 key={index}
                 to={category.path}
-                className={`${classes.cardBg} rounded-xl shadow-soft hover:shadow-strong transition-all duration-300 p-6 group border`}
+                className={`${classes.cardBg} rounded-xl shadow-soft hover:shadow-lg hover:scale-105 transition-transform duration-300 p-6 group border cursor-pointer`}
               >
                 <div className="flex items-start space-x-4">
                   <div className={`${category.color} p-3 rounded-lg group-hover:scale-110 transition-transform`}>