<section class="relative py-16 lg:py-32">
  <div class="container">
    <div class="grid gap-12 items-center">
      <div>
        <div class="max-w-3xl mx-auto text-center">
          <div>
            <h2 class="text-3xl/tight font-bold tracking-tight md:text-4xl/tight">Frequent Questions</h2>
            <p class="mt-4 text-lg/8 text-muted-foreground">
              Sed eu quam id quam tristique pharetra a at tortor veil dolarto.
              <br class="max-md:hidden" />
              Suspendisse lorem odio sit amet libero facilisis.
            </p>
          </div>
        </div>
      </div>
      <div>
        <div class="max-w-3xl mx-auto text-left">
          <div class="accordion w-full">
            <div class="accordion-item">
              <button class="accordion-trigger text-lg py-6 pt-0" type="button" data-sp-toggle="accordion" data-sp-target="#faq-1" aria-expanded="true" aria-controls="faq-1">How do I create an account?</button>
              <div id="faq-1" class="accordion-panel open"><div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</div></div>
            </div>
            <div class="accordion-item">
              <button class="accordion-trigger text-lg py-6" type="button" data-sp-toggle="accordion" data-sp-target="#faq-2" aria-expanded="false" aria-controls="faq-2">What payment methods do you accept?</button>
              <div id="faq-2" class="accordion-panel"><div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</div></div>
            </div>
            <div class="accordion-item">
              <button class="accordion-trigger text-lg py-6" type="button" data-sp-toggle="accordion" data-sp-target="#faq-3" aria-expanded="false" aria-controls="faq-3">Can I cancel my subscription at any time?</button>
              <div id="faq-3" class="accordion-panel"><div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</div></div>
            </div>
            <div class="accordion-item">
              <button class="accordion-trigger text-lg py-6" type="button" data-sp-toggle="accordion" data-sp-target="#faq-4" aria-expanded="false" aria-controls="faq-4">How do I reset my password?</button>
              <div id="faq-4" class="accordion-panel"><div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</div></div>
            </div>
            <div class="accordion-item">
              <button class="accordion-trigger text-lg py-6" type="button" data-sp-toggle="accordion" data-sp-target="#faq-5" aria-expanded="false" aria-controls="faq-5">Is there a free trial available?</button>
              <div id="faq-5" class="accordion-panel"><div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</div></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>