Skip to content

Commit

Permalink
add landing page (#292)
Browse files Browse the repository at this point in the history
  • Loading branch information
thuypham03 authored Sep 1, 2023
1 parent 3348888 commit 05c6fff
Show file tree
Hide file tree
Showing 3 changed files with 50 additions and 2 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,8 @@ yarn-error.log*
# Misc
.DS_Store
.env
.env.dev
.env.prod
.env.local
.env.development.local
.env.test.local
Expand Down
6 changes: 4 additions & 2 deletions frontend/src/App.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down Expand Up @@ -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>
Expand All @@ -124,7 +126,7 @@ const App = (): ReactElement => {
</Switch>
</div>
<Footer />
</Router>
</Router> */}
</ThemeProvider>
);
};
Expand Down
44 changes: 44 additions & 0 deletions frontend/src/pages/LandingPage.tsx
Original file line number Diff line number Diff line change
@@ -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;

0 comments on commit 05c6fff

Please sign in to comment.