From c9be578e883516ef9783b1b61b7626f27fa4707a Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Sun, 2 Nov 2025 02:05:53 +0000
Subject: [PATCH] feat: link "Join the Community" button to Discord server

Update button to open Mycopunk Discord invite in new tab.

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
---
 components/applications.tsx | 5 ++++-
 components/hero.tsx         | 6 +++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/applications.tsx b/components/applications.tsx
index dfe345b..9cf4299 100644
--- a/components/applications.tsx
+++ b/components/applications.tsx
@@ -126,8 +126,11 @@ export function Applications() {
                 size="lg"
                 variant="outline"
                 className="gap-2 border-2 border-secondary text-secondary glow-border hover:bg-secondary/10 bg-transparent"
+                asChild
               >
-                {"Join the Community"}
+                <a href="https://discord.gg/mFxSXCrfrN" target="_blank" rel="noopener noreferrer">
+                  {"Join the Community"}
+                </a>
               </Button>
             </div>
           </Card>
diff --git a/components/hero.tsx b/components/hero.tsx
index 325401f..2fc1db9 100644
--- a/components/hero.tsx
+++ b/components/hero.tsx
@@ -1,5 +1,6 @@
 import { Button } from "@/components/ui/button"
 import { ArrowRight, Network } from "lucide-react"
+import Link from "next/link"
 
 export function Hero() {
   return (
@@ -93,8 +94,11 @@ export function Hero() {
             size="lg"
             variant="outline"
             className="text-base border-2 border-secondary text-secondary glow-border hover:bg-secondary/10 bg-transparent"
+            asChild
           >
-            {"Read the Book"}
+            <Link href="https://book.mycofi.earth" target="_blank" rel="noopener noreferrer">
+              {"Read the MycoFi Book"}
+            </Link>
           </Button>
         </div>
       </div>