<div class="lg:mb-12 sm:mb-24">
  <div class="mx-auto max-w-7xl lg:py-4 sm:px-6 sm:py-12 lg:px-8">
    <div class="relative isolate overflow-hidden  px-6 lg:py-12 py-8 text-center shadow-2xl rounded-3xl sm:px-8">
      <img src="images/mesh2.gif" blend-mode="multiply" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover">
      <h2 class="mx-auto max-w-2xl lg:text-3xl leading-8 tracking-tight text-white text-xl lg:py-4 m-2 py-2">Transformative Solutions for Diverse Needs</h2>
        <p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">Explore how TF9 can revolutionize your operations across various domains. </p><br>
       <p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">Whether optimizing computational efficiency, enhancing data security, or improving network performance,</p><br>
        <p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl  leading-8 text-gray-100">TF9 adapts seamlessly to your specific requirements, driving innovation and efficiency in any sector. </p><br><br>
        <a href="/usecases" class="rounded-xl mt-6 text-sm bg-indigo-400 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Use Cases</a>
    </div>
  </div>
</div>
