templates/shared/ui/footer/footer.html.twig line 1

Open in your IDE?
  1. <div class="py-[16px] px-[30px] md:py-[48px] md:px-[80px] mx-auto mt-[80px] w-full "
  2. style="{{ inlineStyles(app.request.get('companyInner'), constant('App\\Constants\\SettingConstants::BODY_STYLES')) }}">
  3.     <div class="flex flex-col md:flex-row gap-[16px] items-center justify-between relative">
  4.         <div class="flex flex-col gap-[16px] items-center md:items-start">
  5.             <div class="*:max-w-[91px] *:max-h-[43px]">
  6.                 <a href="/">
  7.                     {% if companyStyles.mainImage is not empty %}
  8.                         {{ sonata_media(companyStyles.mainImage, 'reference') }}
  9.                     {% endif %}
  10.                 </a>
  11.             </div>
  12.             <p class="text-[16px] font-medium text-[#fff] leading-tight">
  13.                 Краще місце для купівлі e-Sim!
  14.             </p>
  15.         </div>
  16.         <div class="flex flex-col mt-[32px] md:mt-0 md:flex-row gap-[16px] justify-between items-center">
  17.             <a href="{{ path('how_it_works') }}" class="font-medium text-[16px] text-[#fff] text-center block hover:underline">{% trans from 'main' %}Як працює eSIM?{% endtrans %}</a>
  18.             <a href="{{ path('how_it_works') }}" class="font-medium text-[16px] text-[#fff] text-center block hover:underline">{% trans from 'main' %}Інструкція підключення{% endtrans %}</a>
  19.             {% if faqs is defined and faqs is not empty %}
  20.                 <a href="#" data-modal="#modal_faq" class="js--modal font-medium text-[16px] text-[#fff] text-center block hover:underline">{% trans from 'main' %}Питання та відповіді{% endtrans %}</a>
  21.             {% endif %}
  22.             <a href="{% if is_granted('ROLE_FRONT_USER') %}{{ path('profile_page') }}{% else %}{{ path('login_locale') }}{% endif %}" class="font-medium text-[16px] text-[#fff] text-center block hover:underline">{% trans from 'main' %}Історія Ваших покупок eSIM{% endtrans %}</a>
  23.             <a href="#" class="js--scrollToTop text-[16px] text-[#fff] text-center block absolute top-0 right-0 md:relative">
  24.                 <svg class="w-[48px] min-w-[48px] h-[48px] p-[12px] transform rotate-90 rounded-[50%]" style="background-color: {{ companyStyles.buttonColor }}; fill: {{ companyStyles.textButtonColor }}">
  25.                     <use href="{{ asset('build/sprite.svg#arr_white') }}"></use>
  26.                 </svg>
  27.             </a>
  29.         </div>
  30. {#        <a href="#" class="font-medium text-[#C6252A] text-[16px] text-center block hover:underline">#}
  31. {#            {% include '@App/shared/ui/button/button.html.twig' with {#}
  32. {#                text: 'Для партнерів'|trans({}, 'main'),#}
  33. {#            } %}#}
  34. {#        </a>#}
  35.     </div>
  36.     <hr class="border-[#909299] my-[24px]">
  37.     <div class="flex flex-col items-center md:flex-row gap-[16px] justify-between">
  38.         <div class="flex flex-col md:flex-row gap-[12px] items-center">
  39.             <div class="flex gap-[16px]">
  40.                 {% if companyObj.footerPhone is not empty %}
  41.                     <svg class="w-[24px] min-w-[24px] h-[24px]">
  42.                         <use href="{{ asset('build/sprite.svg#footerPhone') }}"></use>
  43.                     </svg>
  44.                     <a href="tel:{{ companyObj.footerPhone }}" class="font-medium text-[16px] text-[#fff] text-center block hover:underline">{{ companyObj.footerPhone }}</a>
  45.                 {% endif %}
  46.             </div>
  47.             <div class="flex gap-[16px]">
  48.                 {% if companyObj.footerEmail is not empty %}
  49.                     <svg class="w-[24px] min-w-[24px] h-[24px]">
  50.                         <use href="{{ asset('build/sprite.svg#footerMail') }}"></use>
  51.                     </svg>
  52.                     <a href="mailto:{{ companyObj.footerEmail }}" class="font-medium text-[16px] text-[#fff] text-center block hover:underline">{{ companyObj.footerEmail }}</a>
  53.                 {% endif %}
  54.             </div>
  55.         </div>
  56.     </div>
  57.     <hr class="border-[#909299] my-[24px]">
  58.     <div class="flex flex-col items-center md:flex-row gap-[16px] justify-between">
  59.         <div class="flex flex-row flex-wrap gap-[8px] items-center justify-center">
  60.             <a data-modal="#modal_offert" class="js--modal text-[15px] text-[#fff] font-light underline hover:no-underline cursor-pointer">{% trans from 'register' %}Публічна оферта{% endtrans %}</a>
  61.             {% set footerPages = companyObj.pages|default([])|filter(page => page.active and 'footer' in page.displayLocations)|merge([]) %}
  62.             {% set footerPagesCount = footerPages|length %}
  63.             {% if footerPagesCount > 0 %}
  64.                 <span class="text-[15px] text-[#fff] font-light">|</span>
  65.                 {% for page in footerPages %}
  66.                     <a href="{{ path('custom_page_show', {slug: page.slug}) }}" class="text-[15px] text-[#fff] font-light underline hover:no-underline cursor-pointer">{{ page.title }}</a>
  67.                     {% if loop.index < footerPagesCount %}
  68.                         <span class="text-[15px] text-[#fff] font-light">|</span>
  69.                     {% endif %}
  70.                 {% endfor %}
  71.             {% endif %}
  72.         </div>
  73.         <p class="text-[#A0A4AE] text-[15px] font-light text-center md:text-left">
  74.             {% trans from 'register' %}Copyright © 2025 eSim.in.ua | Усі права захищено{% endtrans %}
  75.         </p>
  76.     </div>
  77. </div>
  78. {% include '@App/shared/ui/modal/modalOffert.html.twig' with {
  79.     companyInner: app.request.get('companyInner')
  80. } %}