maintainance page

src/index.js

@@ -32,8 +32,8 @@ import Maintainance from './pages/Maintainance';
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <Provider store={store}>
-    <App />
-    {/* <Maintainance/> */}
+    {/* <App /> */}
+    <Maintainance/>
   </Provider>
 );
 

src/pages/Maintainance.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { Box } from '@mui/material'
+import maintananceIMage from "../assets/images/maintainance.webp"
 
 const Maintainance = () => {
     return (
@@ -7,9 +8,10 @@ const Maintainance = () => {
             sx={{
                 height:"100vh",
                 width:"100%",
-                backgroundColor:"red"
+                display:"flex"
             }}
         >
+            <img src={maintananceIMage} style={{width:"100%", margin:"auto auto"}} />
         </Box>
     )
 }