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

Open in your IDE?
  1. {#{{ dump(block) }}#}
  2. {#<img src="{{ sonata_path(block['add_feature'][0][0]['add_feature_block_image'], 'reference') }}"/>#}
  5. <figure class="my-[80px] md:my-[160px] md:h-[416px] md:min-h-[416px] w-full">
  8.     {% if block.title is not empty %}
  9.         <h2 class="text-[32px] md:text-[48px] text-[#1B2028] font-medium text-left leading-[1.2]">{{ block.title|raw }}</h2>
  10.     {% endif %}
  11.     {% if block.description is not empty %}
  12.         <p class="text-[18px] md:text-[24px] text-[#5B5B5B] font-medium text-left mb-[56px]">{{ block.description|raw }}</p>
  13.     {% endif %}
  16.     <div class="flex flex-col md:flex-row gap-[16px] items-center justify-between">
  17.         {% if block.add_feature is not empty %}
  18.             {% for feature_group in block.add_feature %}
  19.                 {% for feature in feature_group %}
  20.                     <div class="flex flex-col gap-[32px] items-center max-w-[348px]">
  21.                         <div class="w-[100px] h-[100px] max-w-[100px] border-[#F1F1F7] border-[10px] rounded-[50%] p-[16px] relative" style="background-color: {{ companyStyles.buttonColor }}">
  22.                             <img class="mx-auto" src="{{ sonata_path(feature.add_feature_block_image, 'reference') }}" alt="{{ feature.add_feature_block_name }}">
  24.                             {% if loop.parent.loop.index0 == 1 %}
  25.                                 <svg class="hidden lg:block absolute top-[-77px] max-w-[300px] right-[105px] w-[calc(100vw/4.7)]" style="stroke: {{ companyStyles.buttonColor }}; stroke-width: 2">
  26.                                     <use href="{{ asset('build/sprite.svg#features_after_1') }}"></use>
  27.                                 </svg>
  28.                                 <svg class="hidden lg:block absolute bottom-[-77px] max-w-[300px] left-[110px] w-[calc(100vw/4.7)]" style="stroke: {{ companyStyles.buttonColor }}; stroke-width: 2">
  29.                                     <use href="{{ asset('build/sprite.svg#features_after_2') }}"></use>
  30.                                 </svg>
  31.                             {% endif %}
  32.                             {% if loop.parent.loop.index0 == 2 %}
  33.                                 <svg class="hidden lg:block w-[80px] h-[80px] absolute top-[-67px] right-[-50px]" style="stroke: {{ companyStyles.buttonColor }}; stroke-width: 2">
  34.                                     <use href="{{ asset('build/sprite.svg#features_after_3') }}"></use>
  35.                                 </svg>
  36.                             {% endif %}
  37.                         </div>
  38.                         <div class="flex flex-col gap-[16px] text-center">
  39.                             <h3 class="text-[#1B2028] font-semibold text-[24px]">{{ feature.add_feature_block_name }}</h3>
  40.                             <p class="text-[#5B5B5B] font-medium text-[16px]">{{ feature.add_feature_block_desc }}</p>
  41.                         </div>
  43.                     </div>
  44.                 {% endfor %}
  45.             {% endfor %}
  46.         {% endif %}
  47.     </div>
  48. </figure>