diff --git a/README.md b/README.md
index 9f447703..c1146215 100644
--- a/README.md
+++ b/README.md
@@ -32,6 +32,8 @@
 [![API Version][api-ver-img]][api-ver-url]
 [![Go Version][api-go-img]][api-go-url]
 
+<a href="https://www.producthunt.com/posts/pagespy?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-pagespy" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=429852&theme=light" alt="PageSpy - Remote&#0032;debugging&#0032;as&#0032;seamless&#0032;as&#0032;local&#0032;debugging&#0046; | Product Hunt" height="36" /></a>
+
 [English](./README_EN.md) | 中文
 
 </div>
diff --git a/README_EN.md b/README_EN.md
index 0f28655e..8b49d3e0 100644
--- a/README_EN.md
+++ b/README_EN.md
@@ -34,10 +34,14 @@
 [![API Version][api-ver-img]][api-ver-url]
 [![Go Version][api-go-img]][api-go-url]
 
+<a href="https://www.producthunt.com/posts/pagespy?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-pagespy" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=429852&theme=light" alt="PageSpy - Remote&#0032;debugging&#0032;as&#0032;seamless&#0032;as&#0032;local&#0032;debugging&#0046; | Product Hunt" height="36" /></a>
+
 English | [中文](./README.md)
 
 </div>
 
+## Intro
+
 **PageSpy** is a remote debugging tool for web project.
 
 Based on encapsulation of native web APIs, it filters and transforms the parameters of native methods when called, and converts into messages with specific format for consumption by the debugger client. The debugger presents ui in an interactive devtools-like for easy viewing after receives the message data.
diff --git a/src/pages/Layouts/index.less b/src/pages/Layouts/index.less
index 12a17cff..e2ed04ea 100644
--- a/src/pages/Layouts/index.less
+++ b/src/pages/Layouts/index.less
@@ -30,6 +30,9 @@
   }
   .logo {
     height: var(--header-height);
+    display: flex;
+    align-items: center;
+    gap: 32px;
     > a {
       height: 100%;
       display: inline-flex;
diff --git a/src/pages/Layouts/index.tsx b/src/pages/Layouts/index.tsx
index 2390b05e..f0fb0581 100644
--- a/src/pages/Layouts/index.tsx
+++ b/src/pages/Layouts/index.tsx
@@ -35,6 +35,16 @@ export const Layouts = () => {
                   )}
                 </Title>
               </Link>
+              <a
+                href="https://www.producthunt.com/posts/pagespy?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-pagespy"
+                target="_blank"
+              >
+                <img
+                  src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=429852&theme=light"
+                  alt="PageSpy - Remote&#0032;debugging&#0032;as&#0032;seamless&#0032;as&#0032;local&#0032;debugging&#0046; | Product Hunt"
+                  height="36"
+                />
+              </a>
             </div>
           </Col>
           <Col>