diff --git a/app/pages/settings.vue b/app/pages/settings.vue
new file mode 100644
index 0000000..51d8949
--- /dev/null
+++ b/app/pages/settings.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+  definePageMeta({
+    layout: "dashboard"
+  })
+  const settings_submenu = ref([
+    {
+      label: "Profile",
+      icon: "i-lucide-user-round",
+      to: "/settings/profile"
+    },
+    {
+      label: "Security",
+      icon: "i-lucide-lock",
+      to: "/settings/security"
+    },
+    {
+      label: "Aspect",
+      icon: "i-lucide-palette",
+      to: "/settings/ui"
+    }
+  ])
+</script>
+
+<template>
+  <UHeader toggle-side="left" class="justify-center text-center" title="Settings">
+    <template #toggle>
+      <UDashboardSidebarToggle />
+      <!-- <UDashboardSidebarCollapse /> -->
+    </template>
+  </UHeader>
+  <UNavigationMenu :items="settings_submenu" />
+
+
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file