init commit,

03_source/frontend/src/sections/maintenance/view.tsx

@@ -0,0 +1,29 @@
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+
+import { RouterLink } from 'src/routes/components';
+
+import { MaintenanceIllustration } from 'src/assets/illustrations';
+
+// ----------------------------------------------------------------------
+
+export function MaintenanceView() {
+  return (
+    <Box sx={{ display: 'flex', alignItems: 'center', flexDirection: 'column' }}>
+      <Typography variant="h3" sx={{ mb: 2 }}>
+        Website currently under maintenance
+      </Typography>
+
+      <Typography sx={{ color: 'text.secondary' }}>
+        We are currently working hard on this page!
+      </Typography>
+
+      <MaintenanceIllustration sx={{ my: { xs: 5, sm: 10 } }} />
+
+      <Button component={RouterLink} href="/" size="large" variant="contained">
+        Go to home
+      </Button>
+    </Box>
+  );
+}