diff --git a/content/header/index.md b/content/header/index.md
index 2ec3b3f..f472dcb 100644
--- a/content/header/index.md
+++ b/content/header/index.md
@@ -7,6 +7,7 @@ extra:
 
 ---
 
-- [Powered by ThreeFold]("about")
+- [Powered by __ThreeFold__]("about")
+- [Docs]("https://threefold.info/aibox/docs/")
 
 
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 23fcc05..68fecb9 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -7,7 +7,7 @@
         <div class="mx-auto container flex z-50 justify-between items-center px-6 sm:px-4 md:px-6 py-4 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 ">
             <div>
                 <a href="{{get_url(path='/')}}" class="flex">
-                    <img class="w-36 h-auto" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="ThreeFold Logo" />
+                    <img class="w-36 h-auto" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="AIBOX Logo" />
                 </a>
             </div>
             <div class="-mr-2 -my-2 lg:hidden">
@@ -57,10 +57,13 @@
                         <div class="-rotate-90 transition-transform transform origin-center duration-200 ease-out"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
                     </button>
                     </div>
-
                 {% endif %}  
             {% endif %}
             {% endfor %}
+            <a href="https://threefold.info/aibox/docs/" 
+                class="text-lg py-3 leading-6 font-normal text-pretty tracking-wide text-black focus:outline-none focus:text-gray-200 transition ease-in-out duration-150" target="_blank">
+                Docs
+                </a>
             </nav>
 
             <div class="hidden md:inline-block md:order-last">
@@ -196,8 +199,12 @@
                           {% include "partials/socialLinks.html" %}
                       </div> #}
 
-                      <div class="rounded-full border-2 my-4 border-gray-400 py-2 mx-4">
-                        <a href="/signup" target="_blank" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-white shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Participate in Web4</a>
+                      <div class="rounded-xl border-2 my-4 border-gray-400 py-2 mx-4">
+                        <a href="/signup" target="_blank" class="mt-2 rounded-md px-4 py-2.5 text-lg font-semibold text-white shadow-sm hover:text-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Pre-Order Now</a><br>
+                        <a href="https://threefold.info/aibox/docs/" 
+                        class="text-lg  px-3 py-6 leading-6 font-normal text-white hover:text-gray-200 focus:outline-none focus:text-gray-50 transition ease-in-out duration-150" target="_blank">
+                        Docs
+                        </a>
                       </div>
                     </nav>                    
                 </div>