diff --git a/packages/dashboard/package.json b/packages/dashboard/package.json
index b4460e3d..4dd1b7e8 100644
--- a/packages/dashboard/package.json
+++ b/packages/dashboard/package.json
@@ -18,6 +18,7 @@
     "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vueuse/core": "^9.12.0",
     "@vueuse/math": "^9.12.0",
+    "cross-fetch": "^3.1.5",
     "pinia": "^2.0.28",
     "vite-plugin-vue-layouts": "^0.7.0",
     "vite-plugin-vuetify": "^1.0.2",
diff --git a/packages/dashboard/public/favicon.ico b/packages/dashboard/public/favicon.ico
index 55f987ce..ef242a96 100644
Binary files a/packages/dashboard/public/favicon.ico and b/packages/dashboard/public/favicon.ico differ
diff --git a/packages/dashboard/public/logo.svg b/packages/dashboard/public/logo.svg
index 2e3a50df..a620f52a 100644
--- a/packages/dashboard/public/logo.svg
+++ b/packages/dashboard/public/logo.svg
@@ -1,158 +1,82 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="150px" height="132px" viewBox="0 0 150 132" enable-background="new 0 0 150 132" xml:space="preserve">  <image id="image0" width="150" height="132" x="0" y="0"
-    href="data:image/png;base64,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" />
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACECAMAAABFwSJAAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACuFBMVEVmbP////9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP+Znf+Xm/+Wmv+UmP+T
+l/+Rlv+QlP+Ok/+Mkf+LkP+Jjv+Ijf/a2//////S1P+ztv+mqf+coP/l5v/d3v+7vv+ytf+hpP/2
+9v/v8P+qrf+prP+nqv+kp/+bn//g4f/u7//Hyf+2uf/9/f++wf+Gi//y8//c3f+sr/+eov/R0/+w
+s//U1f/Jy//p6v/6+v/BxP/P0f/Ex/+fo//8/P+5vP/3+P/s7f/m5//09f/o6f+Fiv/f4P/j5P/X
+2P+1uP/Dxf/5+f+vsv/i4//Mzv/GyP+tsP+8v//KzP/O0P+ipv/x8v+/wv/r7P+4u//Z2v/V1/+N
+hj37AAAAl3RSTlMAAIXd6u7y4Qgo+nu08xhGnQTU/TFrvxDrUY7bByZzsu8VRZUD0/sraLhJjNYl
++Wyw7EPRZg5Ci9Ak+GSu50GGz/cgquj+PInLASFerOQKP4ACzvUcY6I1xFbfPXnM8WGbDOb8L4S9
+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" />
 </svg>
diff --git a/packages/dashboard/src/assets/logo.svg b/packages/dashboard/src/assets/logo.svg
new file mode 100644
index 00000000..a620f52a
--- /dev/null
+++ b/packages/dashboard/src/assets/logo.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="150px" height="132px" viewBox="0 0 150 132" enable-background="new 0 0 150 132" xml:space="preserve">  <image id="image0" width="150" height="132" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACECAMAAABFwSJAAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACuFBMVEVmbP////9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9m
+bP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP9mbP+Znf+Xm/+Wmv+UmP+T
+l/+Rlv+QlP+Ok/+Mkf+LkP+Jjv+Ijf/a2//////S1P+ztv+mqf+coP/l5v/d3v+7vv+ytf+hpP/2
+9v/v8P+qrf+prP+nqv+kp/+bn//g4f/u7//Hyf+2uf/9/f++wf+Gi//y8//c3f+sr/+eov/R0/+w
+s//U1f/Jy//p6v/6+v/BxP/P0f/Ex/+fo//8/P+5vP/3+P/s7f/m5//09f/o6f+Fiv/f4P/j5P/X
+2P+1uP/Dxf/5+f+vsv/i4//Mzv/GyP+tsP+8v//KzP/O0P+ipv/x8v+/wv/r7P+4u//Z2v/V1/+N
+hj37AAAAl3RSTlMAAIXd6u7y4Qgo+nu08xhGnQTU/TFrvxDrUY7bByZzsu8VRZUD0/sraLhJjNYl
++Wyw7EPRZg5Ci9Ak+GSu50GGz/cgquj+PInLASFerOQKP4ACzvUcY6I1xFbfPXnM8WGbDOb8L4S9
+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" />
+</svg>
diff --git a/packages/dashboard/src/layouts/components/DefaultLayoutWithVerticalNav.vue b/packages/dashboard/src/layouts/components/DefaultLayout.vue
similarity index 97%
rename from packages/dashboard/src/layouts/components/DefaultLayoutWithVerticalNav.vue
rename to packages/dashboard/src/layouts/components/DefaultLayout.vue
index 3178bc83..8b7e4557 100644
--- a/packages/dashboard/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/packages/dashboard/src/layouts/components/DefaultLayout.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import navItems from '@/plugins/vuetify/navigation/vertical'
+import navItems from '@/layouts/navigation'
 import { useThemeConfig } from '@/plugins/vuetify/@core/composable/useThemeConfig'
 
 // Components
diff --git a/packages/dashboard/src/layouts/components/DefaultLayoutWithHorizontalNav.vue b/packages/dashboard/src/layouts/components/DefaultLayoutWithHorizontalNav.vue
deleted file mode 100644
index 2713a6bc..00000000
--- a/packages/dashboard/src/layouts/components/DefaultLayoutWithHorizontalNav.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts" setup>
-import navItems from '@/plugins/vuetify/navigation/horizontal'
-import { useThemeConfig } from '@core/composable/useThemeConfig'
-import { themeConfig } from '@themeConfig'
-
-// Components
-import Footer from '@layouts/components/Footer.vue'
-import NavbarThemeSwitcher from '@layouts/components/NavbarThemeSwitcher.vue'
-import UserProfile from '@layouts/components/UserProfile.vue'
-import { HorizontalNavLayout } from '@layouts'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-
-const { appRouteTransition } = useThemeConfig()
-</script>
-
-<template>
-  <HorizontalNavLayout :nav-items="navItems">
-    <!-- 👉 navbar -->
-    <template #navbar>
-      <RouterLink to="/" class="d-flex align-start gap-x-2">
-        <VNodeRenderer :nodes="themeConfig.app.logo" />
-
-        <h1 class="font-weight-bold leading-normal text-xl">
-          {{ themeConfig.app.title }}
-        </h1>
-      </RouterLink>
-      <VSpacer />
-
-      <NavbarThemeSwitcher class="me-2" />
-      <UserProfile />
-    </template>
-
-    <!-- 👉 Pages -->
-    <RouterView v-slot="{ Component, route }">
-      <Transition :name="appRouteTransition" mode="out-in">
-        <Component :is="Component" :key="route.path" />
-      </Transition>
-    </RouterView>
-
-    <!-- 👉 Footer -->
-    <template #footer>
-      <Footer />
-    </template>
-
-    <!-- 👉 Customizer -->
-    <!-- <TheCustomizer /> -->
-  </HorizontalNavLayout>
-</template>
diff --git a/packages/dashboard/src/layouts/components/Footer.vue b/packages/dashboard/src/layouts/components/Footer.vue
index 8eaa3f1b..e47afd34 100644
--- a/packages/dashboard/src/layouts/components/Footer.vue
+++ b/packages/dashboard/src/layouts/components/Footer.vue
@@ -12,26 +12,22 @@
         class="mx-1"
       />
       By <a
-        href="https://pixinvent.com"
+        href="https://ping.pub"
         target="_blank"
         rel="noopener noreferrer"
         class="text-primary ms-1"
-      >Pixinvent</a>
+      >Ping.pub</a>
     </span>
     <!-- 👉 Footer: right content -->
     <span class="d-md-flex gap-x-4 text-primary d-none">
       <a
-        href="https://themeforest.net/licenses/standard"
+        href="https://github.com/ping-pub/explorer/blob/master/LICENSE"
         target="noopener noreferrer"
       >License</a>
       <a
-        href="https://pixinvent.com/"
+        href="https://github.com/ping-pub/explorer"
         target="noopener noreferrer"
-      >More Themes</a>
-      <a
-        href="https://pixinvent.com/demo/materialize-vuejs-admin-template/documentation/"
-        target="noopener noreferrer"
-      >Documentation</a>
+      >Github</a>
     </span>
   </div>
 </template>
diff --git a/packages/dashboard/src/layouts/default.vue b/packages/dashboard/src/layouts/default.vue
index 94f1cea4..98d223d1 100644
--- a/packages/dashboard/src/layouts/default.vue
+++ b/packages/dashboard/src/layouts/default.vue
@@ -2,18 +2,7 @@
 import { useSkins } from '@core/composable/useSkins'
 import { useThemeConfig } from '@core/composable/useThemeConfig'
 
-// @layouts plugin
-import { AppContentLayoutNav } from '@layouts/enums'
-
-const DefaultLayoutWithHorizontalNav = defineAsyncComponent(() => import('./components/DefaultLayoutWithHorizontalNav.vue'))
-const DefaultLayoutWithVerticalNav = defineAsyncComponent(() => import('./components/DefaultLayoutWithVerticalNav.vue'))
-
-const { width: windowWidth } = useWindowSize()
-const { appContentLayoutNav, switchToVerticalNavOnLtOverlayNavBreakpoint } = useThemeConfig()
-
-// ℹ️ This will switch to vertical nav when define breakpoint is reached when in horizontal nav layout
-// Remove below composable usage if you are not using horizontal nav layout in your app
-switchToVerticalNavOnLtOverlayNavBreakpoint(windowWidth)
+const DefaultLayout = defineAsyncComponent(() => import('./components/DefaultLayout.vue'))
 
 const { layoutAttrs, injectSkinClasses } = useSkins()
 
@@ -21,12 +10,7 @@ injectSkinClasses()
 </script>
 
 <template>
-  <template v-if="appContentLayoutNav === AppContentLayoutNav.Vertical">
-    <DefaultLayoutWithVerticalNav v-bind="layoutAttrs" />
-  </template>
-  <template v-else>
-    <DefaultLayoutWithHorizontalNav v-bind="layoutAttrs" />
-  </template>
+  <DefaultLayout v-bind="layoutAttrs" />
 </template>
 
 <style lang="scss">
diff --git a/packages/dashboard/src/plugins/vuetify/navigation/vertical/index.ts b/packages/dashboard/src/layouts/navigation/index.ts
similarity index 72%
rename from packages/dashboard/src/plugins/vuetify/navigation/vertical/index.ts
rename to packages/dashboard/src/layouts/navigation/index.ts
index f5b8eb0c..5f2f605e 100644
--- a/packages/dashboard/src/plugins/vuetify/navigation/vertical/index.ts
+++ b/packages/dashboard/src/layouts/navigation/index.ts
@@ -11,4 +11,9 @@ export default [
     to: { name: 'second-page' },
     icon: { icon: 'mdi-file-document-outline' },
   },
+  {
+    title: 'Second2 page',
+    to: { name: 'second-page' },
+    icon: { icon: 'mdi-file-document-outline' },
+  },
 ] as VerticalNavItems
diff --git a/packages/dashboard/src/libs/http.ts b/packages/dashboard/src/libs/http.ts
new file mode 100644
index 00000000..d070552e
--- /dev/null
+++ b/packages/dashboard/src/libs/http.ts
@@ -0,0 +1,22 @@
+import fetch from 'cross-fetch'
+
+export async function get(url: string) {
+    return (await fetch(url)).json()
+}
+
+export async function post(url: string, data: any) {
+    const response = await fetch(url, {
+        method: 'POST', // *GET, POST, PUT, DELETE, etc.
+        // mode: 'cors', // no-cors, *cors, same-origin
+        // credentials: 'same-origin', // redirect: 'follow', // manual, *follow, error
+        // referrerPolicy: 'origin', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
+        headers: {
+          'Content-Type': 'text/plain',
+          Accept: '*/*',
+          'Accept-Encoding': 'gzip, deflate, br',
+        },
+        body: JSON.stringify(data), // body data type must match "Content-Type" header
+      })
+      // const response = axios.post((config ? config.api : this.config.api) + url, data)
+      return response.json() // parses JSON response into native JavaScript objects
+}
\ No newline at end of file
diff --git a/packages/dashboard/src/modules/[chain]/test.vue b/packages/dashboard/src/modules/[chain]/test.vue
index 268da227..d30699a9 100644
--- a/packages/dashboard/src/modules/[chain]/test.vue
+++ b/packages/dashboard/src/modules/[chain]/test.vue
@@ -1,129 +1,3 @@
-<script setup lang="ts">
-import { VForm } from 'vuetify/components'
-import { useGenerateImageVariant } from '@/plugins/vuetify/@core/composable/useGenerateImageVariant'
-import authV2LoginIllustrationBorderedDark from '@images/pages/auth-v2-login-illustration-bordered-dark.png'
-import authV2LoginIllustrationBorderedLight from '@images/pages/auth-v2-login-illustration-bordered-light.png'
-import authV2LoginIllustrationDark from '@images/pages/auth-v2-login-illustration-dark.png'
-import authV2LoginIllustrationLight from '@images/pages/auth-v2-login-illustration-light.png'
-import authV2LoginMaskDark from '@images/pages/auth-v2-login-mask-dark.png'
-import authV2LoginMaskLight from '@images/pages/auth-v2-login-mask-light.png'
-import { VNodeRenderer } from '@/plugins/vuetify/@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-const isPasswordVisible = ref(false)
-
-const authV2LoginMask = useGenerateImageVariant(authV2LoginMaskLight, authV2LoginMaskDark)
-const authV2LoginIllustration = useGenerateImageVariant(authV2LoginIllustrationLight, authV2LoginIllustrationDark, authV2LoginIllustrationBorderedLight, authV2LoginIllustrationBorderedDark, true)
-
-const errors = ref<Record<string, string | undefined>>({
-  email: undefined,
-  password: undefined,
-})
-
-const refVForm = ref<VForm>()
-const email = ref('admin@demo.com')
-const password = ref('admin')
-const rememberMe = ref(false)
-</script>
-
 <template>
-  <div class="auth-logo d-flex align-center gap-x-2">
-    <div>
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-    </div>
-
-    <h5 class="text-h5 font-weight-bold leading-normal text-capitalize">
-      {{ themeConfig.app.title }}
-    </h5>
-  </div>
-  <VRow no-gutters class="auth-wrapper">
-    <VCol md="8" class="d-none d-md-flex align-center justify-center position-relative">
-      <div class="d-flex align-center justify-center pa-10">
-        <img :src="authV2LoginIllustration" class="auth-illustration w-100" alt="auth-illustration">
-      </div>
-      <VImg :src="authV2LoginMask" class="d-none d-md-flex auth-footer-mask" alt="auth-mask" />
-    </VCol>
-
-    <VCol cols="12" md="4" class="auth-card-v2 d-flex align-center justify-center"
-      style="background-color: rgb(var(--v-theme-surface));">
-      <VCard flat :max-width="500" class="mt-12 mt-sm-0 pa-4">
-        <VCardText>
-          <h5 class="text-h5 font-weight-semibold mb-1">
-            Welcome to {{ themeConfig.app.title }}! 👋🏻
-          </h5>
-          <p class="mb-0">
-            Please sign-in to your account and start the adventure
-          </p>
-        </VCardText>
-        <VCardText>
-          <VAlert color="primary" variant="tonal">
-            <p class="text-caption mb-2">
-              Admin Email: <strong>admin@demo.com</strong> / Pass: <strong>admin</strong>
-            </p>
-            <p class="text-caption mb-0">
-              Client Email: <strong>client@demo.com</strong> / Pass: <strong>client</strong>
-            </p>
-          </VAlert>
-        </VCardText>
-        <VCardText>
-          <VForm ref="refVForm" @submit.prevent="() => { }">
-            <VRow>
-              <!-- email -->
-              <VCol cols="12">
-                <VTextField v-model="email" label="Email" type="email" :error-messages="errors.email" />
-              </VCol>
-
-              <!-- password -->
-              <VCol cols="12">
-                <VTextField v-model="password" label="Password" :type="isPasswordVisible ? 'text' : 'password'"
-                  :error-messages="errors.password"
-                  :append-inner-icon="isPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible" />
-
-                <div class="d-flex align-center flex-wrap justify-space-between mt-1 mb-4">
-                  <VCheckbox v-model="rememberMe" label="Remember me" />
-                  <a class="text-primary ms-2 mb-1" href="#">
-                    Forgot Password?
-                  </a>
-                </div>
-
-                <VBtn block type="submit">
-                  Login
-                </VBtn>
-              </VCol>
-
-              <!-- create account -->
-              <VCol cols="12" class="text-base text-center">
-                <span>New on our platform?</span>
-                <a class="text-primary ms-2" href="#">
-                  Create an account
-                </a>
-              </VCol>
-              <VCol cols="12" class="d-flex align-center">
-                <VDivider />
-                <span class="mx-4">or</span>
-                <VDivider />
-              </VCol>
-
-              <!-- auth providers -->
-              <VCol cols="12" class="text-center">
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core/scss/template/pages/page-auth.scss";
-</style>
-
-<route lang="yaml">
-meta:
-  layout: blank
-  action: read
-  subject: Auth
-  redirectIfLoggedIn: true
-</route>
+  <div>Hello module</div>
+</template>
\ No newline at end of file
diff --git a/packages/dashboard/src/pages/second-page.vue b/packages/dashboard/src/pages/second-page.vue
index 630d8ab7..c89c7827 100644
--- a/packages/dashboard/src/pages/second-page.vue
+++ b/packages/dashboard/src/pages/second-page.vue
@@ -11,3 +11,8 @@
     </VCard>
   </div>
 </template>
+<route lang="yaml">
+  meta:
+    layout: blank
+    bgColor: yellow
+</route>
\ No newline at end of file
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components.ts b/packages/dashboard/src/plugins/vuetify/@layouts/components.ts
index 6a1a4647..161ae0ee 100644
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components.ts
+++ b/packages/dashboard/src/plugins/vuetify/@layouts/components.ts
@@ -1,8 +1,3 @@
-export { default as HorizontalNav } from './components/HorizontalNav.vue'
-export { default as HorizontalNavGroup } from './components/HorizontalNavGroup.vue'
-export { default as HorizontalNavLayout } from './components/HorizontalNavLayout.vue'
-export { default as HorizontalNavLink } from './components/HorizontalNavLink.vue'
-export { default as HorizontalNavPopper } from './components/HorizontalNavPopper.vue'
 export { default as TransitionExpand } from './components/TransitionExpand.vue'
 export { default as VerticalNav } from './components/VerticalNav.vue'
 export { default as VerticalNavGroup } from './components/VerticalNavGroup.vue'
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNav.vue b/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNav.vue
deleted file mode 100644
index 6ff26688..00000000
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNav.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts" setup>
-import { HorizontalNavGroup, HorizontalNavLink } from '@layouts/components'
-import type { HorizontalNavItems, NavGroup, NavLink } from '@layouts/types'
-
-defineProps<{
-  navItems: HorizontalNavItems
-}>()
-
-const resolveNavItemComponent = (item: NavLink | NavGroup) => {
-  if ('children' in item)
-    return HorizontalNavGroup
-
-  return HorizontalNavLink
-}
-</script>
-
-<template>
-  <ul class="nav-items">
-    <Component
-      :is="resolveNavItemComponent(item)"
-      v-for="(item, index) in navItems"
-      :key="index"
-      :item="item"
-    />
-  </ul>
-</template>
-
-<style lang="scss">
-.layout-wrapper.layout-nav-type-horizontal {
-  .nav-items {
-    display: flex;
-    flex-wrap: wrap;
-  }
-}
-</style>
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavGroup.vue b/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavGroup.vue
deleted file mode 100644
index a8dc35b0..00000000
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavGroup.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<script lang="ts" setup>
-import { useLayouts } from '@layouts'
-import { HorizontalNavLink, HorizontalNavPopper } from '@layouts/components'
-import { config } from '@layouts/config'
-import { canViewNavMenuGroup } from '@layouts/plugins/casl'
-import type { NavGroup } from '@layouts/types'
-import { isNavGroupActive } from '@layouts/utils'
-
-interface Props {
-  item: NavGroup
-  childrenAtEnd?: boolean
-
-  // ℹ️ We haven't added this prop in vertical nav because we don't need such differentiation in vertical nav for styling
-  isSubItem?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  childrenAtEnd: false,
-  isSubItem: false,
-})
-
-defineOptions({
-  name: 'HorizontalNavGroup',
-})
-
-const route = useRoute()
-const router = useRouter()
-const { dynamicI18nProps, isAppRtl } = useLayouts()
-
-const isGroupActive = ref(false)
-
-/*
-  Watch for route changes, more specifically route path. Do note that this won't trigger if route's query is updated.
-
-  updates isActive & isOpen based on active state of group.
-*/
-watch(() => route.path, () => {
-  const isActive = isNavGroupActive(props.item.children, router)
-
-  isGroupActive.value = isActive
-}, { immediate: true })
-</script>
-
-<template>
-  <HorizontalNavPopper
-    v-if="canViewNavMenuGroup(item)"
-    :is-rtl="isAppRtl"
-    class="nav-group"
-    tag="li"
-    content-container-tag="ul"
-    :class="[{
-      'active': isGroupActive,
-      'children-at-end': childrenAtEnd,
-      'sub-item': isSubItem,
-      'disabled': item.disable,
-    }]"
-    :popper-inline-end="childrenAtEnd"
-  >
-    <div class="nav-group-label">
-      <Component
-        :is="config.app.iconRenderer || 'div'"
-        class="nav-item-icon"
-        v-bind="item.icon || config.verticalNav.defaultNavItemIconProps"
-      />
-      <Component
-        :is="config.app.enableI18n ? 'i18n-t' : 'span'"
-        v-bind="dynamicI18nProps(item.title, 'span')"
-        class="nav-item-title"
-      >
-        {{ item.title }}
-      </Component>
-      <Component
-        v-bind="config.icons.chevronDown"
-        :is="config.app.iconRenderer || 'div'"
-        class="nav-group-arrow"
-      />
-    </div>
-
-    <template #content>
-      <Component
-        :is="'children' in child ? 'HorizontalNavGroup' : HorizontalNavLink"
-        v-for="child in item.children"
-        :key="child.title"
-        :item="child"
-        children-at-end
-        is-sub-item
-      />
-    </template>
-  </HorizontalNavPopper>
-</template>
-
-<style lang="scss">
-.layout-horizontal-nav {
-  .nav-group {
-    .nav-group-label {
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-    }
-
-    .popper-content {
-      z-index: 1;
-
-      > div {
-        overflow-x: hidden;
-        overflow-y: auto;
-      }
-    }
-  }
-}
-</style>
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavLayout.vue b/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavLayout.vue
deleted file mode 100644
index 17b07b71..00000000
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavLayout.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-<script lang="ts" setup>
-import { HorizontalNav } from '@layouts/components'
-import type { HorizontalNavItems } from '@layouts/types'
-
-// ℹ️ Using import from `@layouts` causing build to hangup
-// import { useLayouts } from '@layouts'
-import { useLayouts } from '@layouts/composable/useLayouts'
-
-defineProps<{
-  navItems: HorizontalNavItems
-}>()
-
-const { y: windowScrollY } = useWindowScroll()
-const { width: windowWidth } = useWindowSize()
-
-const router = useRouter()
-const shallShowPageLoading = ref(false)
-
-router.beforeEach(() => {
-  shallShowPageLoading.value = true
-})
-router.afterEach(() => {
-  shallShowPageLoading.value = false
-})
-
-const { _layoutClasses: layoutClasses, isNavbarBlurEnabled } = useLayouts()
-</script>
-
-<template>
-  <div
-    class="layout-wrapper"
-    :class="layoutClasses(windowWidth, windowScrollY)"
-  >
-    <div
-      class="layout-navbar-and-nav-container"
-      :class="isNavbarBlurEnabled && 'header-blur'"
-    >
-      <!-- 👉 Navbar -->
-      <div class="layout-navbar">
-        <div class="navbar-content-container">
-          <slot name="navbar" />
-        </div>
-      </div>
-      <!-- 👉 Navigation -->
-      <div class="layout-horizontal-nav">
-        <div class="horizontal-nav-content-container">
-          <HorizontalNav :nav-items="navItems" />
-        </div>
-      </div>
-    </div>
-
-    <main class="layout-page-content">
-      <template v-if="$slots['content-loading']">
-        <template v-if="shallShowPageLoading">
-          <slot name="content-loading" />
-        </template>
-        <template v-else>
-          <slot />
-        </template>
-      </template>
-      <template v-else>
-        <slot />
-      </template>
-    </main>
-
-    <!-- 👉 Footer -->
-    <footer class="layout-footer">
-      <div class="footer-content-container">
-        <slot name="footer" />
-      </div>
-    </footer>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@configured-variables" as variables;
-@use "@layouts/styles/placeholders";
-@use "@layouts/styles/mixins";
-
-.layout-wrapper {
-  &.layout-nav-type-horizontal {
-    display: flex;
-    flex-direction: column;
-
-    // // TODO(v2): Check why we need height in vertical nav & min-height in horizontal nav
-    // min-height: 100%;
-    min-block-size: calc(var(--vh, 1vh) * 100);
-
-    .layout-navbar-and-nav-container {
-      z-index: 1;
-    }
-
-    .layout-navbar {
-      z-index: variables.$layout-horizontal-nav-layout-navbar-z-index;
-      block-size: variables.$layout-horizontal-nav-navbar-height;
-
-      // ℹ️ For now we are not independently managing navbar and horizontal nav so we won't use below style to avoid conflicting with combo style of navbar and horizontal nav
-      // If we add independent style of navbar & horizontal nav then we have to add :not for avoiding conflict with combo styles
-      // .layout-navbar-sticky & {
-      //   @extend %layout-navbar-sticky;
-      // }
-
-      // ℹ️ For now we are not independently managing navbar and horizontal nav so we won't use below style to avoid conflicting with combo style of navbar and horizontal nav
-      // If we add independent style of navbar & horizontal nav then we have to add :not for avoiding conflict with combo styles
-      // .layout-navbar-hidden & {
-      //   @extend %layout-navbar-hidden;
-      // }
-    }
-
-    // 👉 Navbar
-    .navbar-content-container {
-      @include mixins.boxed-content;
-    }
-
-    // 👉   Content height fixed
-    &.layout-content-height-fixed {
-      max-block-size: calc(var(--vh) * 100);
-
-      .layout-page-content {
-        overflow: hidden;
-
-        > :first-child {
-          max-block-size: 100%;
-          overflow-y: auto;
-        }
-      }
-    }
-
-    // 👉 Footer
-    // Boxed content
-    .layout-footer {
-      .footer-content-container {
-        @include mixins.boxed-content;
-      }
-    }
-  }
-
-  // If both navbar & horizontal nav sticky
-  &.layout-navbar-sticky.horizontal-nav-sticky {
-    .layout-navbar-and-nav-container {
-      position: sticky;
-      inset-block-start: 0;
-      will-change: transform;
-    }
-  }
-
-  &.layout-navbar-hidden.horizontal-nav-hidden {
-    .layout-navbar-and-nav-container {
-      display: none;
-    }
-  }
-}
-
-// 👉 Horizontal nav nav
-.layout-horizontal-nav {
-  z-index: variables.$layout-horizontal-nav-z-index;
-
-  // .horizontal-nav-sticky & {
-  //   width: 100%;
-  //   will-change: transform;
-  //   position: sticky;
-  //   top: 0;
-  // }
-
-  // .horizontal-nav-hidden & {
-  //   display: none;
-  // }
-
-  .horizontal-nav-content-container {
-    @include mixins.boxed-content(true);
-  }
-}
-</style>
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavLink.vue b/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavLink.vue
deleted file mode 100644
index 8e5d98e2..00000000
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavLink.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<script lang="ts" setup>
-import { useLayouts } from '@layouts'
-import { config } from '@layouts/config'
-import { can } from '@layouts/plugins/casl'
-import type { NavLink } from '@layouts/types'
-import { getComputedNavLinkToProp, isNavLinkActive } from '@layouts/utils'
-
-interface Props {
-  item: NavLink
-
-  // ℹ️ We haven't added this prop in vertical nav because we don't need such differentiation in vertical nav for styling
-  isSubItem?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  isSubItem: false,
-})
-
-const { dynamicI18nProps } = useLayouts()
-</script>
-
-<template>
-  <li
-    v-if="can(item.action, item.subject)"
-    class="nav-link"
-    :class="[{
-      'sub-item': props.isSubItem,
-      'disabled': item.disable,
-    }]"
-  >
-    <Component
-      :is="item.to ? 'RouterLink' : 'a'"
-      v-bind="getComputedNavLinkToProp(item)"
-      :class="{ 'router-link-active router-link-exact-active': isNavLinkActive(item, $router) }"
-    >
-      <Component
-        :is="config.app.iconRenderer || 'div'"
-        class="nav-item-icon"
-        v-bind="item.icon || config.verticalNav.defaultNavItemIconProps"
-      />
-      <Component
-        :is="config.app.enableI18n ? 'i18n-t' : 'span'"
-        class="nav-item-title"
-        v-bind="dynamicI18nProps(item.title, 'span')"
-      >
-        {{ item.title }}
-      </Component>
-    </Component>
-  </li>
-</template>
-
-<style lang="scss">
-.layout-horizontal-nav {
-  .nav-link a {
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavPopper.vue b/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavPopper.vue
deleted file mode 100644
index d94ec1f5..00000000
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components/HorizontalNavPopper.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script lang="ts" setup>
-import { computePosition, flip, shift } from '@floating-ui/dom'
-import { useLayouts } from '@layouts/composable/useLayouts'
-import { config } from '@layouts/config'
-import { themeConfig } from '@themeConfig'
-
-interface Props {
-  popperInlineEnd?: boolean
-  tag?: string
-  contentContainerTag?: string
-  isRtl?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  popperInlineEnd: false,
-  tag: 'div',
-  contentContainerTag: 'div',
-  isRTL: false,
-})
-
-const refPopperContainer = ref<HTMLElement>()
-const refPopper = ref<HTMLElement>()
-
-const popperContentStyles = ref({
-  left: '0px',
-  top: '0px',
-})
-
-const updatePopper = async () => {
-  const { x, y } = await computePosition(refPopperContainer.value, refPopper.value, {
-    placement: props.popperInlineEnd ? (props.isRtl ? 'left-start' : 'right-start') : 'bottom-start',
-    middleware: [
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      flip({ boundary: document.querySelector('body')! }),
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      shift({ boundary: document.querySelector('body')! }),
-    ],
-
-    /*
-      ℹ️ Why we are not using fixed positioning?
-
-      `position: fixed` doesn't work as expected when some CSS properties like `transform` is applied on its parent element.
-      Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/position#values <= See `fixed` value description
-
-      Hence, when we use transitions where transition apply `transform` on its parent element, fixed positioning will not work.
-      (Popper content moves away from the element when parent element transition)
-
-      To avoid this, we use `position: absolute` instead of `position: fixed`.
-
-      NOTE: This issue starts from third level children (Top Level > Sub item > Sub item).
-    */
-    // strategy: 'fixed',
-  })
-
-  popperContentStyles.value.left = `${x}px`
-  popperContentStyles.value.top = `${y}px`
-}
-
-/*
- 💡 Only add scroll event listener for updating position once horizontal nav is made static.
-  We don't want to update position every time user scrolls when horizontal nav is sticky
-*/
-until(config.horizontalNav.type)
-  .toMatch(type => type === 'static')
-  .then(() => { useEventListener('scroll', updatePopper) })
-
-const isContentShown = ref(false)
-
-const showContent = () => {
-  isContentShown.value = true
-  updatePopper()
-}
-
-const hideContent = () => {
-  isContentShown.value = false
-}
-
-onMounted(updatePopper)
-
-// Recalculate position when direction changes
-const { isAppRtl, appContentWidth } = useLayouts()
-
-// ℹ️ Recalculate popper position when it's triggerer changes its position
-watch([isAppRtl, appContentWidth], updatePopper)
-
-// Watch for route changes and close popper content if route is changed
-const route = useRoute()
-
-watch(() => route.fullPath, hideContent)
-</script>
-
-<template>
-  <div
-    class="nav-popper"
-    :class="[{
-      'popper-inline-end': popperInlineEnd,
-      'show-content': isContentShown,
-    }]"
-  >
-    <div
-      ref="refPopperContainer"
-      class="popper-triggerer"
-      @mouseenter="showContent"
-      @mouseleave="hideContent"
-    >
-      <slot />
-    </div>
-
-    <!-- SECTION Popper Content -->
-    <!-- 👉 Without transition -->
-    <template v-if="!themeConfig.horizontalNav.transition">
-      <div
-        ref="refPopper"
-        class="popper-content"
-        :style="popperContentStyles"
-        @mouseenter="showContent"
-        @mouseleave="hideContent"
-      >
-        <div>
-          <slot name="content" />
-        </div>
-      </div>
-    </template>
-
-    <!-- 👉 CSS Transition -->
-    <template v-else-if="typeof themeConfig.horizontalNav.transition === 'string'">
-      <Transition :name="themeConfig.horizontalNav.transition">
-        <div
-          v-show="isContentShown"
-          ref="refPopper"
-          class="popper-content"
-          :style="popperContentStyles"
-          @mouseenter="showContent"
-          @mouseleave="hideContent"
-        >
-          <div>
-            <slot name="content" />
-          </div>
-        </div>
-      </Transition>
-    </template>
-
-    <!-- 👉 Transition Component -->
-    <template v-else>
-      <Component :is="themeConfig.horizontalNav.transition">
-        <div
-          v-show="isContentShown"
-          ref="refPopper"
-          class="popper-content"
-          :style="popperContentStyles"
-          @mouseenter="showContent"
-          @mouseleave="hideContent"
-        >
-          <div>
-            <slot name="content" />
-          </div>
-        </div>
-      </Component>
-    </template>
-    <!-- !SECTION -->
-  </div>
-</template>
-
-<style lang="scss">
-.popper-content {
-  position: absolute;
-}
-</style>
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNav.vue b/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNav.vue
index ce516ca6..e0a3dff5 100644
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNav.vue
+++ b/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNav.vue
@@ -4,9 +4,11 @@ import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
 import { VNodeRenderer } from './VNodeRenderer'
 import { injectionKeyIsVerticalNavHovered, useLayouts } from '@layouts'
 import { VerticalNavGroup, VerticalNavLink, VerticalNavSectionTitle } from '@layouts/components'
-import { config } from '@layouts/config'
+
 import type { NavGroup, NavLink, NavSectionTitle, VerticalNavItems } from '@layouts/types'
 
+import { themeConfig as config } from '@themeConfig'
+
 interface Props {
   tag?: string | Component
   navItems: VerticalNavItems
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavGroup.vue b/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavGroup.vue
index 9228d133..a69c7d8b 100644
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavGroup.vue
+++ b/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavGroup.vue
@@ -1,15 +1,14 @@
 <script lang="ts" setup>
 import { injectionKeyIsVerticalNavHovered, useLayouts } from '@layouts'
 import { TransitionExpand, VerticalNavLink } from '@layouts/components'
-import { config } from '@layouts/config'
-import { canViewNavMenuGroup } from '@layouts/plugins/casl'
+import { themeConfig as config } from '@themeConfig'
 import type { NavGroup } from '@layouts/types'
 import { isNavGroupActive, openGroups } from '@layouts/utils'
 
 const props = defineProps<{
   item: NavGroup
 }>()
-
+ 
 defineOptions({
   name: 'VerticalNavGroup',
 })
@@ -172,7 +171,6 @@ watch(isVerticalNavMini(windowWidth, isVerticalNavHovered), val => {
 
 <template>
   <li
-    v-if="canViewNavMenuGroup(item)"
     class="nav-group"
     :class="[
       {
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavLink.vue b/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavLink.vue
index 978b14d7..45334943 100644
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavLink.vue
+++ b/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavLink.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import { useLayouts } from '@layouts'
-import { config } from '@layouts/config'
-import { can } from '@layouts/plugins/casl'
+import { themeConfig as config } from '@themeConfig'
 import type { NavLink } from '@layouts/types'
 import { getComputedNavLinkToProp, isNavLinkActive } from '@layouts/utils'
 
@@ -16,7 +15,7 @@ const hideTitleAndBadge = isVerticalNavMini(windowWidth)
 </script>
 
 <template>
-  <li v-if="can(item.action, item.subject)" class="nav-link" :class="{ disabled: item.disable }">
+  <li class="nav-link" :class="{ disabled: item.disable }">
     <Component :is="item.to ? 'RouterLink' : 'a'" v-bind="getComputedNavLinkToProp(item)"
       :class="{ 'router-link-active router-link-exact-active': isNavLinkActive(item, $router) }">
       <Component :is="config.app.iconRenderer || 'div'" v-bind="item.icon || config.verticalNav.defaultNavItemIconProps"
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavSectionTitle.vue b/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavSectionTitle.vue
index d0c36877..1e967c96 100644
--- a/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavSectionTitle.vue
+++ b/packages/dashboard/src/plugins/vuetify/@layouts/components/VerticalNavSectionTitle.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import { useLayouts } from '@layouts'
-import { config } from '@layouts/config'
-import { can } from '@layouts/plugins/casl'
+import { themeConfig as config } from '@themeConfig'
 import type { NavSectionTitle } from '@layouts/types'
 
 defineProps<{
@@ -14,10 +13,7 @@ const shallRenderIcon = isVerticalNavMini(windowWidth)
 </script>
 
 <template>
-  <li
-    v-if="can(item.action, item.subject)"
-    class="nav-section-title"
-  >
+  <li class="nav-section-title">
     <div class="title-wrapper">
       <Transition
         name="vertical-nav-section-title"
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/composable/useLayouts.ts b/packages/dashboard/src/plugins/vuetify/@layouts/composable/useLayouts.ts
index 5e795ba0..2770e1d5 100644
--- a/packages/dashboard/src/plugins/vuetify/@layouts/composable/useLayouts.ts
+++ b/packages/dashboard/src/plugins/vuetify/@layouts/composable/useLayouts.ts
@@ -1,7 +1,7 @@
 import type { MaybeRef } from '@vueuse/shared'
 import type { Ref } from 'vue'
 import { AppContentLayoutNav, NavbarType } from '../enums'
-import { config } from '@layouts/config'
+import { themeConfig as config } from '@themeConfig'
 import { injectionKeyIsVerticalNavHovered } from '@layouts'
 
 export const useLayouts = () => {
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/config.ts b/packages/dashboard/src/plugins/vuetify/@layouts/config.ts
deleted file mode 100644
index 7a76abff..00000000
--- a/packages/dashboard/src/plugins/vuetify/@layouts/config.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { breakpointsVuetify } from '@vueuse/core'
-import { AppContentLayoutNav, ContentWidth, FooterType, NavbarType } from '@layouts/enums'
-import type { Config } from '@layouts/types'
-
-export const config: Config = {
-  app: {
-    title: 'Title',
-    logo: h('img', { src: '/src/assets/logo.svg' }),
-
-    // logo: () => h('img', { src: 'assets/colored-logo.png' }, null),
-    contentWidth: ref(ContentWidth.Boxed),
-    contentLayoutNav: ref(AppContentLayoutNav.Vertical),
-    overlayNavFromBreakpoint: breakpointsVuetify.md,
-    enableI18n: true,
-    isRtl: ref(false),
-  },
-  navbar: {
-    type: ref(NavbarType.Sticky),
-    navbarBlur: ref(true),
-  },
-  footer: { type: ref(FooterType.Static) },
-  verticalNav: {
-    isVerticalNavCollapsed: ref(false),
-    defaultNavItemIconProps: { icon: 'mdi-circle-outline' },
-  },
-  horizontalNav: {
-    type: ref('sticky'),
-  },
-  icons: {
-    chevronDown: { icon: 'mdi-chevron-down' },
-    chevronRight: { icon: 'mdi-chevron-right' },
-    close: { icon: 'mdi-close' },
-    verticalNavPinned: { icon: 'mdi-record-circle-outline' },
-    verticalNavUnPinned: { icon: 'mdi-radiobox-blank' },
-    sectionTitlePlaceholder: { icon: 'mdi-minus' },
-  },
-}
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/index.ts b/packages/dashboard/src/plugins/vuetify/@layouts/index.ts
index 215d1bf8..1bc35e2f 100644
--- a/packages/dashboard/src/plugins/vuetify/@layouts/index.ts
+++ b/packages/dashboard/src/plugins/vuetify/@layouts/index.ts
@@ -1,6 +1,6 @@
 import type { InjectionKey, Plugin, Ref } from 'vue'
 import { useDynamicVhCssProperty } from './composable/useDynamicVhCssProperty'
-import { config } from './config'
+import { themeConfig as config } from '@themeConfig'
 import { ContentWidth } from './enums'
 import type { UserConfig } from './types'
 import { useLayouts } from '@layouts'
@@ -41,7 +41,7 @@ export const createLayouts = (userConfig: UserConfig): Plugin => {
 
   config.verticalNav.defaultNavItemIconProps = userConfig.verticalNav.defaultNavItemIconProps
 
-  config.horizontalNav.type.value = userConfig.horizontalNav.type
+  // config.horizontalNav.type.value = userConfig.horizontalNav.type
 
   config.icons.chevronDown = userConfig.icons.chevronDown
   config.icons.chevronRight = userConfig.icons.chevronRight
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/plugins/casl.ts b/packages/dashboard/src/plugins/vuetify/@layouts/plugins/casl.ts
deleted file mode 100644
index 2b1a2afe..00000000
--- a/packages/dashboard/src/plugins/vuetify/@layouts/plugins/casl.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import type { RouteLocationNormalized } from "vue-router";
-import ability from "@/plugins/vuetify/casl/ability";
-import type { NavGroup } from "@layouts/types";
-
-/**
- * Returns ability result if ACL is configured or else just return true
- * We should allow passing string | undefined to can because for admin ability we omit defining action & subject
- *
- * Useful if you don't know if ACL is configured or not
- * Used in @core files to handle absence of ACL without errors
- *
- * @param {String} action CASL Actions // https://casl.js.org/v4/en/guide/intro#basics
- * @param {String} subject CASL Subject // https://casl.js.org/v4/en/guide/intro#basics
- */
-export const can = (
-  action: string | undefined,
-  subject: string | undefined
-) => {
-  const vm = getCurrentInstance();
-
-  if (!vm) return false;
-
-  const localCan = vm.proxy && "$can" in vm.proxy;
-
-  // @ts-expect-error We will get TS error in below line because we aren't using $can in component instance
-  return localCan ? vm.proxy?.$can(action, subject) : true;
-};
-
-/**
- * Check if user can view item based on it's ability
- * Based on item's action and subject & Hide group if all of it's children are hidden
- * @param {Object} item navigation object item
- */
-export const canViewNavMenuGroup = (item: NavGroup) => {
-  const hasAnyVisibleChild = item.children.some((i) =>
-    can(i.action, i.subject)
-  );
-
-  // If subject and action is defined in item => Return based on children visibility (Hide group if no child is visible)
-  // Else check for ability using provided subject and action along with checking if has any visible child
-  if (!(item.action && item.subject)) return hasAnyVisibleChild;
-
-  return can(item.action, item.subject) && hasAnyVisibleChild;
-};
-
-export const canNavigate = (to: RouteLocationNormalized) => {
-  // @ts-expect-error We should allow passing string | undefined to can because for admin ability we omit defining action & subject
-  return to.matched.some((route) =>
-    ability.can(route.meta.action, route.meta.subject)
-  );
-};
diff --git a/packages/dashboard/src/plugins/vuetify/@layouts/types.d.ts b/packages/dashboard/src/plugins/vuetify/@layouts/types.d.ts
index 909aa8fd..410303f1 100644
--- a/packages/dashboard/src/plugins/vuetify/@layouts/types.d.ts
+++ b/packages/dashboard/src/plugins/vuetify/@layouts/types.d.ts
@@ -24,10 +24,6 @@ export interface UserConfig {
     isVerticalNavCollapsed: boolean
     defaultNavItemIconProps: unknown
   }
-  horizontalNav: {
-    type: 'sticky' | 'static' | 'hidden'
-    transition?: string | Component
-  }
   icons: {
     chevronDown: any
     chevronRight: any
@@ -64,10 +60,10 @@ export interface Config {
     isVerticalNavCollapsed: Ref<UserConfig['verticalNav']['isVerticalNavCollapsed']>
     defaultNavItemIconProps: UserConfig['verticalNav']['defaultNavItemIconProps']
   }
-  horizontalNav: {
-    type: Ref<UserConfig['horizontalNav']['type']>
-    transition?: UserConfig['horizontalNav']['transition']
-  }
+  // horizontalNav: {
+  //   type: Ref<UserConfig['horizontalNav']['type']>
+  //   transition?: UserConfig['horizontalNav']['transition']
+  // }
   icons: {
     chevronDown: UserConfig['icons']['chevronDown']
     chevronRight: UserConfig['icons']['chevronRight']
diff --git a/packages/dashboard/src/plugins/vuetify/casl/AppAbility.ts b/packages/dashboard/src/plugins/vuetify/casl/AppAbility.ts
deleted file mode 100644
index e86fef2f..00000000
--- a/packages/dashboard/src/plugins/vuetify/casl/AppAbility.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { AbilityClass } from '@casl/ability'
-import { Ability } from '@casl/ability'
-
-export type Actions = 'create' | 'read' | 'update' | 'delete' | 'manage'
-
-export type Subjects = 'Auth' | 'Admin' | 'AclDemo' | 'all'
-
-export type AppAbility = Ability<[Actions, Subjects]>
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-export const AppAbility = Ability as AbilityClass<AppAbility>
-
-export interface UserAbility {
-  action: Actions
-  subject: Subjects
-}
diff --git a/packages/dashboard/src/plugins/vuetify/casl/ability.ts b/packages/dashboard/src/plugins/vuetify/casl/ability.ts
deleted file mode 100644
index 99fa4f51..00000000
--- a/packages/dashboard/src/plugins/vuetify/casl/ability.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Ability } from '@casl/ability'
-import type { UserAbility } from './AppAbility'
-
-export const initialAbility: UserAbility[] = [
-  {
-    action: 'read',
-    subject: 'Auth',
-  },
-]
-
-//  Read ability from localStorage
-// 👉 Handles auto fetching previous abilities if already logged in user
-// ℹ️ You can update this if you store user abilities to more secure place
-// ❗ Anyone can update localStorage so be careful and please update this
-const stringifiedUserAbilities = localStorage.getItem('userAbilities')
-const existingAbility = stringifiedUserAbilities ? JSON.parse(stringifiedUserAbilities) : null
-
-export default new Ability(existingAbility || initialAbility)
diff --git a/packages/dashboard/src/plugins/vuetify/casl/shims-ability.d.ts b/packages/dashboard/src/plugins/vuetify/casl/shims-ability.d.ts
deleted file mode 100644
index 78db9971..00000000
--- a/packages/dashboard/src/plugins/vuetify/casl/shims-ability.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import type { AppAbility } from './AppAbility'
-
-declare module 'vue' {
-  interface ComponentCustomProperties {
-    $ability: AppAbility
-    $can(this: this, ...args: Parameters<this['$ability']['can']>): boolean
-  }
-}
diff --git a/packages/dashboard/src/plugins/vuetify/casl/useAppAbility.ts b/packages/dashboard/src/plugins/vuetify/casl/useAppAbility.ts
deleted file mode 100644
index 1adc52d7..00000000
--- a/packages/dashboard/src/plugins/vuetify/casl/useAppAbility.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { useAbility } from '@casl/vue'
-import type { AppAbility } from './AppAbility'
-
-export const useAppAbility = () => useAbility<AppAbility>()
diff --git a/packages/dashboard/src/plugins/vuetify/navigation/horizontal/index.ts b/packages/dashboard/src/plugins/vuetify/navigation/horizontal/index.ts
deleted file mode 100644
index c4633afc..00000000
--- a/packages/dashboard/src/plugins/vuetify/navigation/horizontal/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { HorizontalNavItems } from '@layouts/types'
-
-export default [
-  {
-    title: 'Home',
-    to: { name: 'index' },
-    icon: { icon: 'mdi-home-outline' },
-  },
-  {
-    title: 'Second page',
-    to: { name: 'second-page' },
-    icon: { icon: 'mdi-file-document-outline' },
-  },
-] as HorizontalNavItems
diff --git a/packages/dashboard/src/views/AboutView.vue b/packages/dashboard/src/views/AboutView.vue
deleted file mode 100644
index 756ad2a1..00000000
--- a/packages/dashboard/src/views/AboutView.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
-
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/packages/dashboard/src/views/DashboardLayout.vue b/packages/dashboard/src/views/DashboardLayout.vue
deleted file mode 100644
index 51abd7c8..00000000
--- a/packages/dashboard/src/views/DashboardLayout.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-const theme = 'light' 
-</script>
-
-<template>
-  <v-app :theme="theme">
-    <v-navigation-drawer>...</v-navigation-drawer>
-    <v-app-bar>pp
-    </v-app-bar>
-    <v-main>
-      <v-container><router-view/></v-container>
-    </v-main>
-    <v-footer> footer  </v-footer>
-  </v-app>
-</template>
diff --git a/packages/dashboard/src/views/HomeView.vue b/packages/dashboard/src/views/HomeView.vue
deleted file mode 100644
index d5c0217e..00000000
--- a/packages/dashboard/src/views/HomeView.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import TheWelcome from '../components/TheWelcome.vue'
-</script>
-
-<template>
-  <main>
-    <TheWelcome />
-  </main>
-</template>
diff --git a/packages/dashboard/themeConfig.ts b/packages/dashboard/themeConfig.ts
index 38c995f1..77437766 100644
--- a/packages/dashboard/themeConfig.ts
+++ b/packages/dashboard/themeConfig.ts
@@ -3,7 +3,7 @@ import { breakpointsVuetify } from '@vueuse/core'
 import { VIcon } from 'vuetify/components'
 
 // ❗ Logo SVG must be imported with ?raw suffix
-import logo from '@/plugins/vuetify/images/logo.svg?raw'
+// import logo from '@/assets/logo.svg?raw'
 
 import { defineThemeConfig } from '@/plugins/vuetify/@core'
 import { RouteTransitions, Skins } from '@/plugins/vuetify/@core/enums'
@@ -11,10 +11,11 @@ import { AppContentLayoutNav, ContentWidth, FooterType, NavbarType } from '@layo
 
 export const { themeConfig, layoutConfig } = defineThemeConfig({
   app: {
-    title: 'Ping Dashboard',
+    title: 'Ping.pub',
 
     // ❗ if you have SVG logo and want it to adapt according to theme color, you have to apply color as `color: rgb(var(--v-global-theme-primary))`
-    logo: h('div', { innerHTML: logo, style: 'line-height:0; color: rgb(var(--v-global-theme-primary))' }),
+    // logo: h('div', { innerHTML: logo, style: 'line-height:0; color: rgb(var(--v-global-theme-primary))' }),
+    logo: h('img', {src: '/logo.svg', width: 50, height: 50}),
     contentWidth: ContentWidth.Boxed,
     contentLayoutNav: AppContentLayoutNav.Vertical,
     overlayNavFromBreakpoint: breakpointsVuetify.md + 16, // 16 for scrollbar. Docs: https://next.vuetifyjs.com/en/features/display-and-platform/
diff --git a/packages/dashboard/vite.config.ts b/packages/dashboard/vite.config.ts
index ee460ffc..95560b4b 100644
--- a/packages/dashboard/vite.config.ts
+++ b/packages/dashboard/vite.config.ts
@@ -21,7 +21,7 @@ export default defineConfig({
       },
     }),
     Pages({
-      dirs: ["./src/pages", "./src/modules"],
+      dirs: ["./src/modules", "./src/pages", ],
     }),
     Layouts({
       layoutsDirs: "./src/layouts/",
diff --git a/yarn.lock b/yarn.lock
index a7be773d..3f224ef9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2719,6 +2719,13 @@ create-require@^1.1.1:
   resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
   integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
 
+cross-fetch@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f"
+  integrity sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==
+  dependencies:
+    node-fetch "2.6.7"
+
 cross-spawn@^6.0.5:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
@@ -5119,6 +5126,13 @@ node-fetch-native@^1.0.1:
   resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.0.1.tgz#1dfe78f57545d07e07016b7df4c0cb9d2ff416c7"
   integrity sha512-VzW+TAk2wE4X9maiKMlT+GsPU4OMmR1U9CrHSmd3DFLn2IcZ9VJ6M6BBugGfYUnPCLSYxXdZy17M0BEJyhUTwg==
 
+node-fetch@2.6.7:
+  version "2.6.7"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
+  integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
+  dependencies:
+    whatwg-url "^5.0.0"
+
 node-fetch@^2.6.1, node-fetch@^2.6.7:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.9.tgz#7c7f744b5cc6eb5fd404e0c7a9fec630a55657e6"