diff --git a/apps/partners/src/app/dashboard/components/navbar.tsx b/apps/partners/src/app/dashboard/components/navbar.tsx
new file mode 100644
index 00000000..3dccf48e
--- /dev/null
+++ b/apps/partners/src/app/dashboard/components/navbar.tsx
@@ -0,0 +1,20 @@
+import Link from "next/link";
+import { Badge } from "@umamin/ui/components/badge";
+import { SignOutButton } from "./sign-out-btn";
+
+export async function Navbar() {
+  return (
+    <nav className="fixed left-0 right-0 top-0 z-50 w-full bg-background bg-opacity-40 bg-clip-padding py-5 backdrop-blur-xl backdrop-filter lg:z-40 container max-w-screen-xl flex justify-between items-center">
+      <div className="space-x-2 flex items-center">
+        <Link href="/" aria-label="logo">
+          <span className="font-semibold text-foreground">umamin</span>
+          <span className="text-muted-foreground font-medium">.link</span>
+        </Link>
+
+        <Badge variant="outline">partners</Badge>
+      </div>
+
+      <SignOutButton />
+    </nav>
+  );
+}
diff --git a/apps/partners/src/app/dashboard/components/sign-out-btn.tsx b/apps/partners/src/app/dashboard/components/sign-out-btn.tsx
new file mode 100644
index 00000000..d34486a3
--- /dev/null
+++ b/apps/partners/src/app/dashboard/components/sign-out-btn.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import { Loader2 } from "lucide-react";
+import { useFormStatus } from "react-dom";
+import { Button } from "@umamin/ui/components/button";
+
+export function SignOutButton() {
+  const { pending } = useFormStatus();
+
+  return (
+    <Button
+      data-testid="logout-btn"
+      type="submit"
+      disabled={pending}
+      variant="outline"
+    >
+      {pending && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+      Sign Out
+    </Button>
+  );
+}
diff --git a/apps/partners/src/app/dashboard/layout.tsx b/apps/partners/src/app/dashboard/layout.tsx
new file mode 100644
index 00000000..ee6b22b9
--- /dev/null
+++ b/apps/partners/src/app/dashboard/layout.tsx
@@ -0,0 +1,14 @@
+import { Navbar } from "./components/navbar";
+
+export default function Layout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <main>
+      <Navbar />
+      {children}
+    </main>
+  );
+}
diff --git a/apps/partners/src/app/dashboard/page.tsx b/apps/partners/src/app/dashboard/page.tsx
new file mode 100644
index 00000000..c8c14490
--- /dev/null
+++ b/apps/partners/src/app/dashboard/page.tsx
@@ -0,0 +1,10 @@
+import { getSession } from "@/lib/auth";
+
+export default async function Dashboard() {
+  const { user } = await getSession();
+  return (
+    <div className="max-w-screen-xl mx-auto mt-32 container">
+      <h1 className="text-4xl">Hello, {user?.displayName || user?.username}</h1>
+    </div>
+  );
+}
diff --git a/apps/partners/src/app/login/page.tsx b/apps/partners/src/app/login/page.tsx
index a8151281..b5759e10 100644
--- a/apps/partners/src/app/login/page.tsx
+++ b/apps/partners/src/app/login/page.tsx
@@ -41,7 +41,7 @@ export default async function Login() {
   const { user } = await getSession();
 
   if (user) {
-    redirect("/inbox");
+    redirect("/dashboard");
   }
 
   return (