feat: Add PH badge. (#176)

* chore: add new copies and hero.

* chore: added new copies and images for feature section

* chore: replaced hero image with a compressed one.

* chore: changed path of the callback for the maintainers page

* chore: changed path

* fixed: typo

* chore: Reverted the recent changes to CTAs

* chore: Updated maintainer page with the new images

* Files cleaning

* some fixes

* swapped CTAs on the maintainers page

* Changed link

* feat: added PH badge

components/common/layout/PageLayout.tsx

@@ -6,6 +6,7 @@ import Header from '../../sections/navigation/Header'
 import Footer from '../../sections/Footer'
 import Subscribe from '../../sections/Subscribe'
 import OgData from './SEO/SEO'
+import PHBadge from '../product-hunt/PHBadge'
 
 interface BackgroundWrapperProps {
   children: React.ReactNode
@@ -42,6 +43,7 @@ const PageLayout: FC<PageLayoutProps> = ({
         />
       }
       <BackgroundWrapper>
+        <PHBadge/>
         {!pressPage && <Header navigationItems={navigationURLs} />}
         <div>{children}</div>
         {!pressPage && !homePage && <Subscribe />}

components/common/product-hunt/PHBadge.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+const PHBadge = () => {
+  return (
+    <div className="fixed z-50 bottom-6 right-6 tablet:bottom-8 tablet:right-9 ">
+      <a href="https://www.producthunt.com/posts/opensauced?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-opensauced"
+        target="_blank">
+        <img
+          className="w-36 tablet:w-60 tablet:h-12"
+          src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=419250&theme=light"
+          alt="OpenSauced - Optimize&#0032;Your&#0032;Open&#0032;Source&#0032;Project&#0032;with&#0032;Deep&#0032;Insights | Product Hunt"
+        />
+      </a>
+    </div>
+  )
+}
+
+export default PHBadge