diff --git a/web/app/(pages)/settings/page.tsx b/web/app/(pages)/settings/page.tsx
new file mode 100644
index 00000000..a5070993
--- /dev/null
+++ b/web/app/(pages)/settings/page.tsx
@@ -0,0 +1,5 @@
+import { SettingsRoute } from "@/components/routes/SettingsRoute"
+
+export default function SettingsPage() {
+	return <SettingsRoute />
+}
diff --git a/web/components/routes/SettingsRoute.tsx b/web/components/routes/SettingsRoute.tsx
new file mode 100644
index 00000000..1c2c99c4
--- /dev/null
+++ b/web/components/routes/SettingsRoute.tsx
@@ -0,0 +1,13 @@
+"use client"
+import { useAccount } from "@/lib/providers/jazz-provider"
+
+export const SettingsRoute = () => {
+	const { me } = useAccount()
+
+	return (
+		<div className="flex flex-1 flex-col text-sm text-black dark:text-white">
+			<p className="h-[74px] p-[20px] text-2xl font-semibold opacity-80">Settings</p>
+			<div className="flex flex-col items-center border-b border-neutral-900 bg-inherit pb-5"></div>
+		</div>
+	)
+}