{% macro goalCard(title, content, id) %}
<div class="goal-card" id="{{ id }}">
<div class="title">{{ title }}</div>
<div class="ui divider"></div>
<div class="points">
{% for item in content %}
<div class="point">
<div class="circle">
<div class="material-symbols-outlined text-topaz-950">done</div>
</div>
<div class="text-white">{{ item }}</div>
</div>
{% endfor %}
</div>
</div>
{% endmacro %}
{% set goals = [
{
'title': 'app.ui.tech_advisory.your_goals.finding_suppliers'|trans,
'id': 'suppliers',
'points': [
'app.ui.tech_advisory.your_goals.comprehensive_research'|trans,
'app.ui.tech_advisory.your_goals.anonymous_contacting'|trans,
'app.ui.tech_advisory.your_goals.consolidation_of_research'|trans,
'app.ui.tech_advisory.your_goals.cto_quality_check'|trans
],
},
{
'title': 'app.ui.tech_advisory.your_goals.finding_products'|trans,
'id': 'finding_products',
'points': [
'app.ui.tech_advisory.your_goals.comprehensive_research'|trans,
'app.ui.tech_advisory.your_goals.anonymous_contacting'|trans,
'app.ui.tech_advisory.your_goals.consolidation_of_research'|trans,
'app.ui.tech_advisory.your_goals.cto_quality_check'|trans
],
},
{
'title': 'app.ui.tech_advisory.your_goals.search_for_partners'|trans,
'id': 'partners',
'points': [
'app.ui.tech_advisory.your_goals.selection_and_pre_qualification'|trans,
'app.ui.tech_advisory.your_goals.in_depth_requirement'|trans,
'app.ui.tech_advisory.your_goals.introductions_and_follow'|trans,
'app.ui.tech_advisory.your_goals.consolidation_of_research'|trans
],
},
{
'title': 'app.ui.tech_advisory.your_goals.strategic_advice'|trans,
'id': 'strategic_advice',
'points': [
'app.ui.tech_advisory.your_goals.in_depth_conversations'|trans,
'app.ui.tech_advisory.your_goals.we_will_only_accept'|trans,
'app.ui.tech_advisory.your_goals.consolidation_of_research'|trans
],
}
] %}
<h2 class="text-4xl text-center font-bold your-goals-header">{{ 'app.ui.tech_advisory.your_goals.let_us_help_you'|trans }}</h2>
<div class="your-goals">
{% for goal in goals %}
{{ _self.goalCard(goal.title, goal.points, goal.id) }}
{% endfor %}
</div>