<section id="pricing" class="py-12 px-2 flex flex-col gap-12">
  <header class="text-3xl"># pricing</header>
  <div class="text-gray-800 dark:text-gray-200 mt-4">
    Plutus development has traditionally meant long development schedules, and
    expensive ( &#36; 25k+/mo FTE) engineers. We can work with you at
    competitive rates in either deliverable or retainer based engagements.
  </div>
  <div class="flex flex-col justify-between gap-4 sm:flex-row sm:gap-8">
    <div class="flex-1">
      <div class="text-1xl font-bold">## retainer</div>
      <p class="text-gray-800 dark:text-gray-200 mt-4">Time-based</p>
      <p class="text-gray-800 dark:text-gray-200 mt-4">
        Still figuring out your project scope?
      </p>
      <p class="text-gray-800 dark:text-gray-200 mt-4">
        Need an extra pair of hands on an existing project?
      </p>
      <p class="text-gray-800 dark:text-gray-200 mt-4">
        Then a retainer based engagement is for you.
      </p>
    </div>
    <div class="flex-1">
      <div class="text-1xl font-bold">## deliverable</div>
      <p class="text-gray-800 dark:text-gray-200 mt-4">Output-based</p>
      <p class="text-gray-800 dark:text-gray-200 mt-4">
        You know what you want and need help implementing it?
      </p>
      <p class="text-gray-800 dark:text-gray-200 mt-4">
        We'll first produce a spec on how the dapp will operate technically.
        This involves discussing different options and trade-offs on things from
        UX to validator complexity.
      </p>
      <p class="text-gray-800 dark:text-gray-200 mt-4">
        Once settled we'll begin the implementation phase and finally
        integration phase.
      </p>
    </div>
  </div>
</section>
