diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
new file mode 100644
index 0000000..ceb1a6b
--- /dev/null
+++ b/src/app/(auth)/layout.tsx
@@ -0,0 +1,26 @@
+import { Button } from "@/components/ui/button";
+import Image from "next/image";
+
+interface AuthLayoutProps {
+  children: React.ReactNode;
+}
+
+const AuthLayout = ({ children }: AuthLayoutProps) => {
+  return (
+    <main className="min-h-screen">
+      <div className="mx-auto max-w-screen-2xl p-4">
+        <nav className="flex items-center justify-between">
+          <Image src="/logo.svg" alt="logo" width={100} height={50} />
+          <div className="flex items-center gap-2">
+            <Button variant="secondary">Sign Up</Button>
+          </div>
+        </nav>
+        <div className="flex flex-col items-center justify-center pt-4 md:pt-14">
+          {children}
+        </div>
+      </div>
+    </main>
+  );
+};
+
+export default AuthLayout;