<div class=" py-12 lg:py-16">
    <div class="mx-auto max-w-7xl px-6 lg:px-8">
        <div class="mx-auto max-w-2xl lg:mx-0">
        <h2 class="text-base font-semibold leading-7 text-indigo-400 mb-4">TECHNOLOGIES</h2>
        <h2 class="mt-2">Component Architecture</h2>
        <p class="mt-4 text-lg leading-8 text-gray-300">Explore the Core Elements of Mycelium Network.</p>
      </div>
    </div>
    <div class="mx-auto mt-8 max-w-7xl px-6 lg:mt-8 md:mt-24 lg:px-8">
      <dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base leading-7 text-gray-300 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16">
        <div class="relative pl-9">
            <h4 class="font-semibold">FungiNet </h4>
          <h5>a smart routing algorithm to find the shortest and most efficient communication paths.</h5>
        </div>
        <div class="relative pl-9">
            <h4 class="font-semibold">FungiStor </h4>
          <h5>Content is stored close to consumers, making it quantum-safe and distributed globally.</h5>
        </div>
        <div class="relative pl-9">
            <h4 class="font-semibold">FungiCircles</h4>
          <h5>Enable consensus-driven, cryptographically signed data storage and processing.</h5>
        </div>
        <div class="relative pl-9">
            <h4 class="font-semibold">FungiStor Spores (FSS)</h4>
          <h5>Describes files deterministically for publishing websites or ebooks, ensuring unique and incorruptible data..</h5>
        </div>
        <div class="relative pl-9">
            <h4 class="font-semibold">FungiDB</h4>
          <h5>Provides quantum-safe storage with a unique indexing system for structured data, achieving planetary scale.</h5>
        </div>
        <div class="relative pl-9">
            <h4 class="font-semibold">FungiNames</h4>
          <h5>Stores billions of domain names reliably, leveraging FungiDB and FungiCircles for global validation and caching.</h5>
        </div>
      </dl>
    </div>
  </div>