init commit,

03_source/frontend/src/pages/about-us/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AboutView } from 'src/sections/about/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `About us - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AboutView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/centered/reset-password.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { CenteredResetPasswordView } from 'src/auth/view/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Reset password | Layout centered - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <CenteredResetPasswordView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/centered/sign-in.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { CenteredSignInView } from 'src/auth/view/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign in | Layout centered - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <CenteredSignInView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/centered/sign-up.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { CenteredSignUpView } from 'src/auth/view/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign up | Layout centered - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <CenteredSignUpView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/centered/update-password.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { CenteredUpdatePasswordView } from 'src/auth/view/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Update password | Layout centered - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <CenteredUpdatePasswordView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/centered/verify.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { CenteredVerifyView } from 'src/auth/view/auth-demo/centered';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Verify | Layout centered - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <CenteredVerifyView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/split/reset-password.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SplitResetPasswordView } from 'src/auth/view/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Reset password | Layout split - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SplitResetPasswordView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/split/sign-in.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SplitSignInView } from 'src/auth/view/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign in | Layout split - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SplitSignInView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/split/sign-up.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SplitSignUpView } from 'src/auth/view/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign up | Layout split - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SplitSignUpView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/split/update-password.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SplitUpdatePasswordView } from 'src/auth/view/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Update password | Layout split - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SplitUpdatePasswordView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth-demo/split/verify.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SplitVerifyView } from 'src/auth/view/auth-demo/split';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Verify | Layout split - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SplitVerifyView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/amplify/reset-password.tsx

@@ -0,0 +1,16 @@
+import { CONFIG } from 'src/global-config';
+
+import { AmplifyResetPasswordView } from 'src/auth/view/amplify';
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Reset password | Amplify - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AmplifyResetPasswordView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/amplify/sign-in.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AmplifySignInView } from 'src/auth/view/amplify';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign in | Amplify - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AmplifySignInView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/amplify/sign-up.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AmplifySignUpView } from 'src/auth/view/amplify';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign up | Amplify - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AmplifySignUpView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/amplify/update-password.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AmplifyUpdatePasswordView } from 'src/auth/view/amplify';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Update password | Amplify - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AmplifyUpdatePasswordView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/amplify/verify.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AmplifyVerifyView } from 'src/auth/view/amplify';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Verify | Amplify - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AmplifyVerifyView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/auth0/callback.tsx

@@ -0,0 +1,7 @@
+import { SplashScreen } from 'src/components/loading-screen';
+
+// ----------------------------------------------------------------------
+
+export default function CallbackPage() {
+  return <SplashScreen />;
+}

03_source/frontend/src/pages/auth/auth0/sign-in.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { Auth0SignInView } from 'src/auth/view/auth0';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign in | Auth0 - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <Auth0SignInView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/firebase/reset-password.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { FirebaseResetPasswordView } from 'src/auth/view/firebase';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Reset password | Firebase - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <FirebaseResetPasswordView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/firebase/sign-in.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { FirebaseSignInView } from 'src/auth/view/firebase';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign in | Firebase - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <FirebaseSignInView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/firebase/sign-up.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { FirebaseSignUpView } from 'src/auth/view/firebase';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign up | Firebase - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <FirebaseSignUpView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/firebase/verify.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { FirebaseVerifyView } from 'src/auth/view/firebase';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Verify | Firebase - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <FirebaseVerifyView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/jwt/sign-in.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { JwtSignInView } from 'src/auth/view/jwt';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign in | Jwt - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <JwtSignInView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/jwt/sign-up.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { JwtSignUpView } from 'src/auth/view/jwt';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign up | Jwt - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <JwtSignUpView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/supabase/reset-password.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SupabaseResetPasswordView } from 'src/auth/view/supabase';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Reset password | Supabase - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SupabaseResetPasswordView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/supabase/sign-in.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SupabaseSignInView } from 'src/auth/view/supabase';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign in | Supabase - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SupabaseSignInView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/supabase/sign-up.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SupabaseSignUpView } from 'src/auth/view/supabase';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Sign up | Supabase - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SupabaseSignUpView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/supabase/update-password.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SupabaseUpdatePasswordView } from 'src/auth/view/supabase';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Update password | Supabase - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SupabaseUpdatePasswordView />
+    </>
+  );
+}

03_source/frontend/src/pages/auth/supabase/verify.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SupabaseVerifyView } from 'src/auth/view/supabase';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Verify | Supabase - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SupabaseVerifyView />
+    </>
+  );
+}

03_source/frontend/src/pages/blank/index.tsx

@@ -0,0 +1,20 @@
+import Container from '@mui/material/Container';
+import Typography from '@mui/material/Typography';
+
+import { CONFIG } from 'src/global-config';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Blank - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <Container>
+        <Typography variant="h4">Blank</Typography>
+      </Container>
+    </>
+  );
+}

03_source/frontend/src/pages/coming-soon/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ComingSoonView } from 'src/sections/coming-soon/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Coming soon - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ComingSoonView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/animate/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AnimateView } from 'src/sections/_examples/extra/animate-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Animate | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AnimateView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/carousel/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { CarouselView } from 'src/sections/_examples/extra/carousel-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Carousel | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <CarouselView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/chart/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ChartView } from 'src/sections/_examples/extra/chart-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Chart | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ChartView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/dnd/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { DndView } from 'src/sections/_examples/extra/dnd-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Dnd | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <DndView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/editor/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { EditorView } from 'src/sections/_examples/extra/editor-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Editor | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <EditorView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/form-validation/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { FormValidationView } from 'src/sections/_examples/extra/form-validation-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Form validation | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <FormValidationView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/form-wizard/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { FormWizardView } from 'src/sections/_examples/extra/form-wizard-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Form wizard | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <FormWizardView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/image/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ImageView } from 'src/sections/_examples/extra/image-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Image | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ImageView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/label/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { LabelView } from 'src/sections/_examples/extra/label-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Label | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <LabelView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/layout/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { LayoutView } from 'src/sections/_examples/extra/layout-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Layout | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <LayoutView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/lightbox/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { LightboxView } from 'src/sections/_examples/extra/lightbox-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Lightbox | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <LightboxView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/map/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { MapView } from 'src/sections/_examples/extra/map-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Map | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <MapView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/markdown/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { MarkdownView } from 'src/sections/_examples/extra/markdown-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Markdown | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <MarkdownView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/mega-menu/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { MegaMenuView } from 'src/sections/_examples/extra/mega-menu-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Mega menu | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <MegaMenuView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/multi-language/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { MultiLanguageView } from 'src/sections/_examples/extra/multi-language-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Multi language | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <MultiLanguageView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/navigation-bar/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { NavigationBarView } from 'src/sections/_examples/extra/navigation-bar-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Navigation bar | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <NavigationBarView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/organization-chart/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { OrganizationalChartView } from 'src/sections/_examples/extra/organizational-chart-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Organizational chart | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <OrganizationalChartView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/scroll-progress/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ScrollProgressView } from 'src/sections/_examples/extra/scroll-progress-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Scroll progress | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ScrollProgressView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/scroll/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ScrollbarView } from 'src/sections/_examples/extra/scrollbar-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Scrollbar | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ScrollbarView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/snackbar/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SnackbarView } from 'src/sections/_examples/extra/snackbar-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Snackbar | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SnackbarView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/upload/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { UploadView } from 'src/sections/_examples/extra/upload-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Upload | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <UploadView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/extra/utilities/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { UtilitiesView } from 'src/sections/_examples/extra/utilities-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Utilities | Components - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <UtilitiesView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/foundation/colors/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ColorsView } from 'src/sections/_examples/foundation/colors-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Colors | Foundations - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ColorsView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/foundation/grid/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { GridView } from 'src/sections/_examples/foundation/grid-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Grid | Foundations - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <GridView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/foundation/icons/iconify.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { IconifyView } from 'src/sections/_examples/foundation/icons-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Icon Iconify | Foundations - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <IconifyView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/foundation/icons/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { IconsView } from 'src/sections/_examples/foundation/icons-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Icons | Foundations - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <IconsView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/foundation/shadows/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ShadowsView } from 'src/sections/_examples/foundation/shadows-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Shadows | Foundations - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ShadowsView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/foundation/typography/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { TypographyView } from 'src/sections/_examples/foundation/typography-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Typography | Foundations - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <TypographyView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ComponentsView } from 'src/sections/_examples/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `All components | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ComponentsView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/accordion/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AccordionView } from 'src/sections/_examples/mui/accordion-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Accordion | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AccordionView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/alert/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AlertView } from 'src/sections/_examples/mui/alert-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Alert | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AlertView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/autocomplete/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AutocompleteView } from 'src/sections/_examples/mui/autocomplete-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Autocomplete | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AutocompleteView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/avatar/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { AvatarView } from 'src/sections/_examples/mui/avatar-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Avatar | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <AvatarView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/badge/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { BadgeView } from 'src/sections/_examples/mui/badge-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Badge | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <BadgeView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/breadcrumbs/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { BreadcrumbsView } from 'src/sections/_examples/mui/breadcrumbs-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Breadcrumbs | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <BreadcrumbsView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/buttons/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ButtonView } from 'src/sections/_examples/mui/button-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Button | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ButtonView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/checkbox/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { CheckboxView } from 'src/sections/_examples/mui/checkbox-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Checkbox | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <CheckboxView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/chip/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ChipView } from 'src/sections/_examples/mui/chip-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Chip | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ChipView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/data-grid/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { DataGridView } from 'src/sections/_examples/mui/data-grid-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `DataGrid | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <DataGridView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/date-pickers/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { DatePickersView } from 'src/sections/_examples/mui/date-pickers-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Date pickers | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <DatePickersView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/dialog/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { DialogView } from 'src/sections/_examples/mui/dialog-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Dialog | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <DialogView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/drawer/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { DrawerView } from 'src/sections/_examples/mui/drawer-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Drawer | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <DrawerView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/list/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ListView } from 'src/sections/_examples/mui/list-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `List | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ListView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/menu/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { MenuView } from 'src/sections/_examples/mui/menu-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Menu | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <MenuView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/pagination/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { PaginationView } from 'src/sections/_examples/mui/pagination-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Pagination | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <PaginationView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/popover/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { PopoverView } from 'src/sections/_examples/mui/popover-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Popover | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <PopoverView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/progress/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ProgressView } from 'src/sections/_examples/mui/progress-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Progress | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ProgressView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/radio-button/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { RadioButtonView } from 'src/sections/_examples/mui/radio-button-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Radio button | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <RadioButtonView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/rating/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { RatingView } from 'src/sections/_examples/mui/rating-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Rating | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <RatingView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/slider/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SliderView } from 'src/sections/_examples/mui/slider-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Slider | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SliderView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/stepper/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { StepperView } from 'src/sections/_examples/mui/stepper-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Stepper | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <StepperView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/switch/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { SwitchView } from 'src/sections/_examples/mui/switch-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Switch | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <SwitchView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/table/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { TableView } from 'src/sections/_examples/mui/table-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Table | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <TableView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/tabs/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { TabsView } from 'src/sections/_examples/mui/tabs-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Tabs | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <TabsView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/textfield/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { TextfieldView } from 'src/sections/_examples/mui/textfield-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Textfield | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <TextfieldView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/timeline/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { TimelineView } from 'src/sections/_examples/mui/timeline-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Timeline | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <TimelineView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/tooltip/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { TooltipView } from 'src/sections/_examples/mui/tooltip-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Tooltip | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <TooltipView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/transfer-list/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { TransferListView } from 'src/sections/_examples/mui/transfer-list-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Transfer list | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <TransferListView />
+    </>
+  );
+}

03_source/frontend/src/pages/components/mui/tree-view/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { TreeView } from 'src/sections/_examples/mui/tree-view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Tree view | MUI - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <TreeView />
+    </>
+  );
+}

03_source/frontend/src/pages/contact-us/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ContactView } from 'src/sections/contact/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Contact us - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ContactView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/analytics/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { OverviewAnalyticsView } from 'src/sections/overview/analytics/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Analytics | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <OverviewAnalyticsView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/banking/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { OverviewBankingView } from 'src/sections/overview/banking/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Banking | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <OverviewBankingView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/blank/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { BlankView } from 'src/sections/blank/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Blank | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <BlankView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/booking/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { OverviewBookingView } from 'src/sections/overview/booking/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Booking | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <OverviewBookingView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/calendar/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { CalendarView } from 'src/sections/calendar/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Calendar | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <CalendarView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/chat/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ChatView } from 'src/sections/chat/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Chat | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ChatView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/course/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { OverviewCourseView } from 'src/sections/overview/course/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Course | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <OverviewCourseView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/ecommerce/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { OverviewEcommerceView } from 'src/sections/overview/e-commerce/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `E-commerce | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <OverviewEcommerceView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/file-manager/index.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { FileManagerView } from 'src/sections/file-manager/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `File manager | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <FileManagerView />
+    </>
+  );
+}