<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="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-8 md:mx-24">
    <div class="max-w-48">
      <div class="text-1xl font-bold">
        ## retainer
      </div>
      <div class="text-gray-800 dark:text-gray-200 mt-4">
        Time-based
      </div>
      <div class="text-gray-800 dark:text-gray-200 mt-4">
        Still figuring out your project scope?
      </div>
      <div class="text-gray-800 dark:text-gray-200 mt-4">
        Need an extra pair of hands on an existing project?
      </div>
      <div class="text-gray-800 dark:text-gray-200 mt-4">
        Then a retainer based engagement is for you.
      </div>
    </div>
    <div class="max-w-48">
      <div class="text-1xl font-bold">
        ## deliverable
      </div>
      <div class="text-gray-800 dark:text-gray-200 mt-4">
        Output-based
      </div>
      <div class="text-gray-800 dark:text-gray-200 mt-4">
        You know what you want and need help implementing it?
      </div>
      <div 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.
      </div>
      <div class="text-gray-800 dark:text-gray-200 mt-4">
        Once settled we'll begin the implementation phase and finally integration phase.
      </div>
    </div>
  </div>
</section>