diff --git a/src/store/useSettingNavStore.ts b/src/store/useSettingNavStore.ts
new file mode 100644
index 0000000..294b39c
--- /dev/null
+++ b/src/store/useSettingNavStore.ts
@@ -0,0 +1,19 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+interface SettingNavState {
+  activeNav: string;
+  setActiveNav: (nav: string) => void;
+}
+
+export const useSettingNavStore = create<SettingNavState>()(
+  persist(
+    (set) => ({
+      activeNav: "Messages & media",
+      setActiveNav: (nav) => set({ activeNav: nav }),
+    }),
+    {
+      name: "setting-nav-active",
+    }
+  )
+);