templates/components/sir-trevor/features/features.html.twig line 1

Open in your IDE?
  1. {# <img src="{{ sonata_path(block['add_feature'][0][0]['add_feature_block_image'], 'reference') }}"/> #}
  2. {# {% include '@App/shared/ui/backButton/backButton.html.twig' %} #}
  3. {# <button data-modal="#modal_faq" class="js--modal hover:underline transition ease-in-out duration-150 w-full block text-center p-[12px] h-[48px] bg-transparent border rounded-[10px] border-none font-semibold text-[16px] mt-[25px] focus:outline-none" style="color: {{ companyStyles.linkTextColor }}">{% trans from 'tarif_choice' %}Поширені питаня та відповіді{% endtrans %}</button> #}
  5. <figure class="my-[80px] md:my-[160px] mb-[32px] px-[16px] md:px-[48px] py-[16px] md:py-[72px] md:min-h-[266px] rounded-[16px] w-full  bg-[#5B5B5B] relative">
  6.     {% if block.title is not empty %}
  7.         <p class="text-[24px] md:text-[32px] text-[#fff] font-medium text-left mb-[16px] leading-[1.2] md:max-w-[50%]">{{ block.title }}</p>
  8.     {% endif %}
  10.     {% if block.description is not empty %}
  11.         <h2 class="text-[18px] md:text-[24px] text-[#C9CBD2] font-medium text-left mb-[50px] md:mb-[32px] max-w-[70%] md:max-w-[50%] ">{{ block.description }}</h2>
  12.     {% endif %}
  13.     {% if block.image_id is not empty %}
  14.         <img class="absolute bottom-0 right-0 max-w-[45%]" src="{{ sonata_path(block['image_id'], 'reference') }}"
  15.              alt="">
  16.     {% endif %}
  18. </figure>
  21. <figure class="mb-[80px] md:mb-[160px] w-full">
  22.     <div class="flex flex-col md:flex-row gap-[16px] md:gap-[24px] items-center justify-between">
  23.         {% if block.add_feature is not empty %}
  24.             {% for feature_group in block.add_feature %}
  25.                 {% for feature in feature_group %}
  28.                     {% if loop.parent.loop.index0 == 1 %}
  29.                         <div class="py-[20px] px-[24px] items-center w-full rounded-[16px]" style="background-color: {{ companyStyles.buttonColor }}">
  31.                             <div class="flex flex-col gap-[16px]">
  32.                                 <div class="flex flex-row items-center justify-between">
  33.                                     <h3 class="text-[#1B2028] font-semibold text-[24px]" style="color: {{ companyStyles.textButtonColor }}">{{ feature.add_feature_block_name|raw }}</h3>
  35.                                     <div class="w-[56px] h-[56px] max-w-[56px] rounded-[50%] p-[13px] relative"
  36.                                          style="background-color: {{ companyStyles.textButtonColor }}">
  37.                                         <img class="mx-auto"
  38.                                              src="{{ sonata_path(feature.add_feature_block_image, 'reference') }}"
  39.                                              alt="{{ feature.add_feature_block_name }}">
  40.                                     </div>
  41.                                 </div>
  42.                                 <p class="text-[#5B5B5B] font-medium text-[16px]" style="color: {{ companyStyles.textButtonColor }}">{{ feature.add_feature_block_desc|raw }}</p>
  43.                             </div>
  44.                         </div>
  46.                     {% else %}
  48.                         <div class="py-[20px] px-[24px] items-center w-full rounded-[16px] border border-[#E2E2E9] bg-[#F7F7FA]">
  49.                             <div class="flex flex-col gap-[16px]">
  50.                                 <div class="flex flex-row items-center justify-between">
  51.                                     <h3 class="text-[#1B2028] font-semibold text-[24px]">{{ feature.add_feature_block_name|raw }}</h3>
  53.                                     <div class="w-[56px] h-[56px] max-w-[56px] rounded-[50%] p-[13px] relative"
  54.                                          style="background-color: {{ companyStyles.buttonColor }}">
  55.                                         <img class="mx-auto"
  56.                                              src="{{ sonata_path(feature.add_feature_block_image, 'reference') }}"
  57.                                              alt="{{ feature.add_feature_block_name }}">
  58.                                     </div>
  59.                                 </div>
  60.                                 <p class="text-[#5B5B5B] font-medium text-[16px]">{{ feature.add_feature_block_desc|raw }}</p>
  61.                             </div>
  62.                         </div>
  64.                     {% endif %}
  66.                     {#                            {% if loop.parent.loop.index0 == 2 %} #}
  67.                     {#                                <svg class="w-[80px] h-[80px] absolute top-[-67px] right-[-50px]" style="stroke: {{ companyStyles.buttonColor }}; stroke-width: 2"> #}
  68.                     {#                                    <use href="{{ asset('build/sprite.svg#features_after_3') }}"></use> #}
  69.                     {#                                </svg> #}
  70.                     {#                            {% endif %} #}
  72.                 {% endfor %}
  73.             {% endfor %}
  74.         {% endif %}
  75.     </div>
  76. </figure>