<div class="bg-white py-6 sm:py-8 lg:py-12">
  <div class="mx-auto max-w-screen-xl px-4 md:px-8">
    <h2 class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-8 lg:text-3xl xl:mb-12">
      Pick your plan
    </h2>

    <div class="mb-6 grid gap-x-6 gap-y-12 sm:grid-cols-2 md:mb-8 lg:grid-cols-3 lg:gap-x-8">
      <!-- plan - start -->
      <div class="flex flex-col space-y-4">
        <div class="flex flex-col gap-4 rounded-lg border p-4 pt-6">
          <h3 class="text-center text-2xl font-semi