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>