From 2ba8b06ee2d082e41ac98319383798650f4ae1c9 Mon Sep 17 00:00:00 2001
From: Anirban Singha <anirbansingha20@gmail.com>
Date: Thu, 24 Oct 2024 20:06:50 +0530
Subject: [PATCH] feat: Revamp landing page buttons for improved design and
 user experience

---
 eduaid_web/src/pages/Home.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/eduaid_web/src/pages/Home.jsx b/eduaid_web/src/pages/Home.jsx
index ec3a412..356bee2 100644
--- a/eduaid_web/src/pages/Home.jsx
+++ b/eduaid_web/src/pages/Home.jsx
@@ -93,7 +93,7 @@ const Home = () => {
           <div className="flex justify-center gap-6">
             <div className="mt-8 rounded-2xl">
               <a href="question-type">
-                <button className="items-center text-lg flex justify-center gap-4 text-white px-6 py-3 mx-auto mt-6 border-gradient hover:wave-effect rounded-md">
+                <button className="flex items-center text-lg justify-center gap-4 text-white px-6 py-3 mx-auto mt-6 rounded-md shadow-md transition-transform duration-300 transform hover:scale-105 hover:bg-gradient-to-r from-[#FF005C] to-[#00CBE7]">
                   Let’s get Started{" "}
                   <img src={arrow} width={28} height={24} alt="" />
                 </button>
@@ -101,7 +101,7 @@ const Home = () => {
             </div>
             <div className="mt-8 rounded-2xl">
               <a href="history">
-                <button className="items-center text-lg flex justify-center gap-4 text-white px-6 py-3 mx-auto mt-6 border-gradient hover:wave-effect rounded-md">
+                <button className="flex items-center text-lg justify-center gap-4 text-white px-6 py-3 mx-auto mt-6 rounded-md shadow-md transition-transform duration-300 transform hover:scale-105 hover:bg-gradient-to-r from-[#FF005C] to-[#00CBE7]">
                   Your previous Work!
                   <img src={arrow} width={28} height={24} alt="" />
                 </button>