
<!-- Start block -->

    <div class="max-w-screen-xl px-8 py-12 mx-auto lg:pb-16">
        <h2 class="mb-4 text-3xl font-bold tracking-tight lg:text-center lg:mb-8 lg:text-3xl dark:text-white">Frequently Asked Questions</h2>
        <div class="grid divide-y divide-neutral-200 max-w-3xl mx-auto mt-8 shadow">
            <div class="py-5">
                <details class="group px-4 py-4">
                    <summary class="flex justify-between items-center font-medium cursor-pointer list-none">
                        <p> What is Hero and how does it work within the Mycelium network?</p>
                        <span class="transition group-open:rotate-180">
                    <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg></span>
                    </summary>
                    <h6 class="mt-3 group-open:animate-fadeIn ">
                        Hero is your personalized digital identity within the Mycelium network. It serves as your unique avatar, enabling you to securely interact with various applications and services while maintaining control over your data. The Mycelium network provides the decentralized infrastructure that powers Hero, ensuring a secure and private digital experience.
                        Check out this guide to learn how to get started and start using Hero on Mycelium Network.
                    </h6>
                </details>
            </div>
            <div class="py-5">
                <details class="group px-4 pb-4">
                    <summary class="flex justify-between items-center font-medium cursor-pointer list-none ">
                        <p>How does the Mycelium network enhance security for Hero users?</p>
                        <span class="transition group-open:rotate-180">
                    <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
                  </span>
                    </summary>
                    <h6 class="mt-3 group-open:animate-fadeIn">
                        The Mycelium network enhances security for Hero users by leveraging a decentralized infrastructure. This means there’s no single point of failure or centralized control, reducing the risk of data breaches and ensuring that users have full control over their information.
                    </h6>
                </details>
            </div>
            <div class="py-5">
                <details class="group px-4 pb-4">
                    <summary class="flex justify-between items-center font-medium cursor-pointer list-none ">
                        <p>What kinds of experiences can I build on the Mycelium network using Hero?</p>
                        <span class="transition group-open:rotate-180">
                    <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
                  </span>
                    </summary>
                    <h6 class="mt-3 group-open:animate-fadeIn">
                        The Mycelium network offers a flexible platform for developing a wide range of digital experiences using Hero, including secure file sharing, communication tools, financial services, and collaborative workspaces. You can also develop custom applications and services tailored to your needs, leveraging the scalability and security of the network.
                    </h6>
                </details>
            </div>
            <div class="py-5">
                <details class="group px-4 pb-4">
                    <summary class="flex justify-between items-center font-medium cursor-pointer list-none">
                        <p>How does the Mycelium network promote equal opportunities for users?</p>
                        <span class="transition group-open:rotate-180">
                    <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
                  </span>
                    </summary>
                    <h6 class="mt-3 group-open:animate-fadeIn">
                        The Mycelium network is built on the principles of inclusivity and equality, providing equal access to its decentralized infrastructure. This ensures that all users, regardless of their background or location, have the opportunity to participate, earn, and contribute to the network, thereby fostering a community that values diversity and equal opportunity. Learn more about these technologies: Mycelium Project Manual
                    </h6>
                </details>
            </div>      
        </div>      
    </div>
<!-- End block -->

<script>
	// ...
	// extend: {
    //   keyframes: {
    //     fadeIn: {
    //       "0%": { opacity: 0 },
    //       "100%": { opacity: 100 },
    //     },
    //   },
    //   animation: {
    //     fadeIn: "fadeIn 0.2s ease-in-out forwards",
    //   },
    // },
    // ...
</script>
            