40 lines
1.3 KiB
JavaScript
40 lines
1.3 KiB
JavaScript
import { Link } from 'react-router-dom';
|
|
|
|
// project import
|
|
import { APP_DEFAULT_PATH } from 'config';
|
|
|
|
// material-ui
|
|
import { Box, Button, Grid, Stack, Typography } from '@mui/material';
|
|
|
|
// assets
|
|
import construction from 'assets/images/maintenance/under-construction.svg';
|
|
|
|
// ==============================|| UNDER CONSTRUCTION - MAIN ||============================== //
|
|
|
|
function UnderConstruction() {
|
|
return (
|
|
<Grid container spacing={4} direction="column" alignItems="center" justifyContent="center" sx={{ minHeight: '100vh', py: 2 }}>
|
|
<Grid item xs={12}>
|
|
<Box sx={{ width: { xs: 300, sm: 480 } }}>
|
|
<img src={construction} alt="mantis" style={{ width: '100%', height: 'auto' }} />
|
|
</Box>
|
|
</Grid>
|
|
<Grid item xs={12}>
|
|
<Stack spacing={2} justifyContent="center" alignItems="center">
|
|
<Typography align="center" variant="h1">
|
|
Under Construction
|
|
</Typography>
|
|
<Typography color="textSecondary" align="center" sx={{ width: '85%' }}>
|
|
Hey! Please check out this site later. We are doing some maintenance on it right now.
|
|
</Typography>
|
|
<Button component={Link} to={APP_DEFAULT_PATH} variant="contained">
|
|
Back To Home
|
|
</Button>
|
|
</Stack>
|
|
</Grid>
|
|
</Grid>
|
|
);
|
|
}
|
|
|
|
export default UnderConstruction;
|