{% if faqs is defined and faqs|length > 0 %}
<section class="faq-section py-5">
<div class="container">
<div class="row align-items-start">
<div class="col-lg-5 mb-4 mb-lg-0">
<span class="section-subtitle">{{ 'Entities.FAQ.Label'| trans }}</span>
<h2 class="section-title">Questions fréquentes</h2>
<p class="p-subtitle">
Tout ce que vous devez savoir avant de partir avec nvoyager.com.
</p>
</div>
<div class="col-lg-7">
<div class="accordion custom-accordion" id="faqAccordion">
{% for faq in faqs %}
<div class="accordion-item">
<h2 class="accordion-header" id="faqHead{{ loop.index }}">
<button class="accordion-button {% if not loop.first %}collapsed{% endif %}" type="button" data-bs-toggle="collapse" data-bs-target="#faq{{ loop.index }}" aria-expanded="{{ loop.first ? 'true' : 'false' }}">
{{ faq.question }}
</button>
</h2>
<div id="faq{{ loop.index }}" class="accordion-collapse collapse {% if loop.first %}show{% endif %}" data-bs-parent="#faqAccordion" style="">
<div class="accordion-body">
{{ faq.answer|raw }}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{% for faq in faqs %}
{
"@type": "Question",
"name":
{{ faq.question|json_encode|raw }},
"acceptedAnswer": {
"@type": "Answer",
"text":
{{ faq.answer|striptags|json_encode|raw }}
}
}
{% if not loop.last %},
{% endif %}
{% endfor %}
]
}
</script>
</section>
{% endif %}