diff --git a/components/nav/productSection.tsx b/components/nav/productSection.tsx
index ecd0ae07..7d133f91 100644
--- a/components/nav/productSection.tsx
+++ b/components/nav/productSection.tsx
@@ -3,7 +3,7 @@ import { UpIcon } from "./UpIcon";
 import DownIcon from "./DownIcon";
 import OpenSource from "@/public/images/navBarIcons/OpenSource";
 import EnterpriseSolution from "@/public/images/navBarIcons/EnterpriseSolution";
-// import WhatIsKeploy from "@/public/images/keploy_logo.png
+import WhatIsKeploy from "@/public/images/navBarIcons/WhatIsKeploy";
 import WhyUseKeploy from "@/public/images/navBarIcons/WhyUseKeploy";
 import HowItWorks from "@/public/images/navBarIcons/HowItWorks";
 import GettingStarted from "@/public/images/navBarIcons/GettingStarted";
@@ -52,11 +52,7 @@ export default function Product() {
   ];
   const aboutProductLinks = [
     {
-      icon: <img
-      src={"/images/keploylogo.png"}
-      alt="What is Keploy Icon"
-      style={{ height: "24px", width: "24px" }}
-    />,
+      icon: <WhatIsKeploy />,
       title: "What is Keploy?",
       url: "https://keploy.io/docs/concepts/what-is-keploy/#heading",
     },