From 96248a8417e14fb8c7f9c40b918097fd3ac2c350 Mon Sep 17 00:00:00 2001
From: szelongq <72333104+szelongq@users.noreply.github.com>
Date: Wed, 15 Nov 2023 15:41:14 +0800
Subject: [PATCH] Update homepage

---
 frontend/src/components/Home.tsx | 31 ++++++++++++++++---------------
 frontend/src/pages/App.tsx       |  1 -
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/Home.tsx b/frontend/src/components/Home.tsx
index 6423f5ce..0213ea92 100644
--- a/frontend/src/components/Home.tsx
+++ b/frontend/src/components/Home.tsx
@@ -1,6 +1,7 @@
-import { useEffect } from "react";
+import React, { useEffect } from "react";
 import { Box } from "@mui/material";
 import ButtonModal from "./MatchingService/MatchButton";
+import QuestionsTable from "./Questions/QuestionsTable";
 
 export default function Home() {
   // Sample data for practice questions (you can replace this with actual data)
@@ -23,21 +24,21 @@ export default function Home() {
   }, []);
 
   return (
-    <Box>
-      <div>
-        <h1>Welcome to the Technical Interview Preparation Portal</h1>
+    <React.Fragment>
+      <Box width="80%">
         <div>
-          <h2>Practice Questions</h2>
-          <ul>
-            {practiceQuestions.map((question) => (
-              <li key={question.difficulty}>
-                {question.difficulty}: {question.count} questions
-              </li>
-            ))}
-          </ul>
-          <ButtonModal />
+          <h1>Welcome to the Technical Interview Preparation Portal</h1>
+          <div>
+            <h2>Match with someone</h2>
+              Match with a partner to collaborate and solve a problem together
+            <br /> <br />
+            <ButtonModal />
+            <h2>Practice on your own</h2>
+              Click on any question below to start your personal practice session
+          </div>
         </div>
-      </div>
-    </Box>
+      </Box>
+      <QuestionsTable />
+    </React.Fragment>
   );
 }
diff --git a/frontend/src/pages/App.tsx b/frontend/src/pages/App.tsx
index c12a57a0..6e25ec28 100644
--- a/frontend/src/pages/App.tsx
+++ b/frontend/src/pages/App.tsx
@@ -12,7 +12,6 @@ export default function App() {
       <Navbar />    
       <CenteredContainer>
         <Home />
-        <QuestionsTable />
       </CenteredContainer>
     </Box>
   );