Merge pull request #25 from CS3219-AY2324S1/landing-page

Add landing page if not logged in or not signed up

Author: wilburrito

src/index.tsx

@@ -7,6 +7,7 @@ import Login from "./pages/login";
 import SignUp from "./pages/signup";
 import AuthGuard from "./auth/AuthGuard";
 import { DataContextProvider } from "./data/data.context";
+import Landing from "./pages/landing";
 
 const root = ReactDOM.createRoot(
   document.getElementById("root") as HTMLElement
@@ -17,9 +18,10 @@ root.render(
       <AuthContextProvider>
         <DataContextProvider>
           <Routes>
-            <Route path="/" element={<App />} />
+            <Route path="/" element={<Landing />} />
             <Route path="/login" element={<Login />} />
             <Route path="/signup" element={<SignUp />} />
+            {/* <Route path="/landing" element={<Landing />} /> */}
             <Route
               path="/home"
               element={

src/pages/landing.tsx

@@ -0,0 +1,67 @@
+import React from "react";
+import { Link as RouterLink } from "react-router-dom";
+import {
+  Typography,
+  Button,
+  Container,
+  Paper,
+  Grid,
+} from "@mui/material";
+
+function Landing() {
+  return (
+    <Container maxWidth="md">
+      <Paper elevation={3} sx={{ padding: 4, marginTop: 4 }}>
+        <Typography variant="h4" align="center" gutterBottom>
+          Welcome to PeerPrep!
+        </Typography>
+        <Typography variant="body1" align="center" paragraph>
+          Prepare for technical interviews with PeerPrep
+        </Typography>
+        <Grid container spacing={3}>
+          <Grid item xs={12} sm={6}>
+            <Typography variant="h5" gutterBottom>
+              Why Choose Us?
+            </Typography>
+            <Typography variant="body1">
+              PeerPrep is your go-to platform for technical interview
+              preparation. Practice whiteboard-style interview questions with
+              peers and improve your skills.
+            </Typography>
+          </Grid>
+          <Grid item xs={12} sm={6}>
+            <Typography variant="h5" gutterBottom>
+              Get Started
+            </Typography>
+            <Typography variant="body1">
+              Join our community of students and professionals to enhance your
+              technical interview skills.
+            </Typography>
+            <Button
+              variant="contained"
+              color="primary"
+              component={RouterLink}
+              to="/signup"
+              sx={{ marginRight: 2 }}
+            >
+              Sign Up
+            </Button>
+            <Button
+              variant="outlined"
+              color="primary"
+              component={RouterLink}
+              to="/login"
+            >
+              Log In
+            </Button>
+          </Grid>
+        </Grid>
+      </Paper>
+      <Typography variant="body2" align="center" sx={{ marginTop: 2 }}>
+        &copy; 2023 PeerPrep
+      </Typography>
+    </Container>
+  );
+}
+
+export default Landing;