diff --git a/components/sign-up-button.tsx b/components/sign-up-button.tsx
index a9f78e4..bf7e742 100644
--- a/components/sign-up-button.tsx
+++ b/components/sign-up-button.tsx
@@ -1,21 +1,36 @@
+//"use client";
+//import { useState } from "react";
+//import { Button } from "@/components/ui/button";
+//import SignUpDialog from "./sign-up-dialog";
+//
+//const SignUpButton = () => {
+//  const [open, setOpen] = useState(false);
+//  return (
+//    <>
+//      <Button
+//        onClick={() => setOpen(!open)}
+//        size="xl"
+//        className="bg-cashmere-500 hover:bg-cashmere-500/90"
+//      >
+//        Sign Up For beta
+//      </Button>
+//      <SignUpDialog open={open} setOpen={setOpen} />
+//    </>
+//  );
+//};
+//
+//export default SignUpButton;
 "use client";
-import { useState } from "react";
 import { Button } from "@/components/ui/button";
-import SignUpDialog from "./sign-up-dialog";
+import Link from "next/link";
 
 const SignUpButton = () => {
-  const [open, setOpen] = useState(false);
   return (
-    <>
-      <Button
-        onClick={() => setOpen(!open)}
-        size="xl"
-        className="bg-cashmere-500 hover:bg-cashmere-500/90"
-      >
-        Sign Up For beta
+    <Link href="https://alpha.kokio.app" target="_blank">
+      <Button size="xl" className="bg-cashmere-500 hover:bg-cashmere-500/90">
+        Try out the Alpha now!
       </Button>
-      <SignUpDialog open={open} setOpen={setOpen} />
-    </>
+    </Link>
   );
 };