1 files changed, 21 insertions, 0 deletions
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
new file mode 100644
index 0000000..7237d57
--- /dev/null
+++ b/src/app/settings/page.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { useState } from 'react';
+import SettingsMenu from '@/components/settings/SettingsMenu';
+import SecurityPage from '@/components/settings/SecurityPage';
+import ProfilePage from '@/components/settings/ProfilePage';
+
+export default function Settings() {
+    const [tab, setTab] = useState('profile');
+
+    return (
+        <div className="flex flex-row gap-[250px] w-full max-w-[1500px] h-full">
+            <SettingsMenu tab={tab} setTab={setTab} />
+
+            <div className="flex-1">
+                {tab === 'profile' && <ProfilePage />}
+                {tab === 'security' && <SecurityPage />}
+            </div>
+        </div>
+    );
+}