adding product hunt badge

includes/hero.html

@@ -23,10 +23,23 @@ <h1 class="max-w-full mx-auto text-4xl font-bold sm:text-pretty tracking-tighter
                           <span>View on Github</span>
                         </a>
                     </div>
+
+
+
                   </div>
                 </div>
 
                 <div class="relative z-10 flow-root w-full mt-5 sm:mt-12 md:mt-20">
+                  <div class="absolute top-0 items-center justify-center hidden w-full -translate-y-full md:flex">
+                      <div class="inline-flex items-center justify-center w-auto p-1 border border-b-0 border-gray-200 opacity-70 hover:opacity-100 rounded-t-xl dark:border-gray-700 ">
+                          <div class="block dark:hidden">
+                              <a href="https://www.producthunt.com/posts/wave-v3?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-wave&#0045;v3" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=512962&theme=neutral" alt="Wave&#0032;V3 - Turn&#0032;your&#0032;SaaS&#0032;idea&#0032;into&#0032;reality&#0032;–&#0032;fast&#0046; | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
+                          </div>
+                          <div class="hidden dark:block">
+                              <a href="https://www.producthunt.com/posts/wave-v3?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-wave&#0045;v3" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=512962&theme=dark" alt="Wave&#0032;V3 - Turn&#0032;your&#0032;SaaS&#0032;idea&#0032;into&#0032;reality&#0032;–&#0032;fast&#0046; | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
+                          </div>
+                      </div>
+                  </div>
                   <div class="p-2  bg-black bg-opacity-[3%] shadow-md rounded-xl ring-1 ring-inset ring-gray-900/5 dark:ring-white dark:ring-opacity-[7%] dark:bg-white dark:bg-opacity-[2%] lg:rounded-3xl lg:p-2.5">
                       <!-- https://cdn.devdojo.com/images/july2024/customer-dashboard.png, https://cdn.devdojo.com/images/july2024/saas-pricing.png, https://cdn.devdojo.com/images/july2024/admin.png -->
                       <img src="{ url('/assets/images/screens/light/home.jpg') }" alt="App screenshot" class="block w-full rounded-lg lg:rounded-2xl dark:rounded-2xl ring-1 ring-gray-900/5 dark:ring-white/5 dark:hidden">