<div class="text-neutral-900 bg-primary">
<div class="container grid grid-cols-1 px-6 pt-8 pb-12 mx-auto md:grid-cols-3 sm:pt-12 lg:pb-20 xl:px-0">
{# Address #}
<div class="mb-4">
<div>
<div class="flex items-center">
<h3 class="text-lg font-medium text-white uppercase">
{{ pimcore_website_config('footer_contact_headline')|trans }}
</h3>
</div>
<div class="flex items-center mt-4 text-sm">
<p>
{{ pimcore_website_config('footer_contact_content')|trans|raw }}
</p>
</div>
</div>
</div>
{# Social #}
<div class="mb-4 md:mb-0 lg:space-y-8 sm:space-y-4">
<div class="flex items-center space-x-3">
<h3 class="text-lg font-medium text-white uppercase">
{{ pimcore_website_config('footer_social_headline')|trans }}
</h3>
</div>
<div class="flex items-center justify-start space-x-4 sm:space-x-8">
{% if pimcore_website_config('elfsight_footer') %}
<div class="{{ pimcore_website_config('elfsight_footer') }}"></div>
{% endif %}
</div>
</div>
<div>
<div>
<div class="flex items-center">
<h3 class="text-lg font-medium text-white uppercase">
{{ pimcore_website_config('footer_newsletter_headline')|trans }}
</h3>
</div>
<div class="mt-4">
<turbo-frame id="footer-newsletter"
src="{{ url('newsletter_frame_form') }}"></turbo-frame>
</div>
</div>
</div>
</div>
</div>
{# Mobile Bottombar Navigation #}
{% include 'layout/footer/bottombar.html.twig' %}