Add IndieHunt badge to homepage and style adjustments

Author: huycozy

assets/css/style.css

@@ -211,6 +211,28 @@ header {
     opacity: 0.9;
 }
 
+.indiehunt-badge {
+    display: flex;
+    justify-content: center;
+    padding: 2rem 1.5rem 0;
+}
+
+.indiehunt-badge a {
+    display: inline-flex;
+    transition: transform 0.2s, opacity 0.2s;
+}
+
+.indiehunt-badge a:hover {
+    transform: translateY(-2px);
+    opacity: 0.9;
+}
+
+.indiehunt-badge img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+}
+
 .macos-btn {
     white-space: nowrap;
 }

index.html

@@ -81,6 +81,14 @@ <h1>Fast, private file sharing on your local network.</h1>
             </div>
         </section>
 
+        <div class="indiehunt-badge">
+            <a href="https://indiehunt.io/project/netshare-fast-private-local-file-sharing" target="_blank"
+                rel="noopener">
+                <img src="https://indiehunt.io/badges/indiehunt-badge-dark.svg" alt="Featured on IndieHunt"
+                    width="265" height="58">
+            </a>
+        </div>
+
         <!-- Value Propositions -->
         <section id="features">
             <div class="container">