diff --git a/daily-thought-frontend/src/components/hero/Hero.tsx b/daily-thought-frontend/src/components/hero/Hero.tsx
index 24037c408eb3d772777f757a60d563c02c0eb72d..87acc08ebc85626d59bc5f129b29fd729ce4aa1f 100644
--- a/daily-thought-frontend/src/components/hero/Hero.tsx
+++ b/daily-thought-frontend/src/components/hero/Hero.tsx
@@ -1,5 +1,12 @@
+import Router from 'next/router'
+
 export default function Hero() {
 
+  const redirect = (url: string) => {
+    const {pathname} = Router
+    Router.push(url)
+  }
+
   return (
     <div className="bg-white">
       <div className="relative isolate px-6 pt-14 lg:px-8">
@@ -13,12 +20,12 @@ export default function Hero() {
             </p>
             <div className="mt-10 flex items-center justify-center gap-x-6">
               <a
-                href="#"
+                href="/register"
                 className="rounded-md bg-c-pink px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-white hover:text-c-pink focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pink-400"
               >
                 Sign Up
               </a>
-              <a href="#" className="text-sm font-semibold leading-6 text-c-pink">
+              <a href="signIn" className="text-sm font-semibold leading-6 text-c-pink">
                 Log In <span aria-hidden="true">→</span>
               </a>
             </div>