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

<html>
    <head />
    <body>
        <div class="mt-20 border-t border-gray-700"></div>
        <footer class="bg-transparent">
            <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6">
                <div class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
                    <div class="grid-cols-4 space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
                        <img class="w-36 h-auto" src="{{ get_url(path=logoPath)}}" alt="MYCELIUM Logo" />
                        <p class="text-gray-200 text-base font-light leading-6">
                            {{section.description}}
                        </p>
                        {# {% include "partials/socialLinks.html" %} #}
                    </div>

                    <div class="grid-cols-8 mt-6 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-6 mx-auto border-t border-gray-700 pt-8">
                    <p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
                        © <span id="year"></span> Mycelium - All rights reserved.
                        <a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-green">Terms &amp; Conditions |</a>
                        <a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-green">Privacy Policy</a>

                    </p>
                </div>
            </div>
        </footer>
    </body>
</html>
