diff --git a/content/hero/cta/index.md b/content/hero/cta/index.md
index 79fd5de..f5ef20e 100644
--- a/content/hero/cta/index.md
+++ b/content/hero/cta/index.md
@@ -22,7 +22,7 @@ id: cta
 
 <br>
 
-<a href onclick="hero.md"><h5>→ <u>Learn More about Hero</u></h5></a>
+##### [__→ Learn More about Hero__](#)
 
 
 
diff --git a/content/hero/index.md b/content/hero/index.md
index 6c1b8db..931cf2f 100644
--- a/content/hero/index.md
+++ b/content/hero/index.md
@@ -27,9 +27,9 @@ 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>
+</a></button>
 
 {% end %}
 
diff --git a/content/home/index.md b/content/home/index.md
index 9ec0395..163ed26 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</a></button>
 
 {% end %}
 
@@ -90,7 +88,7 @@ weight: 1
 
 <br>
 
-<a href onclick="/hero"><h5>→ <u>Learn More about Hero</u></h5></a>
+##### [__→ Learn More about Hero__](/hero)
 
 |||
 
@@ -127,9 +125,7 @@ weight: 1
 
 <br>
 
-<button onclick="/mycelium">
-  Learn More
-</button>
+<button> <a href="/mycelium">Learn More</a></button>
 
 {% end %}
 
@@ -172,7 +168,7 @@ weight: 1
 
 <br>
 
-<a href onclick="/nodes"><h5>→ <u>Learn More about Mycelium Nodes</u></h5></a>
+##### [__→Learn More about Mycelium Nodes__](/nodes)
 
 {% end %}
 
@@ -263,7 +259,7 @@ weight: 1
 
 <br>
 
-<a href onclick="/experiences"><h5>→ <u>Explore Hero Xperiences</u></h5></a>
+##### [__→ Explore Hero Xperiences__](/xperiences)
 
 {% end %}
 
diff --git a/content/mycelium/farmer/index.md b/content/mycelium/farmer/index.md
index 91463e0..f9091dc 100644
--- a/content/mycelium/farmer/index.md
+++ b/content/mycelium/farmer/index.md
@@ -25,7 +25,16 @@ id: farmer
 
 <br>
 
-<a href onclick="#"><h5>→ <u>Become a Mycelium Farmer</u></h5></a>
+
+
+<div class="border-t border-gray-200 dark:border-gray-700 ml-auto w-3/4"></div>
+
+<br>
+
+
+##### [__→ Become a Mycelium Farmer__](#)
+
+
 
 |||
 
diff --git a/content/mycelium/hero/index.md b/content/mycelium/hero/index.md
index 6ad215d..405ba88 100644
--- a/content/mycelium/hero/index.md
+++ b/content/mycelium/hero/index.md
@@ -21,8 +21,8 @@ id: hero
 
 <br>
 
-<button onclick="/nodes">
+<button a href="/nodes">
   Learn More
-</button>
+</a></button>
 
 {% end %}
\ No newline at end of file
diff --git a/content/mycelium/technologies/index.md b/content/mycelium/technologies/index.md
index 51c7546..2aa0a44 100644
--- a/content/mycelium/technologies/index.md
+++ b/content/mycelium/technologies/index.md
@@ -34,6 +34,6 @@ id: technologies
 
 <br>
 
-<a href onclick="hero.md"><h5>→ <u>Learn More About Our Technologies</u></h5></a>
+##### [__→ Learn More About Our Technologies__](/nodes)
 
 {% end %}
\ No newline at end of file
diff --git a/content/nodes/index.md b/content/nodes/index.md
index f8f718c..f4515e6 100644
--- a/content/nodes/index.md
+++ b/content/nodes/index.md
@@ -22,9 +22,9 @@ 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>
+</a></button>
 
 |||
 
@@ -113,7 +113,7 @@ template: "layouts/nodes.html"
 <div class="border-t border-gray-200 dark:border-gray-700 ml-auto"></div>
 <br>
 
-<a href onclick="hero.md"><h5>→ <u>Learn More about Hero</u></h5></a>
+##### [__→ Learn more about Mycelium Nodes__](#)
 
 |||
 
@@ -145,8 +145,7 @@ template: "layouts/nodes.html"
 
 <br>
 
-<a href onclick="hero.md"><h5>→ <u>Get a Node</u></h5></a>
-
+##### [__→ Get a Node__](#)
 
 
 {% end %}
diff --git a/content/xperiences/developers/index.md b/content/xperiences/developers/index.md
index 8100552..7b665b4 100644
--- a/content/xperiences/developers/index.md
+++ b/content/xperiences/developers/index.md
@@ -37,6 +37,6 @@ id: developers
 
 <br>
 
-<a href onclick="hero.md"><h5>→ <u>Build on Mycelium</u></h5></a>
+##### [__→ Build on Mycelium__](#)
 
 {% end %}
\ No newline at end of file
diff --git a/content/xperiences/index.md b/content/xperiences/index.md
index 8762b3a..95a880e 100644
--- a/content/xperiences/index.md
+++ b/content/xperiences/index.md
@@ -19,9 +19,9 @@ 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>
+</a></button>
 
 |||
 
diff --git a/templates/partials/apps.html b/templates/partials/apps.html
index a98ef15..aadd182 100644
--- a/templates/partials/apps.html
+++ b/templates/partials/apps.html
@@ -58,7 +58,7 @@
         </div>
         <div class="max-w-screen-xl px-4 py-6 mx-auto lg:pt-16 lg:px-6">
             <div class="max-w-screen-md mx-auto mb-8 text-center lg:mb-12">
-                <button>Explore Xperiences</button>
+                <button><a href="#">Explore Xperiences</a></button>
             </div>
         </div>       
     </div>
diff --git a/templates/partials/contact.html b/templates/partials/contact.html
index 3bd50ba..f475e02 100644
--- a/templates/partials/contact.html
+++ b/templates/partials/contact.html
@@ -1,12 +1,16 @@
 <!-- Start block -->
 <div class="grid max-w-screen-xl px-4 pt-4 pb-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12 lg:pt-28">
+    <div class="hidden lg:col-span-5 lg:flex">
+        <img src="images/hero2.png#mx-auto">
+    </div> 
     <div class="mr-auto place-self-center lg:col-span-7">
-        <h4>About Us</h4>
+        <h4><b>About Us</b></h4>
         <h2 class="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">Hero Labs</h1>
         <p class="max-w-2xl mb-6">Hero Labs provides a decentralized autonomous cloud technologies that allows anyone to become a cloud service provider.</p>
         <p class="max-w-2xl mb-8">We aims to create a cloud where people and organizations can buy, sell, and use cloud resources autonomously,enable individuals to earn by providing compute, network, and storage capacity​.</p>
         
-        <a href onclick="hero.md"><h5><u><b>Contact Hero Labs</b></u></h5></a>
+       <h5><u><b> <a href onclick="hero.md">Contact Hero Labs</a></u></h5>
+    
         
         
         <div class="space-y-4 sm:flex sm:space-y-0 sm:space-x-4 border-t border-gray-200 my-7 dark:border-gray-700">
@@ -39,10 +43,7 @@
                 </div>
             </div>
         </div>
-    </div>
-    <div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
-        <img src="images/hero2.png#mx-auto" alt="hero image">
-    </div>            
+    </div>           
 </div>
 <div class="border-t border-gray-200 dark:border-gray-700">
 </div>  
diff --git a/templates/partials/heroapps.html b/templates/partials/heroapps.html
index f8015bb..31fdbbf 100644
--- a/templates/partials/heroapps.html
+++ b/templates/partials/heroapps.html
@@ -90,7 +90,7 @@
             </ul>
             <div class="pt-6 mt-6 space-y-4 border-t border-gray-200 dark:border-gray-700">
                 <div>
-                    <a href onclick="hero.md"><h5>→ <u>See Xperiences</u></h5></a>
+                   <h5> <a href="/xperiences"><b>→ See Hero Xperiences</b></a></h5>
                 </div>
             </div>
         </div>
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