<section id="faq" class="py-24">
  <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
    <h2 class="text-3xl font-bold text-center mb-16">
      {{ sections.faq.title }}
    </h2>
    <div class="space-y-8">
      {%- for item in sections.faq.items %}
      <div class="bg-white p-6 rounded-lg shadow-lg">
        <h3 class="text-xl font-semibold mb-4">{{ item.question }}</h3>
        <p class="text-gray-600">{{ item.answer }}</p>
      </div>
      {%- endfor %}
    </div>
  </div>
</section>
