Update index.html

index.html

@@ -130,28 +130,21 @@
     </section>
     
     <!-- DISCORD SECTION -->
-    <div className="mt-12 p-8 bg-gradient-to-br from-primary/10 to-accent-green/10 rounded-[18px] border border-border text-center">
-  <h3 className="text-[25px] md:text-[30px] font-light mb-3">
-    Join the Community
-  </h3>
-  <p className="text-muted-foreground mb-6 max-w-[600px] mx-auto">
-    Connect with other Reachy Mini owners, share your projects, get help, and stay updated on the latest developments.
-  </p>
-  <Button 
-    size="lg"
-    className="bg-primary hover:bg-primary/90 text-primary-foreground font-semibold rounded-full shadow-[0_10px_25px_rgba(59,176,209,0.45)] hover:shadow-[0_16px_35px_rgba(59,176,209,0.5)] hover:-translate-y-0.5 transition-all"
-    asChild
-  >
-    <a 
-      href="https://discord.gg/2bAhWfXme9"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      Join Pollen Discord
-      <ExternalLink className="ml-2 h-4 w-4" />
-    </a>
-  </Button>
-</div>
+    <section class="discord-cta-section">
+      <div class="discord-cta-container">
+        <h3 class="discord-cta-title">Join the Community</h3>
+        <p class="discord-cta-description">
+          Connect with other Reachy Mini owners, share your projects, get help, and stay updated with the latest news.
+        </p>
+        <a href="https://discord.gg/Kg3mZHTKgs" target="_blank" rel="noopener noreferrer" class="discord-cta-button">
+          <svg class="discord-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
+          </svg>
+          Join Pollen Discord
+        </a>
+      </div>
+    </section>
+
     
     <!-- BUY SECTION -->
     <section id="buy" class="section section-buy">