Here is the example on how to create your own page and add it to the left side menu and breadcrumbs.

1. Create page component src/app/pages/MyPage.tsx.

   import React from "react";
                     
   export function MyPage() {
       return <h1>Hello!</h1>
   }
   

2. Update Update src/app/routing/PrivateRoutes.tsx.

   import {lazy, FC, Suspense} from 'react'
   import {Route, Routes, Navigate} from 'react-router-dom'
   import {MasterLayout} from '../../_zeus/layout/MasterLayout'
   import {DashboardWrapper} from '../pages/dashboard/DashboardWrapper'
   import {MenuTestPage} from '../pages/MenuTestPage'
   + import {MyPage} from "../pages/MyPage"
   
   export function PrivateRoutes() {
     const BuilderPageWrapper = lazy(() => import('../pages/layout-builder/BuilderPageWrapper'))
     const ProfilePage = lazy(() => import('../modules/profile/ProfilePage'))
     const WizardsPage = lazy(() => import('../modules/wizards/WizardsPage'))
     const AccountPage = lazy(() => import('../modules/accounts/AccountPage'))
     const WidgetsPage = lazy(() => import('../modules/widgets/WidgetsPage'))
     const ChatPage = lazy(() => import('../modules/apps/chat/ChatPage'))
   
     return (
       return (
         <Routes>
           <Route element={<MasterLayout />}>
             {/* Redirect to Dashboard after success login/registartion */}
             <Route path='auth/*' element={<Navigate to='/dashboard' />} />
             {/* Pages */}
             +<Route path="/my-page" element={<MyPage />} />
             <Route path='dashboard' element={<DashboardWrapper />} />
             <Route path='builder' element={<BuilderPageWrapper />} />
             <Route path='menu-test' element={<MenuTestPage />} />
             {/* Lazy Modules */}
             <Route
               path='crafted/pages/profile/*'
               element={
                 <SuspensedView>
                   <ProfilePage />
                 </SuspensedView>
               }
             />
             <Route
               path='crafted/pages/wizards/*'
               element={
                 <SuspensedView>
                   <WizardsPage />
                 </SuspensedView>
               }
             />
             <Route
               path='crafted/widgets/*'
               element={
                 <SuspensedView>
                   <WidgetsPage />
                 </SuspensedView>
               }
             />
             <Route
               path='crafted/account/*'
               element={
                 <SuspensedView>
                   <AccountPage />
                 </SuspensedView>
               }
             />
             <Route
               path='apps/chat/*'
               element={
                 <SuspensedView>
                   <ChatPage />
                 </SuspensedView>
               }
             />
             {/* Page Not Found */}
             <Route path='*' element={<Navigate to='/error/404' />} />
           </Route>
         </Routes>
     )
   }
   

3. Add menu item to Header Menu src/_zeus/layout/components/header/MenuInner.tsx.

   +<MenuItem title='My Page' to='/my-page' />
   

4. Add menu item to Aside Menu src/_zeus/layout/components/aside/AsideMenuMain.tsx.

   +<AsideMenuItem to="/my-page" title="My Page" />