add landing page (#292)

.gitignore

@@ -60,6 +60,8 @@ yarn-error.log*
 # Misc
 .DS_Store
 .env
+.env.dev
+.env.prod
 .env.local
 .env.development.local
 .env.test.local

frontend/src/App.tsx

@@ -21,6 +21,7 @@ import axios from 'axios';
 import { colors } from './colors';
 import SearchResultsPage from './pages/SearchResultsPage';
 import { isAdmin } from './utils/adminTool';
+import LandingPage from './pages/LandingPage';
 
 const theme = createTheme({
   palette: {
@@ -101,7 +102,8 @@ const App = (): ReactElement => {
 
   return (
     <ThemeProvider theme={theme}>
-      <Router>
+      <LandingPage />
+      {/* <Router>
         <NavBar headersData={headersData} user={user} setUser={setUser} />
         <div className="root">
           <Switch>
@@ -124,7 +126,7 @@ const App = (): ReactElement => {
           </Switch>
         </div>
         <Footer />
-      </Router>
+      </Router> */}
     </ThemeProvider>
   );
 };

frontend/src/pages/LandingPage.tsx

@@ -0,0 +1,44 @@
+import { makeStyles } from '@material-ui/core/styles';
+import React, { ReactElement } from 'react';
+import LogoIcon from '../assets/navbar-logo.svg';
+
+const useStyles = makeStyles({
+  landingPage: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: '100vh',
+    backgroundColor: '#FFF6F6',
+  },
+  contentContainer: {
+    display: 'flex', // Create a flex container
+    alignItems: 'center', // Center items vertically within the container
+    gap: '20px', // Add spacing between text and image
+    textAlign: 'center',
+  },
+  centeredContent: {
+    fontSize: '30px',
+    fontWeight: 'bold',
+    color: '#B94630',
+  },
+  logoImage: {
+    maxWidth: '100px', // Adjust the maximum width as needed
+  },
+});
+
+const LandingPage = (): ReactElement => {
+  const classes = useStyles();
+
+  return (
+    <div className={classes.landingPage}>
+      <div className={classes.contentContainer}>
+        <img src={LogoIcon} alt="CU Apts Logo" className={classes.logoImage} />
+        <div className={classes.centeredContent}>
+          <p>Please come back later on September 7th!</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default LandingPage;