add product hunt button

cyclops-ui · Jan 4, 2024 · 7d63fd9 · 7d63fd9
1 parent 7be8ba3
commit 7d63fd9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/web/docusaurus.config.js b/web/docusaurus.config.js
@@ -57,12 +57,12 @@ const config = {
       // Replace with your project's social card
       image: 'img/which-would-you-prefer.png',
       announcementBar: {
-        backgroundColor: '#10357A',
-        textColor: '#FFF',
+        backgroundColor: '#ff6154',
+        textColor: '#ffffff',
         isCloseable: false,
 
         content:
-            '⭐ Help us shine brighter by showing your support - give us a star on <a href="https://github.com/cyclops-ui/cyclops">GitHub</a>! ⭐',
+            '🔔 We are launching our first release on <a href="https://www.producthunt.com/posts/cyclops">Product Hunt</a> - show us your support 🔔',
       },
       navbar: {
         title: 'Cyclops',

diff --git a/web/src/pages/index.js b/web/src/pages/index.js
@@ -80,6 +80,15 @@ function HomepageHeader() {
                         Join the community
                     </Link>
                 </div>
+                <div>
+                    <a href="https://www.producthunt.com/posts/cyclops?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-cyclops">
+                        <img
+                        src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=432719&theme=light"
+                        alt="Cyclops - Developer&#0032;Friendly&#0032;Kubernetes | Product Hunt"
+                        style={{ marginTop: "10px" }}
+                        />
+                    </a>
+                </div>
             </div>
         </header>
     );