FAQ Accordion

<section class="py-5">
  <div class="container py-4" style="max-width:760px;">
    <h2 class="text-center fw-bold mb-5">Frequently Asked Questions</h2>
    <div class="accordion accordion-flush" id="faqAcc">
      <div class="accordion-item">
        <h2 class="accordion-header"><button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#q1">Is it free to use?</button></h2>
        <div id="q1" class="accordion-collapse collapse show" data-bs-parent="#faqAcc">
          <div class="accordion-body text-muted">Yes — every component is free to copy and use.</div>
        </div>
      </div>
      <div class="accordion-item">
        <h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#q2">Do I need to know code?</button></h2>
        <div id="q2" class="accordion-collapse collapse" data-bs-parent="#faqAcc">
          <div class="accordion-body text-muted">If you can copy & paste, you can use these.</div>
        </div>
      </div>
      <div class="accordion-item">
        <h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#q3">Can I use these commercially?</button></h2>
        <div id="q3" class="accordion-collapse collapse" data-bs-parent="#faqAcc">
          <div class="accordion-body text-muted">Absolutely — personal and commercial use are allowed.</div>
        </div>
      </div>
    </div>
  </div>
</section>