diff --git a/client/layouts/default.vue b/client/layouts/default.vue
index 648fac2..0eb92c8 100644
--- a/client/layouts/default.vue
+++ b/client/layouts/default.vue
@@ -1,8 +1,14 @@
 <template>
   <div class="main-layout min-h-screen flex flex-col">
+    <div class="w-full p-3 bg-blue-500 text-center font-weight-bolder relative cursor-pointer group" v-if="['index','home','templates'].includes($route.name)">
+      <a href="https://www.producthunt.com/posts/opnform?ref=opnform" target="_blank" class="absolute inset-0"/>
+      <p class="text-white">We're live on ProductHunt<span class="px-2 -my-2 text-xl inline-block group-hover:animate-bounce">🚀</span>Thank you for supporting us!</p>
+    </div>
     <Navbar />
 
     <slot class="flex-grow">
     </slot>
   </div>
 </template>
+<script setup lang="ts">
+</script>
diff --git a/client/pages/index.vue b/client/pages/index.vue
index 0384af4..ce7a07d 100644
--- a/client/pages/index.vue
+++ b/client/pages/index.vue
@@ -7,7 +7,11 @@
         />
       </div>
 
+
       <div class="px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto relative -mb-32 md:-mb-52 lg:-mb-72">
+        <div class="flex justify-center mb-6 -mt-6">
+          <a href="https://www.producthunt.com/posts/opnform?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-opnform" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=440745&theme=light" alt="OpnForm - Create&#0032;beautiful&#0032;forms&#0032;and&#0032;share&#0032;them&#0032;anywhere | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
+        </div>
         <div class="flex justify-center mb-5">
           <div
             class="relative flex items-center shadow-sm bg-white gap-x-4 rounded-full px-4 py-1 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20"