<!--
  Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
  Read the documentation to get started: https://tailwindui.com/documentation
-->

{%- set section = get_section(path="footer/_index.md") %}
{%- set logoPath = section.extra.logoPath %}

        <div class="border-t border-gray-600"></div>
        <footer>
          <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" />
                <p class="text-gray-500 text-base leading-6 ">
                  {{section.description}}
                </p>
                {% include "partials/socialLinks.html" %}
            </div>

            <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-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 |
                </a><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
                </a><a href="/tfLabs" class="leading-6 text-gray-500 hover:text-indigo-400">ThreeFold Labs IT</a></p>
              </div>
    
            </div>
            
          </div>


          
        </footer>
      </div>

        