<div class="lg:py-12 py-12"> <div class="mx-auto max-w-7xl px-6 lg:px-8"> <div class="mx-auto max-w-2xl lg:text-center"> <h2>How Mycelium Network Works</h2> <p class="mt-4">Discover the simple steps to join and benefit from Mycelium Network.</p> </div> <div class="mx-auto mt-4 max-w-2xl sm:mt-20 lg:mt-12 lg:max-w-4xl"> <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16"> <div class="relative pl-16 my-2 bg-white/10 rounded-lg p-4"> <dt class="text-base font-semibold leading-7"> <h4>For Users</h4> </dt> <h5 class="my-4 text-base leading-7 text-gray-100">Install our browser plugin to connect to the network seamlessly.</h5> </div> <div class="relative pl-16 my-2 bg-white/10 rounded-lg p-4"> <dt class="text-base font-semibold leading-7"> <h4>Service Providers</h4> </dt> <h5 class="my-4 text-base leading-7 text-white">Set up a Mycelium Router and start earning rewards for network services.</h5> </div> </dl> </div> </div> </div>