www_mycelium/templates/partials/benefits.html

<div class="lg:py-12 py-16 lg:px-12">
  <div class="mx-auto max-w-7xl px-6 lg:px-8 py-4 lg:py-12">
    <div class="mx-auto max-w-2xl lg:text-center">
      <h2 class=" text-center">Why Choose TF9?</h2>
      <p class="mt-4 text-center"> TF9 offers numerous advantages over traditional cloud infrastructures.</p>
    </div>
    <div class="mx-auto mt-2 max-w-2xl mt-6 lg:mt-12 lg:max-w-none">
      <dl class="grid max-w-xl grid-cols-1 gap-x-10 gap-y- lg:max-w-none lg:grid-cols-3 lg:gap-x-16 lg:gap-y-24 lg:mx-16">
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3 text-lg font-semibold leading-7 text-white">
            <svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M5.5 17a4.5 4.5 0 01-1.44-8.765 4.5 4.5 0 018.302-3.046 3.5 3.5 0 014.504 4.272A4 4 0 0115 17H5.5zm3.75-2.75a.75.75 0 001.5 0V9.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.1 0l-3.25 3.5a.75.75 0 101.1 1.02l1.95-2.1v4.59z" clip-rule="evenodd" />
            </svg>
            Improved Performance
          </dt>
          <dd class="mt-1 flex flex-auto flex-col">
            <p class="flex-auto text-base">Enhance operational efficiency by achieving faster response times and minimizing latency.</p>
          </dd>
        </div>
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3  text-lg font-semibold leading-7 text-white ">
            <svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z" clip-rule="evenodd" />
            </svg>
            Enhanced Security
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7  ">
            <p class="flex-auto   text-base">Encrypted, compressed, fragmented, and distributed data enhances security, efficiency, and resilience across interconnected nodes.</p>
          </dd>
        </div>
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3  text-lg font-semibold leading-7 text-white ">
            <svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M3 2.25a.75.75 0 0 1 .75.75v.54l1.838-.46a9.75 9.75 0 0 1 6.725.738l.108.054A8.25 8.25 0 0 0 18 4.524l3.11-.732a.75.75 0 0 1 .917.81 47.784 47.784 0 0 0 .005 10.337.75.75 0 0 1-.574.812l-3.114.733a9.75 9.75 0 0 1-6.594-.77l-.108-.054a8.25 8.25 0 0 0-5.69-.625l-2.202.55V21a.75.75 0 0 1-1.5 0V3A.75.75 0 0 1 3 2.25Z" clip-rule="evenodd" />
            </svg>
            Data Sovereignty
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7">
            <p class="flex-auto   text-base">Empowering nations, businesses, and individuals with deliberate design, granting control and ownership over their data.</p>
          </dd>
        </div>
      </dl>
      <dl class="grid max-w-xl grid-cols-1 gap-x-10 gap-y- lg:max-w-none lg:grid-cols-3 lg:gap-x-16 lg:gap-y-24 lg:mx-16">
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3  text-lg font-semibold leading-7 text-white ">
            <svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M15.75 8.25a.75.75 0 0 1 .75.75c0 1.12-.492 2.126-1.27 2.812a.75.75 0 1 1-.992-1.124A2.243 2.243 0 0 0 15 9a.75.75 0 0 1 .75-.75Z" />
  <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM4.575 15.6a8.25 8.25 0 0 0 9.348 4.425 1.966 1.966 0 0 0-1.84-1.275.983.983 0 0 1-.97-.822l-.073-.437c-.094-.565.25-1.11.8-1.267l.99-.282c.427-.123.783-.418.982-.816l.036-.073a1.453 1.453 0 0 1 2.328-.377L16.5 15h.628a2.25 2.25 0 0 1 1.983 1.186 8.25 8.25 0 0 0-6.345-12.4c.044.262.18.503.389.676l1.068.89c.442.369.535 1.01.216 1.49l-.51.766a2.25 2.25 0 0 1-1.161.886l-.143.048a1.107 1.107 0 0 0-.57 1.664c.369.555.169 1.307-.427 1.605L9 13.125l.423 1.059a.956.956 0 0 1-1.652.928l-.679-.906a1.125 1.125 0 0 0-1.906.172L4.575 15.6Z" clip-rule="evenodd" />
            </svg>
            Planet-Friendly
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7">
            <p class="flex-auto text-base">Reducing the carbon footprint of data transmission by enabling more efficient use of resources.</p>
          </dd>
        </div>
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3  text-lg font-semibold leading-7 text-white ">
            <svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
            </svg>
            IoT Connectivity
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7">
            <p class="flex-auto   text-base">Facilitate connectivity between loT devices enabling a wider range of applications and use cases.</p>
          </dd>
        </div>
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3  text-lg font-semibold leading-7 text-white ">
            <svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
            </svg>
            Horizontal Scalability
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7">
            <p class="flex-auto   text-base">The network has the capability to amplify resources without the need to individually augment the capacity.</p>
          </dd>
        </div>

      </dl>
    </div>
  </div>
</div>