diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss
index d2eb7add22..cfab261bd0 100644
--- a/packages/fakeyou.com/src/scss/site-refresh.scss
+++ b/packages/fakeyou.com/src/scss/site-refresh.scss
@@ -1268,6 +1268,7 @@ styles with important tags:
     transition: 0.2s all;
     border-radius: 0.5rem !important;
     border-width: 2px !important;
+    height: 280px;
     overflow: hidden;
     z-index: 2;
 
@@ -1381,22 +1382,18 @@ textarea {
   color: $white !important;
 }
 
-.product-icon {
-  font-size: 2.8rem;
+.img-product {
+  &.img-tts {
+    margin-top: -82px;
+    max-height: 240px;
+  }
+
+  &.img-channels {
+    margin-top: -82px;
+    max-height: 240px;
+  }
 }
 
-// .img-product {
-//   &.img-tts {
-//     margin-top: -82px;
-//     max-height: 240px;
-//   }
-
-//   &.img-channels {
-//     margin-top: -82px;
-//     max-height: 240px;
-//   }
-// }
-
 .index-title {
   line-height: 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 8e9d787db4..e397800a5f 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
@@ -13,12 +13,7 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { faDiscord, faTwitter } from "@fortawesome/free-brands-svg-icons";
 import { WebUrl } from "../../../../common/WebUrl";
-import {
-  faFileArrowUp,
-  faMessageDots,
-  faMicrophoneStand,
-  faVideo,
-} from "@fortawesome/pro-solid-svg-icons";
+import { faFileArrowUp } from "@fortawesome/pro-solid-svg-icons";
 // import {
 //   faFileArrowUp,
 //   faMicrophone,
@@ -247,7 +242,7 @@ function LandingPage(props: Props) {
         </div>
       </div> */}
 
-      <div className="container pt-2 pb-3 px-md-5 px-xl-3">
+      <div className="container pb-4 px-md-5 px-xl-3">
         <h2 className="fw-bold mb-4">AI Tools</h2>
         <div className="row g-4 position-relative">
           <div className="col-12 col-md-4">
@@ -255,27 +250,23 @@ function LandingPage(props: Props) {
               to="/tts"
               className="panel panel-select d-flex flex-column align-items-center"
             >
-              <div className="d-flex p-4 align-items-center w-100">
+              <div className="d-flex px-4 pt-4 align-items-center w-100">
                 <div className="flex-grow-1">
-                  <FontAwesomeIcon
-                    icon={faMessageDots}
-                    className="text-white product-icon mb-3"
-                  />
-                  <div className="d-flex align-items-center">
-                    <div className="flex-grow-1">
-                      <h3 className="fw-bold text-white mb-1">
-                        Text to Speech
-                      </h3>
-                      <h6 className="fw-normal opacity-75 text-white">
-                        Generate audio from text
-                      </h6>
-                    </div>
-                    <Link to="/tts" className="btn btn-square">
-                      <FontAwesomeIcon icon={faArrowRight} />
-                    </Link>
-                  </div>
+                  <h3 className="fw-bold text-white mb-1">Text to Speech</h3>
+                  <h6 className="fw-normal opacity-75 text-white">
+                    Generate audio from text
+                  </h6>
                 </div>
+                <Link to="/tts" className="btn btn-square">
+                  <FontAwesomeIcon icon={faArrowRight} />
+                </Link>
               </div>
+
+              <img
+                className="img-fluid"
+                src="/images/landing/select-tts.webp"
+                alt="Text to speech"
+              />
             </Link>
           </div>
           <div className="col-12 col-md-4">
@@ -283,27 +274,23 @@ function LandingPage(props: Props) {
               to="/voice-conversion"
               className="panel panel-select d-flex flex-column align-items-center"
             >
-              <div className="d-flex p-4 align-items-center w-100">
+              <div className="d-flex px-4 pt-4 align-items-center w-100">
                 <div className="flex-grow-1">
-                  <FontAwesomeIcon
-                    icon={faMicrophoneStand}
-                    className="text-white product-icon mb-3"
-                  />
-                  <div className="d-flex align-items-center">
-                    <div className="flex-grow-1">
-                      <h3 className="fw-bold text-white mb-1">
-                        Voice to Voice
-                      </h3>
-                      <h6 className="fw-normal opacity-75 text-white">
-                        Speak as someone else
-                      </h6>
-                    </div>
-                    <Link to="/voice-conversion" className="btn btn-square">
-                      <FontAwesomeIcon icon={faArrowRight} />
-                    </Link>
-                  </div>
+                  <h3 className="fw-bold text-white mb-1">Voice to Voice</h3>
+                  <h6 className="fw-normal opacity-75 text-white">
+                    Speak as someone else
+                  </h6>
                 </div>
+                <Link to="/voice-conversion" className="btn btn-square">
+                  <FontAwesomeIcon icon={faArrowRight} />
+                </Link>
               </div>
+
+              <img
+                className="img-fluid"
+                src="/images/landing/select-vc.webp"
+                alt="Voice Conversion"
+              />
             </Link>
           </div>
           <div className="col-12 col-md-4">
@@ -311,27 +298,23 @@ function LandingPage(props: Props) {
               to="/video"
               className="panel panel-select d-flex flex-column align-items-center"
             >
-              <div className="d-flex p-4 align-items-center w-100">
+              <div className="d-flex px-4 pt-4 align-items-center w-100">
                 <div className="flex-grow-1">
-                  <FontAwesomeIcon
-                    icon={faVideo}
-                    className="text-white product-icon mb-3"
-                  />
-                  <div className="d-flex align-items-center">
-                    <div className="flex-grow-1">
-                      <h3 className="fw-bold text-white mb-1">
-                        Video Lip Sync
-                      </h3>
-                      <h6 className="fw-normal opacity-75 text-white">
-                        Lip sync video to audio
-                      </h6>
-                    </div>
-                    <Link to="/video" className="btn btn-square">
-                      <FontAwesomeIcon icon={faArrowRight} />
-                    </Link>
-                  </div>
+                  <h3 className="fw-bold text-white mb-1">Video Lip Sync</h3>
+                  <h6 className="fw-normal opacity-75 text-white">
+                    Lip sync video to audio
+                  </h6>
                 </div>
+                <Link to="/video" className="btn btn-square">
+                  <FontAwesomeIcon icon={faArrowRight} />
+                </Link>
               </div>
+
+              <img
+                className="img-fluid"
+                src="/images/landing/select-w2l.webp"
+                alt="Video Lip Sync"
+              />
             </Link>
           </div>
           <img
@@ -339,6 +322,11 @@ function LandingPage(props: Props) {
             alt="background dots"
             className="dots-right-top"
           />
+          <img
+            src="/images/landing/bg-dots.webp"
+            alt="background dots"
+            className="dots-left-bottom"
+          />
         </div>
 
         {uploadModelSection}