diff --git a/src/components/landing/Footer.tsx b/src/components/landing/Footer.tsx
index 63cf798430..33b02091ca 100644
--- a/src/components/landing/Footer.tsx
+++ b/src/components/landing/Footer.tsx
@@ -33,14 +33,14 @@ const Footer = () => {
 
           <div className="flex justify-center space-x-8">
             <a
-              href="#"
+              href="https://twitter.com/get_storyteller"
               className="!text-gray-500 transition-colors hover:!text-gray-600"
             >
               <FontAwesomeIcon icon={faTwitter} className="h-6 w-6" />
               <span className="sr-only">Twitter</span>
             </a>
             <a
-              href="#"
+              href="https://discord.gg/storyteller"
               className="!text-gray-500 transition-colors hover:!text-gray-600"
             >
               <FontAwesomeIcon icon={faDiscord} className="h-6 w-6" />
diff --git a/src/components/landing/Navbar.tsx b/src/components/landing/Navbar.tsx
index cfd0704c6c..bdc629150f 100644
--- a/src/components/landing/Navbar.tsx
+++ b/src/components/landing/Navbar.tsx
@@ -1,6 +1,9 @@
+import { useNavigate } from "react-router-dom";
 import { Button } from "../ui";
 
 const Navbar = () => {
+  const navigate = useNavigate();
+
   return (
     <nav className="fixed top-0 z-50 w-full border-b border-gray-100 bg-white/80 backdrop-blur-md">
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
@@ -19,7 +22,7 @@ const Navbar = () => {
             >
               Login
             </a>
-            <Button className="btn btn-primary">Sign Up</Button>
+            <Button onClick={() => navigate("/signup")}>Sign Up</Button>
           </div>
         </div>
       </div>