diff --git a/.gitignore b/.gitignore
index 8b9deffc..dcb5be09 100644
--- a/.gitignore
+++ b/.gitignore
@@ -60,6 +60,8 @@ yarn-error.log*
# Misc
.DS_Store
.env
+.env.dev
+.env.prod
.env.local
.env.development.local
.env.test.local
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 1f3e802b..76745078 100644
--- a/frontend/src/App.tsx
+++ b/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 (
-
+
+ {/*
@@ -124,7 +126,7 @@ const App = (): ReactElement => {
-
+ */}
);
};
diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
new file mode 100644
index 00000000..dfe148bd
--- /dev/null
+++ b/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 (
+
+
+
+
+
Please come back later on September 7th!
+
+
+
+ );
+};
+
+export default LandingPage;