{% import 'common/macros/elements.html.twig' as elements %}
{% import 'common/macros/svg.html.twig' as svg %}
{% macro badge(title, text, img, code) %}
<div class="item">
<div class="icon" data-code="{{ code }}">{{ img }}</div>
{{ elements.heading(title, 3, 'title') }}
<p class="text">{{ text }}</p>
</div>
{% endmacro %}
{% import _self as _ %}
<section class="numbers section" id="numbers">
<div class="section-header center">
{{ elements.heading('home.numbers_title'|trans, 2, 'section-title') }}
</div>
<div class="list">
{{ _.badge("200M+", 'home.numbers_daily_visitors'|trans, svg.visitors, 'visitors') }}
{{ _.badge("2B+", 'home.numbers_ad_impressions'|trans, svg.impressions, 'impressions') }}
{{ _.badge("5TB", 'home.numbers_uploaded_content'|trans, svg.upload, 'upload') }}
{{ _.badge("500+", 'home.numbers_employees'|trans, svg.employees, 'employees') }}
{{ _.badge("7", 'home.numbers_offices'|trans, svg.offices, 'offices') }}
</div>
</section>