first

src/pages/maintenance/under-construction.js

@@ -0,0 +1,39 @@
+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;