diff --git a/content/hero/index.md b/content/hero/index.md
index 6c1b8db..2420b37 100644
--- a/content/hero/index.md
+++ b/content/hero/index.md
@@ -27,7 +27,7 @@ template: "layouts/hero.html"
 <p>Hero is your unique, singular digital avatar, streamlining your online interactions by eliminating the need to duplicate identities across various platforms. With Hero, manage every aspect of your digital life through one secure, efficient identity.</p>
 
 <br>
-<button onclick="/hero">
+<button a href="/hero">
   Learn More
 </button>
 
diff --git a/content/home/index.md b/content/home/index.md
index 9ec0395..dd1c81f 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -26,9 +26,7 @@ weight: 1
 <p>Meet <b>Hero</b>: your unique digital avatar, streamlining your online presence by eliminating the need for duplicate identities across platforms.</p>
 
 <br>
-<button onclick="/hero.md">
-  Learn More
-</button>
+<button><a href ="/hero">Learn More</button>
 
 {% end %}
 
@@ -127,7 +125,7 @@ weight: 1
 
 <br>
 
-<button onclick="/mycelium">
+<button a href="/mycelium">
   Learn More
 </button>
 
diff --git a/content/mycelium/hero/index.md b/content/mycelium/hero/index.md
index 6ad215d..80ebd7c 100644
--- a/content/mycelium/hero/index.md
+++ b/content/mycelium/hero/index.md
@@ -21,7 +21,7 @@ id: hero
 
 <br>
 
-<button onclick="/nodes">
+<button a href="/nodes">
   Learn More
 </button>
 
diff --git a/content/nodes/index.md b/content/nodes/index.md
index f8f718c..95265e6 100644
--- a/content/nodes/index.md
+++ b/content/nodes/index.md
@@ -22,7 +22,7 @@ template: "layouts/nodes.html"
 <p>Explore how each Mycelium Node contributes to the robust, decentralized architecture of the Mycelium Network, ensuring security, scalability, and resilience.</p>
 
 <br>
-<button onclick="#how">
+<button a href="#how">
   Learn More
 </button>
 
diff --git a/content/xperiences/index.md b/content/xperiences/index.md
index 8762b3a..7168f19 100644
--- a/content/xperiences/index.md
+++ b/content/xperiences/index.md
@@ -19,7 +19,7 @@ template: "layouts/xperiences.html"
 <p>Dive into a suite of secure and integrated applications designed for the Hero identity, enhancing your connectivity, creativity, and control across the digital space.</p>
 
 <br>
-<button onclick="#">
+<button a href="#">
   Learn More
 </button>
 
diff --git a/templates/shortcodes/button.html b/templates/shortcodes/button.html
index 56519cd..ec5a9cf 100644
--- a/templates/shortcodes/button.html
+++ b/templates/shortcodes/button.html
@@ -1,5 +1,5 @@
 
 {% set path = body | split(pat="href=") | slice(start=1) | first | split(pat=">") | first | trim_start_matches(pat='"') | trim_end_matches(pat='"') %}
-<button onclick="window.location='{{path}}'" class="border-transparent flex flex-col border-2 w-full items-start rounded h-16 md:h-24 transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
+<button a href="{{path}}" class="border-transparent flex flex-col border-2 w-full items-start rounded h-16 md:h-24 transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
     {{ body | trim_start_matches(pat="<p>") | safe}}
 </button>
\ No newline at end of file