From 8f19d3eb883d7acb1ad588c081f0b1635cc6ac1d Mon Sep 17 00:00:00 2001
From: Akash <akashsingh2210670@gmail.com>
Date: Sat, 4 May 2024 23:50:27 +0530
Subject: [PATCH] Closes #8 Updated quiz  page UI

Signed-off-by: Akash <akashsingh2210670@gmail.com>
---
 app/page.tsx                      | 2 +-
 app/{student => quizzes}/page.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)
 rename app/{student => quizzes}/page.tsx (92%)

diff --git a/app/page.tsx b/app/page.tsx
index d62082a..d7024dc 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -18,7 +18,7 @@ export default function Home() {
         </Link>
 
         {/* Student Card */}
-        <Link href="/student">
+        <Link href="/quizzes">
           <div className={`card bg-gray-900 mx-6 student-card items-center justify-center lg:h-[300px] lg:w-[500px]  text-white font-semibold px-6 py-4 rounded-md cursor-pointer transition-transform duration-300 ${styles.hoverEffect}`}>
             <FaUserGraduate className="text-4xl mb-4" /> {/* Font Awesome icon */}
             <h1 className="text-2xl mb-2">Student Dashboard</h1>
diff --git a/app/student/page.tsx b/app/quizzes/page.tsx
similarity index 92%
rename from app/student/page.tsx
rename to app/quizzes/page.tsx
index e6490e6..fa82c41 100644
--- a/app/student/page.tsx
+++ b/app/quizzes/page.tsx
@@ -69,7 +69,7 @@ const StudentPage = () => {
   return (
     <div className="flex flex-col items-center justify-center min-h-screen">
       {/* Quiz Cards Section */}
-      <div className="mt-8 text-gray-300 text-center">
+      <div className="mt-8 text-white text-center">
         <h1 className="text-3xl font-semibold mb-6">Join the quiz challenge and unlock your potential!</h1>
         <div className="flex flex-wrap justify-center mt-4">
           {quizzes.map((quiz: any) => {
@@ -84,7 +84,7 @@ const StudentPage = () => {
             return (
               <div
                 key={quiz.data.id}
-                className={`bg-gradient-to-r from-customBlue to-customViolet font-black px-6 py-4 rounded-md m-4 cursor-pointer transform hover:scale-105 transition duration-300 ${isQuizAttempted ? 'opacity-50' : ''
+                className={`bg-gray-900 font-black px-6 py-4 rounded-md m-4 cursor-pointer transform hover:scale-105 hover:border-amber-400 border border-gray-900 transition duration-300 hoverEffect ${isQuizAttempted ? 'opacity-50' : ''
                   }`}
               >
                 {isQuizAttempted ? (