first

src/routes/MainRoutes.js

@@ -0,0 +1,62 @@
+import { lazy } from 'react';
+
+// project import
+import MainLayout from 'layout/MainLayout';
+import CommonLayout from 'layout/CommonLayout';
+import Loadable from 'components/Loadable';
+import AuthGuard from 'utils/route-guard/AuthGuard';
+
+// pages routing
+const MaintenanceError = Loadable(lazy(() => import('pages/maintenance/404')));
+const MaintenanceError500 = Loadable(lazy(() => import('pages/maintenance/500')));
+const MaintenanceUnderConstruction = Loadable(lazy(() => import('pages/maintenance/under-construction')));
+const MaintenanceComingSoon = Loadable(lazy(() => import('pages/maintenance/coming-soon')));
+
+// render - sample page
+const SamplePage = Loadable(lazy(() => import('pages/extra-pages/sample-page')));
+
+// ==============================|| MAIN ROUTING ||============================== //
+
+const MainRoutes = {
+  path: '/',
+  children: [
+    {
+      path: '/',
+      element: (
+        <AuthGuard>
+          <MainLayout />
+        </AuthGuard>
+      ),
+      children: [
+        {
+          path: 'sample-page',
+          element: <SamplePage />
+        }
+      ]
+    },
+    {
+      path: '/maintenance',
+      element: <CommonLayout />,
+      children: [
+        {
+          path: '404',
+          element: <MaintenanceError />
+        },
+        {
+          path: '500',
+          element: <MaintenanceError500 />
+        },
+        {
+          path: 'under-construction',
+          element: <MaintenanceUnderConstruction />
+        },
+        {
+          path: 'coming-soon',
+          element: <MaintenanceComingSoon />
+        }
+      ]
+    }
+  ]
+};
+
+export default MainRoutes;