diff --git a/components/hero.tsx b/components/hero.tsx
index 2a01555..20bc3dc 100644
--- a/components/hero.tsx
+++ b/components/hero.tsx
@@ -1,5 +1,5 @@
 import { Button } from "@/components/ui/button"
-import { ArrowRight, Network } from "lucide-react"
+import { ArrowRight } from "lucide-react"
 import Link from "next/link"
 
 export function Hero() {
@@ -66,8 +66,6 @@ export function Hero() {
       </svg>
 
       <div className="relative max-w-5xl mx-auto text-center space-y-8 z-10">
-        
-
         <h1 className="text-5xl md:text-7xl font-bold tracking-tight text-balance glow-text">
           {"Psilo-Cybernetics"}
           <span className="block text-primary mt-2 glow-text">{"& Institutional Neuroplasticity"}</span>
@@ -83,9 +81,12 @@ export function Hero() {
           <Button
             size="lg"
             className="gap-2 text-base glow-border bg-primary hover:bg-primary/80 border-2 border-primary"
+            asChild
           >
-            {"Explore the Framework"}
-            <ArrowRight className="w-4 h-4" />
+            <Link href="https://post-appitalism.app/" target="_blank" rel="noopener noreferrer">
+              {"Explore the Framework"}
+              <ArrowRight className="w-4 h-4" />
+            </Link>
           </Button>
           <Button
             size="lg"