1 files changed, 24 insertions, 2 deletions
diff --git a/communities/red-right-hand/174bg.net/src/app/layout.js b/communities/red-right-hand/174bg.net/src/app/layout.js
index ce97609..32d23f4 100644
--- a/communities/red-right-hand/174bg.net/src/app/layout.js
+++ b/communities/red-right-hand/174bg.net/src/app/layout.js
@@ -1,3 +1,10 @@
+import {
+  ClerkProvider,
+  Show,
+  SignInButton,
+  SignUpButton,
+  UserButton,
+} from "@clerk/nextjs";
 import { Inter, Fira_Code } from "next/font/google";
 import "./globals.css";
 import TerminalOverlay from "@/components/TerminalOverlay";
@@ -27,8 +34,23 @@ export default function RootLayout({ children }) {
       className={`${inter.variable} ${firaCode.variable} h-full antialiased`}
     >
       <body className="min-h-full flex flex-col">
-        <TerminalOverlay />
-        {children}
+        <ClerkProvider>
+          <header className="flex justify-end items-center p-4 gap-4 h-16">
+            <Show when="signed-out">
+              <SignInButton />
+              <SignUpButton>
+                <button className="bg-purple-700 text-white rounded-full font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 cursor-pointer">
+                  Sign Up
+                </button>
+              </SignUpButton>
+            </Show>
+            <Show when="signed-in">
+              <UserButton />
+            </Show>
+          </header>
+          <TerminalOverlay />
+          {children}
+        </ClerkProvider>
       </body>
     </html>
   );