<div class="py-16 px-4 mx-auto max-w-7xl sm:px-6 lg:py-20 lg:px-8">
  <div class="lg:grid lg:grid-cols-3 lg:gap-8">
    <div class="space-y-4">
      <h2 class="text-3xl font-extrabold text-gray-900">
        Frequently asked questions
      </h2>
      <p class="text-lg text-gray-500">Need more help? Feel free to <a class="font-medium text-blue-600 hover:text-blue-500" href="/about/">reach out via email.</a></p>
    </div>
    <div class="mt-12 lg:col-span-2 lg:mt-0">
      <dl class="space-y-12">

        <div>
          <dt class="text-lg font-medium leading-6 text-gray-900">
            Can you provide me with a sample app to get a better understanding of the user experience?
          </dt>
          <dd class="mt-2 text-base text-gray-500">
            What you see is what you get! We built this site using SaaS Hammer to give you a firsthand look at what you can achieve with the product.
          </dd>
        </div>

        <div>
          <dt class="text-lg font-medium leading-6 text-gray-900">
            Where can I get the code?
          </dt>
          <dd class="mt-2 text-base text-gray-500">
            As soon as you purchase our product, you'll have immediate access to download the code.
          </dd>
        </div>

        <div>
          <dt class="text-lg font-medium leading-6 text-gray-900">
            Is the code fully customizable to suit my preferences and requirements?
          </dt>
          <dd class="mt-2 text-base text-gray-500">
            Absolutely! Our product provides you with the full source code, so you can customize it to meet your specific needs and preferences.
          </dd>
        </div>

        <div>
          <dt class="text-lg font-medium leading-6 text-gray-900">
            What kind of support do you offer?
          </dt>
          <dd class="mt-2 text-base text-gray-500">
            We offer support for implementation and integration questions.
          </dd>
        </div>

      </dl>
    </div>
  </div>
</div>