CTA 10

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="max-w-screen-xl mx-auto text-center">
    <div class="bg-gray-200 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-5">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
      </svg>
    </div>
    <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">Buy our awesome product now</h2>
    <p class="text-xl  text-gray-600 mt-4 max-w-3xl mx-auto">World among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath</p>
    <div class="max-w-xl mx-auto mt-6 lg:mt-10 mb-4">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal.svg"alt="image placeholder" class="rounded-lg">
    </div>
    <div class="flex flex-row space-x-2 justify-center">
      <a href="#" class="inline-block bg-gray-500 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Order now</a>
      <a href="#" class="inline-block bg-transparent font-semibold rounded-lg py-4 px-5 lg:px-8 text-gray-600 mt-6">View demo</a>
    </div>
  </div>
</div>