first commit

src/App.jsx

@@ -0,0 +1,76 @@
+import { Suspense, lazy } from 'react';
+import { Routes, Route, Navigate } from 'react-router-dom';
+import { Box, CircularProgress } from '@mui/material';
+
+import MainLayout from '@/layout/MainLayout';
+import MinimalLayout from '@/layout/MinimalLayout';
+
+const load = (factory) => {
+  const C = lazy(factory);
+  return (
+    <Suspense
+      fallback={
+        <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', minHeight: '60vh' }}>
+          <CircularProgress color="primary" />
+        </Box>
+      }
+    >
+      <C />
+    </Suspense>
+  );
+};
+
+export default function App() {
+  return (
+    <Routes>
+      {/* Shell pages */}
+      <Route element={<MainLayout />}>
+        <Route path="/dashboard" element={load(() => import('@/pages/Dashboard'))} />
+
+        <Route path="/orders" element={load(() => import('@/pages/orders/OrdersList'))} />
+        <Route path="/orders/create" element={load(() => import('@/pages/orders/CreateOrder'))} />
+        <Route path="/orders/create-multiple" element={load(() => import('@/pages/orders/CreateMultipleOrders'))} />
+        <Route path="/orders/assign" element={load(() => import('@/pages/orders/AssignOrders'))} />
+        <Route path="/orders/:id" element={load(() => import('@/pages/orders/OrderDetails'))} />
+
+        <Route path="/deliveries" element={load(() => import('@/pages/Deliveries'))} />
+
+        <Route path="/tenants" element={load(() => import('@/pages/tenants/Tenants'))} />
+        <Route path="/tenants/create" element={load(() => import('@/pages/tenants/CreateClient'))} />
+
+        <Route path="/customers" element={load(() => import('@/pages/customers/Customers'))} />
+        <Route path="/customers/create" element={load(() => import('@/pages/customers/CreateCustomer'))} />
+
+        <Route path="/pricing" element={load(() => import('@/pages/Pricing'))} />
+
+        <Route path="/riders" element={load(() => import('@/pages/riders/Riders'))} />
+        <Route path="/riders/create" element={load(() => import('@/pages/riders/CreateRider'))} />
+        <Route path="/riders/:id/edit" element={load(() => import('@/pages/riders/EditRider'))} />
+
+        <Route path="/reports/orders-summary" element={load(() => import('@/pages/reports/OrdersSummary'))} />
+        <Route path="/reports/orders-details" element={load(() => import('@/pages/reports/OrdersDetails'))} />
+        <Route path="/reports/riders-summary" element={load(() => import('@/pages/reports/RidersSummary'))} />
+        <Route path="/reports/riders-logs" element={load(() => import('@/pages/reports/RidersLogs'))} />
+
+        <Route path="/invoice" element={load(() => import('@/pages/invoice/Invoices'))} />
+        <Route path="/invoice/:id" element={load(() => import('@/pages/invoice/InvoicePreview'))} />
+
+        <Route path="/requests" element={load(() => import('@/pages/Requests'))} />
+        <Route path="/profile" element={load(() => import('@/pages/Profile'))} />
+        <Route path="/settings" element={load(() => import('@/pages/Settings'))} />
+      </Route>
+
+      {/* Full-bleed pages */}
+      <Route element={<MinimalLayout />}>
+        <Route path="/login" element={load(() => import('@/pages/auth/Login'))} />
+        <Route path="/under-construction" element={load(() => import('@/pages/maintenance/UnderConstruction'))} />
+        <Route path="/coming-soon" element={load(() => import('@/pages/maintenance/ComingSoon'))} />
+        <Route path="/500" element={load(() => import('@/pages/maintenance/Error500'))} />
+        <Route path="/404" element={load(() => import('@/pages/maintenance/Error404'))} />
+      </Route>
+
+      <Route path="/" element={<Navigate to="/dashboard" replace />} />
+      <Route path="*" element={load(() => import('@/pages/maintenance/Error404'))} />
+    </Routes>
+  );
+}