diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss
index 876c66932d..64bccacb8b 100644
--- a/packages/fakeyou.com/src/scss/site-refresh.scss
+++ b/packages/fakeyou.com/src/scss/site-refresh.scss
@@ -1247,6 +1247,11 @@ styles with important tags:
       transition: 0.2s all;
       transform: scale(1.05);
     }
+
+    &:hover .btn {
+      transition: 0.2s all;
+      background-color: lighten($primary, 5%);
+    }
   }
 }
 
diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
index 7dcae6c186..3e1c759b07 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
@@ -202,7 +202,10 @@ function LandingPage(props: Props) {
         <h2 className="fw-bold mb-4">AI Tools</h2>
         <div className="row g-4 position-relative">
           <div className="col-12 col-md-4">
-            <div className="panel panel-select d-flex flex-column align-items-center">
+            <Link
+              to="/tts"
+              className="panel panel-select d-flex flex-column align-items-center"
+            >
               <div className="d-flex px-4 pt-4 align-items-center w-100">
                 <div className="flex-grow-1">
                   <h3 className="fw-bold text-white mb-1">Text to Speech</h3>
@@ -220,10 +223,13 @@ function LandingPage(props: Props) {
                 src="/images/landing/select-tts.webp"
                 alt="Text to speech"
               />
-            </div>
+            </Link>
           </div>
           <div className="col-12 col-md-4">
-            <div className="panel panel-select d-flex flex-column align-items-center">
+            <Link
+              to="/voice-conversion"
+              className="panel panel-select d-flex flex-column align-items-center"
+            >
               <div className="d-flex px-4 pt-4 align-items-center w-100">
                 <div className="flex-grow-1">
                   <h3 className="fw-bold text-white mb-1">Voice to Voice</h3>
@@ -241,10 +247,13 @@ function LandingPage(props: Props) {
                 src="/images/landing/select-vc.webp"
                 alt="Voice Conversion"
               />
-            </div>
+            </Link>
           </div>
           <div className="col-12 col-md-4">
-            <div className="panel panel-select d-flex flex-column align-items-center">
+            <Link
+              to="/video"
+              className="panel panel-select d-flex flex-column align-items-center"
+            >
               <div className="d-flex px-4 pt-4 align-items-center w-100">
                 <div className="flex-grow-1">
                   <h3 className="fw-bold text-white mb-1">Video Lip Sync</h3>
@@ -262,7 +271,7 @@ function LandingPage(props: Props) {
                 src="/images/landing/select-w2l.webp"
                 alt="Video Lip Sync"
               />
-            </div>
+            </Link>
           </div>
           <img
             src="/images/landing/bg-dots.webp"