From 12c80c05c97e72b850cfe09d743bae975a37df44 Mon Sep 17 00:00:00 2001
From: Mahek Gupta <guptamahek761@gmail.com>
Date: Fri, 27 Feb 2026 15:31:24 +0530
Subject: [PATCH 1/2] Improve landing page conversion by directing primary CTA
 to upload page

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

diff --git a/eduaid_web/src/pages/Home.jsx b/eduaid_web/src/pages/Home.jsx
index e00a0d23..cc0a7f58 100644
--- a/eduaid_web/src/pages/Home.jsx
+++ b/eduaid_web/src/pages/Home.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import "../index.css";
-import logo_trans from "../assets/aossie_logo_transparent.png"
+import logo_trans from "../assets/aossie_logo_transparent.png";
 import starsImg from "../assets/stars.png";
 import arrow from "../assets/arrow.png";
 import gitStar from "../assets/gitStar.png";
@@ -84,18 +84,22 @@ const Home = () => {
 
           {/* Buttons */}
           <div className="flex flex-col sm:flex-row justify-center items-center gap-6 mt-10">
-            <Link to="/question-type" className="w-full sm:w-auto">
+            
+            {/* ✅ Only change here: /question-type → /input */}
+            <Link to="/input" className="w-full sm:w-auto">
               <button className="w-full sm:w-auto items-center text-lg flex justify-center gap-3 text-white px-6 py-3 border-gradient hover:wave-effect rounded-md transition-all duration-300">
                 Let’s get Started
                 <img src={arrow} width={24} height={24} alt="arrow" />
               </button>
             </Link>
+
             <Link to="/history" className="w-full sm:w-auto">
               <button className="w-full sm:w-auto items-center text-lg flex justify-center gap-3 text-white px-6 py-3 border-gradient hover:wave-effect rounded-md transition-all duration-300">
                 Your previous Work!
                 <img src={arrow} width={24} height={24} alt="arrow" />
               </button>
             </Link>
+
           </div>
 
           {/* GitHub Stars */}
@@ -119,6 +123,7 @@ const Home = () => {
               </div>
             </div>
           </a>
+
         </div>
       </div>
     </div>

From 90cdff35729f2917c037514158d63a080c38e0b9 Mon Sep 17 00:00:00 2001
From: Mahek Gupta <guptamahek761@gmail.com>
Date: Fri, 27 Feb 2026 15:43:26 +0530
Subject: [PATCH 2/2] Fix accessibility: remove nested button inside Link in
 Home.jsx

---
 eduaid_web/src/pages/Home.jsx | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/eduaid_web/src/pages/Home.jsx b/eduaid_web/src/pages/Home.jsx
index cc0a7f58..dc1c3f99 100644
--- a/eduaid_web/src/pages/Home.jsx
+++ b/eduaid_web/src/pages/Home.jsx
@@ -82,22 +82,23 @@ const Home = () => {
             ))}
           </div>
 
-          {/* Buttons */}
+          {/* Buttons - FIXED (No nested button) */}
           <div className="flex flex-col sm:flex-row justify-center items-center gap-6 mt-10">
-            
-            {/* ✅ Only change here: /question-type → /input */}
-            <Link to="/input" className="w-full sm:w-auto">
-              <button className="w-full sm:w-auto items-center text-lg flex justify-center gap-3 text-white px-6 py-3 border-gradient hover:wave-effect rounded-md transition-all duration-300">
-                Let’s get Started
-                <img src={arrow} width={24} height={24} alt="arrow" />
-              </button>
+
+            <Link
+              to="/input"
+              className="w-full sm:w-auto items-center text-lg flex justify-center gap-3 text-white px-6 py-3 border-gradient hover:wave-effect rounded-md transition-all duration-300"
+            >
+              Let’s get Started
+              <img src={arrow} width={24} height={24} alt="arrow" />
             </Link>
 
-            <Link to="/history" className="w-full sm:w-auto">
-              <button className="w-full sm:w-auto items-center text-lg flex justify-center gap-3 text-white px-6 py-3 border-gradient hover:wave-effect rounded-md transition-all duration-300">
-                Your previous Work!
-                <img src={arrow} width={24} height={24} alt="arrow" />
-              </button>
+            <Link
+              to="/history"
+              className="w-full sm:w-auto items-center text-lg flex justify-center gap-3 text-white px-6 py-3 border-gradient hover:wave-effect rounded-md transition-all duration-300"
+            >
+              Your previous Work!
+              <img src={arrow} width={24} height={24} alt="arrow" />
             </Link>
 
           </div>
@@ -130,4 +131,4 @@ const Home = () => {
   );
 };
 
-export default Home;
+export default Home;
\ No newline at end of file