From 8cc0a64738f793800f8c8dffe65838481aa6b8e6 Mon Sep 17 00:00:00 2001
From: ayue09125 <ayue09125@gmail.com>
Date: Tue, 13 Jan 2026 22:17:03 -0800
Subject: [PATCH] added mouseover animations to buttons and text on home page

---
 src/Pages/Home/Home.js | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/Pages/Home/Home.js b/src/Pages/Home/Home.js
index 53b42e00d..b92d7a750 100755
--- a/src/Pages/Home/Home.js
+++ b/src/Pages/Home/Home.js
@@ -67,22 +67,26 @@ const Home = () => {
       <div className="flex flex-col flex-wrap items-center justify-center flex-1 h-full my-4 md:flex-row xl:my-0">
         <div className="flex flex-col items-center justify-center w-full p-4 overflow-y-hidden xl:w-2/5">
           <div className="flex flex-col mb-8 xl:ml-10">
-            <h1
-              className={`slide-in-top my-4 text-3xl font-bold text-center text-white opacity-75 md:text-5xl xl:text-left${showAll ? ' show' : ''}`}>
-              The Software and Computer Engineering Society
-            </h1>
-            <h3
-              className={`slide-in-right text-base text-gray-400 text-center xl:text-left md:text-2xl${showAll ? ' show' : ''}`}>
-              SJSU's Largest Engineering Club
-            </h3>
+            <div className={`slide-in-top ${showAll ? ' show' : ''}`}>
+              <h1
+                className={`my-4 text-3xl font-bold text-center text-white opacity-75 md:text-5xl xl:text-left duration-300 hover:scale-105`}>
+                The Software and Computer Engineering Society
+              </h1>
+            </div>
+            <div className={`slide-in-right ${showAll ? ' show' : ''}`}>
+              <h3
+                className={`p-4 text-base text-gray-400 text-center xl:text-left md:text-2xl duration-300 hover:scale-105`}>
+                SJSU's Largest Engineering Club
+              </h3>
+            </div>
           </div>
           <div
             className={`slide-in-bottom flex justify-center space-x-3 slide-in-bottom${showAll ? ' show' : ''}`}>
             <a href="/about" rel="nofollow noreferrer" target="_blank">
-              <button className="btn btn-outline text-lg text-blue-400 hover:bg-blue-700 hover:!text-white">Learn More</button>
+              <button className="btn btn-outline text-lg text-blue-400 hover:bg-blue-700 hover:text-white hover:scale-110">Learn More</button>
             </a>
             <a href="/register">
-              <button className="btn btn-outline text-lg btn-accent hover:!text-white">Join Us!</button>
+              <button className="btn btn-outline text-lg btn-accent hover:!text-white hover:scale-110">Join Us!</button>
             </a>
           </div>
         </div>