diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index c7d649f..8d65f37 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -6,6 +6,7 @@
   export let logged_in_user: User | undefined = undefined;
   export let nip07_plugin: boolean | undefined = undefined;
   export let login_function: Function = () => {};
+  export let singup_function: Function = () => {};
 </script>
 
 <div class="bg-base-400">
@@ -32,7 +33,12 @@
             class="btn normal-case btn-sm btn-ghost">Login</button
           >
         {:else}
-          <div class="btn normal-case btn-sm btn-ghost">Sign up</div>
+          <button
+            on:click={() => {
+              singup_function();
+            }}
+            class="btn normal-case btn-sm btn-ghost">Sign up</button
+          >
         {/if}
       </div>
     </div>
diff --git a/src/lib/wrappers/Navbar.svelte b/src/lib/wrappers/Navbar.svelte
index a02667e..0b52b70 100644
--- a/src/lib/wrappers/Navbar.svelte
+++ b/src/lib/wrappers/Navbar.svelte
@@ -8,6 +8,12 @@
     import { onMount } from "svelte";
     import Navbar from "$lib/components/Navbar.svelte";
 
+    let singup_function: Function = () => {
+        alert(
+            "a NIP-07 browser extension is required. currently no signup page",
+        );
+    };
+
     onMount(checkForNip07Plugin);
 </script>
 
@@ -15,4 +21,5 @@
     logged_in_user={$logged_in_user}
     nip07_plugin={$nip07_plugin}
     login_function={login}
+    {singup_function}
 />