diff --git a/content/header/_index.md b/content/header/_index.md
index b8032ce..7833fae 100644
--- a/content/header/_index.md
+++ b/content/header/_index.md
@@ -9,6 +9,8 @@ extra:
 ---
 
 - [Home]("/home")
+- [Home]("/home")
+- [Contact]("/contact")
 
 
 
diff --git a/templates/layouts/contact.html b/templates/layouts/contact.html
index 773813b..716cf7a 100644
--- a/templates/layouts/contact.html
+++ b/templates/layouts/contact.html
@@ -8,6 +8,8 @@
 
 {% include "partials/contact.html" %}
 
+{% include "partials/social.html" %}
+
 {% include "partials/faq.html" %}
 
 {% endblock content %}
diff --git a/templates/partials/contact.html b/templates/partials/contact.html
index adbf628..2a82f9f 100644
--- a/templates/partials/contact.html
+++ b/templates/partials/contact.html
@@ -5,46 +5,9 @@
     </div> 
     <div class="mr-auto place-self-center lg:col-span-7">
         <h4><b>About Us</b></h4>
-        <h2 class="mb-4 text-4xl font-extrabold tracking-tight   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>
+        <h2 class="mb-4 text-4xl font-extrabold tracking-tight   dark:text-white">Mycelium Project</h1>
+        <p class="max-w-2xl mb-6">Mycelium Project 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>
-        
-       <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">
-            <div class="pt-8">
-                <div class="mb-2 text-center">
-                    <img src="/images/manual.svg#3col"/>
-                    <a href="#"><h5 class="font-semibold dark:text-white"><u>Manual</u></h5></a>
-                    <h6 class="text-gray-500 dark:text-gray-400">Read the Manual</h6>
-                </div>
-            </div>
-            <div class="pt-8">
-                <div class="mb-2 text-center">
-                    <img src="/images/Support.svg#3col"/>
-                    <a href="#"><h5 class="font-semibold  dark:text-white"><u>Support</u></h5></a>
-                    <h6 class="text-gray-500 dark:text-gray-400">Talk to an Expert</h6>
-                </div>
-            </div>
-            <div class="pt-8">
-                <div class="mb-2 text-center">
-                    <img src="/images/forum.svg#3col"/>
-                    <a href="#"><h5 class=" font-semibold dark:text-white"><u>Forum</u></h5></a>
-                    <h6 class="text-gray-500 dark:text-gray-400">Join the Conversation</h6>
-                </div>
-            </div>
-            <div class="pt-8">
-                <div class="mb-2 text-center">
-                    <img src="/images/Telegram.svg#3col"/>
-                    <a href="#"><h5 class="font-semibold  dark:text-white"><u>Telegram</u></h5></a>
-                    <h6 class="text-gray-500 dark:text-gray-400">Meet the Community</h6>
-                </div>
-            </div>
-        </div>
     </div>           
 </div>
-<div class="border-t border-gray-200 dark:border-gray-700">
-</div>  
 <!-- End block -->
diff --git a/templates/partials/cta.html b/templates/partials/cta.html
index c9e8b9c..b353be0 100644
--- a/templates/partials/cta.html
+++ b/templates/partials/cta.html
@@ -13,7 +13,7 @@
   ```
 -->
 <div class="py-12 lg:py-24">
-  <div class="mx-auto grid max-w-7xl grid-cols-1 gap-10 px-6 lg:grid-cols-12 lg:gap-8 lg:px-8 lg:mb-12">
+  <div class="mx-auto grid max-w-7xl grid-cols-1 gap-10 px-6 lg:grid-cols-12 lg:gap-8 lg:px-8 lg:mb-4">
     <div class="max-w-xl text-3xl font-bold tracking-tight text-white sm:text-4xl lg:col-span-7">
       <h2 class="inline sm:block lg:inline xl:block">Want product news and updates?</h2><br>
       <p class="inline sm:block lg:inline xl:block">Sign up for our newsletter.</p>
diff --git a/templates/partials/faq.html b/templates/partials/faq.html
index aed5859..28e7490 100644
--- a/templates/partials/faq.html
+++ b/templates/partials/faq.html
@@ -2,7 +2,7 @@
 <!-- Start block -->
 
     <div class="max-w-screen-xl px-8 py-12 mx-auto lg:pb-16">
-        <h2 class="mb-4 text-3xl font-bold tracking-tight   lg:mb-8 lg:text-3xl dark:text-white">Frequently Asked Questions</h2>
+        <h2 class="mb-4 text-3xl font-bold tracking-tight lg:text-center lg:mb-8 lg:text-3xl dark:text-white">Frequently Asked Questions</h2>
         <div class="grid divide-y divide-neutral-200 max-w-3xl mx-auto mt-8 shadow">
             <div class="py-5">
                 <details class="group px-4 py-4">
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index 3c7d052..b5712ee 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -6,9 +6,9 @@
 {%- set section = get_section(path="footer/_index.md") %}
 {%- set logoPath = section.extra.logoPath %}
 
-        <div class="border-t border-gray-200"></div>
+        <div class="border-t border-gray-600"></div>
         <footer>
-          <div class="max-w-screen-2xl mx-auto sm:py-8 sm:px-6 lg:py-8 lg:px-8">
+          <div class="max-w-screen-2xl mx-auto lg:py-8 sm:px-6 lg:px-8">
             <div class="xl:flex xl:gap-4 items-center">
               <div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
                 <img class="w-40 h-auto sm:w-15 mx-auto" src="{{ get_url(path=logoPath)}}" alt="Hero Logo" />
@@ -18,12 +18,12 @@
                 {% include "partials/socialLinks.html" %}
             </div>
 
-            <div class="mt-3 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
+            <div class="mt-2 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
                 {{ section.content | safe }}
             </div>
               
               </div>
-              <div  class="mt-12 mx-auto border-t border-gray-200 pt-8 pb-8">
+              <div  class="mt-8 mx-auto border-t border-gray-200 pt-8 pb-4">
                 <p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
                 © 2024 Mycelium Project, All rights reserved.
                 <a target="_blank" href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" class="leading-6 text-gray-500 hover:text-gray-900">Terms &amp; Conditions |
diff --git a/templates/partials/social.html b/templates/partials/social.html
new file mode 100644
index 0000000..35a4f05
--- /dev/null
+++ b/templates/partials/social.html
@@ -0,0 +1,67 @@
+<div class="py-12 sm:py-16">
+    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+      <div class="mx-auto max-w-2xl space-y-16 divide-y divide-gray-100 lg:mx-0 lg:max-w-none">
+        <div class="grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-2">
+          <div>
+            <h2 class="text-white">Get in touch</h2>
+            <p class="mt-4 leading-7 text-gray-100">Quam nunc nunc eu sed. Sed rhoncus quis ultricies ac pellentesque.</p>
+          </div>
+          <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:col-span-2 lg:gap-8">
+            <div class="rounded-2xl bg-white px-8 py-4">
+              <h3 class="text-base font-semibold leading-7 text-gray-900">Collaborate</h3>
+              <dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
+                <div>
+                  <dt class="sr-only text-gray-900">Email</dt>
+                  <dd><a class="font-semibold text-indigo-600" href="mailto:collaborate@example.com">collaborate@example.com</a></dd>
+                </div>
+                <div class="mt-1">
+                  <dt class="sr-only">Phone number</dt>
+                  <dd>+1 (555) 905-2345</dd>
+                </div>
+              </dl>
+            </div>
+            <div class="rounded-2xl bg-gray-50 px-8 py-8">
+              <h3 class="text-base font-semibold leading-7 text-gray-900">Press</h3>
+              <dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
+                <div>
+                  <dt class="sr-only">Email</dt>
+                  <dd><a class="font-semibold text-indigo-600" href="mailto:press@example.com">press@example.com</a></dd>
+                </div>
+                <div class="mt-1">
+                  <dt class="sr-only">Phone number</dt>
+                  <dd>+1 (555) 905-3456</dd>
+                </div>
+              </dl>
+            </div>
+            <div class="rounded-2xl bg-gray-50 px-8 py-8">
+              <h3 class="text-base font-semibold leading-7 text-gray-900"">Join our team</h3>
+              <dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
+                <div>
+                  <dt class="sr-only">Email</dt>
+                  <dd><a class="font-semibold text-indigo-600" href="mailto:careers@example.com">careers@example.com</a></dd>
+                </div>
+                <div class="mt-1">
+                  <dt class="sr-only">Phone number</dt>
+                  <dd>+1 (555) 905-4567</dd>
+                </div>
+              </dl>
+            </div>
+            <div class="rounded-2xl bg-gray-50 px-8 py-8">
+              <h3 class="text-base font-semibold leading-7 text-gray-900">Say hello</h3>
+              <dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
+                <div>
+                  <dt class="sr-only">Email</dt>
+                  <dd><a class="font-semibold text-indigo-600" href="mailto:hello@example.com">hello@example.com</a></dd>
+                </div>
+                <div class="mt-1">
+                  <dt class="sr-only">Phone number</dt>
+                  <dd>+1 (555) 905-5678</dd>
+                </div>
+              </dl>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
\ No newline at end of file
diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html
index 3a4693a..3ee7303 100644
--- a/templates/shortcodes/row.html
+++ b/templates/shortcodes/row.html
@@ -68,7 +68,7 @@ Parameters:
  
 <!-- Padding -->
 
-{% set padding_class = " py-8 md:py-8 lg:py-24" %}
+{% set padding_class = " py-4 md:py-4 lg:py-24" %}
 
 {% if padding %}
     {% if "none" in padding %}
@@ -78,7 +78,7 @@ Parameters:
     {% elif "bottom" in padding %}
         {% set padding_class = " py-2 md:py-4 lg:pb-12" %}
     {% elif "both" in padding %}
-        {% set padding_class = " py-4 md:py-8 lg:py-16" %}
+        {% set padding_class = " py-4 md:py-4 lg:py-16" %}
     {% endif %}
     {% if "hero" in padding %}
         {% set padding_class = " py-4 md:py-4 lg:py-12" %}