207 lines
14 KiB
HTML
207 lines
14 KiB
HTML
<div class="bg-transparent">
|
||
<div class="mx-auto max-w-7xl px-6 pb-32 pt-12fa lg:px-8">
|
||
<div class="mx-auto max-w-4xl divide-y divide-white/10">
|
||
<h2 class="text-3xl font-normal tracking-tight text-white sm:text-4xl">Frequently Asked Questions</h2>
|
||
<dl class="mt-10 space-y-6 divide-y divide-white/10">
|
||
|
||
<!-- FAQ 1 -->
|
||
<div class="pt-6">
|
||
<dt>
|
||
<button type="button" class="flex w-full border-transparent items-start justify-between text-left text-white px-6 bg-transparent border-none" aria-controls="faq-0" aria-expanded="false">
|
||
<span class="text-base font-semibold">Is this a separate new Internet?</span>
|
||
<span class="ml-6 flex h-7 items-center">
|
||
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-expand">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
|
||
</svg>
|
||
<svg class="hidden size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-collapse">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</dt>
|
||
<dd class="mt-2 hidden pr-12 text-white" id="faq-0">
|
||
<p class="text-base text-white">No, ThreeFold is a complementary Internet and works alongside the current Internet. It allows you to continue accessing and interacting with the current Internet while offering additional capabilities.</p>
|
||
</dd>
|
||
</div>
|
||
|
||
<!-- FAQ 2 -->
|
||
<div class="pt-6">
|
||
<dt>
|
||
<button type="button" class="flex w-full items-start border-transparent justify-between text-left text-white px-6 bg-transparent border-none" aria-controls="faq-1" aria-expanded="false">
|
||
<span class="text-base font-semibold">Why do we need a new Internet?</span>
|
||
<span class="ml-6 flex h-7 items-center">
|
||
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-expand">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
|
||
</svg>
|
||
<svg class="hidden size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-collapse">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</dt>
|
||
<dd class="mt-2 hidden pr-12 text-white" id="faq-1">
|
||
<p class="text-base text-white">The Internet has become fragile and overly centralized. Issues like authenticity, privacy, security, and sustainability necessitate a fundamental new approach to rebuild its foundation.</p>
|
||
</dd>
|
||
</div>
|
||
|
||
<!-- FAQ 3 -->
|
||
<div class="pt-6">
|
||
<dt>
|
||
<button type="button" class="flex w-full items-start border-transparent justify-between text-left text-white px-6 bg-transparent border-none" aria-controls="faq-2" aria-expanded="false">
|
||
<span class="text-base font-semibold">This seems too big to be true. Is this real?</span>
|
||
<span class="ml-6 flex h-7 items-center">
|
||
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-expand">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
|
||
</svg>
|
||
<svg class="hidden size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-collapse">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</dt>
|
||
<dd class="mt-2 hidden pr-12 text-white" id="faq-2">
|
||
<p class="text-base text-white">For over 30 years, we’ve worked toward this vision. ThreeFold is the culmination of our journey, offering a fully operational product and a growing community of users, farmers, and partners. This is real and here to stay.</p>
|
||
</dd>
|
||
</div>
|
||
|
||
<!-- FAQ 4 -->
|
||
<div class="pt-6">
|
||
<dt>
|
||
<button type="button" class="flex w-full items-start border-transparent justify-between text-left text-white px-6 bg-transparent border-none" aria-controls="faq-3" aria-expanded="false">
|
||
<span class="text-base font-semibold">You have 2 tokens, TFT and INCA, why?</span>
|
||
<span class="ml-6 flex h-7 items-center">
|
||
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-expand">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
|
||
</svg>
|
||
<svg class="hidden size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-collapse">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</dt>
|
||
<dd class="mt-2 hidden pr-12 text-white" id="faq-3">
|
||
<p class="text-base text-white">TFT is our token which was used to build generation 1, 2 and 3 of the ThreeFold Grid of capacity. TFT is the reward for our loyal community. There can never be more than 1 billion TFT. We are now building generation 4 of the ThreeFold Grid of capacity and we need a new token to build this new generation. There will never be more than 3 billion INCA. Our partners will start selling new ThreeFold Nodes end Nov 2024 with a new reward scheme and ready to grow to millions of nodes.</p>
|
||
</dd>
|
||
</div>
|
||
|
||
<!-- FAQ 5 -->
|
||
<div class="pt-6">
|
||
<dt>
|
||
<button type="button" class="flex w-full items-start border-transparent justify-between text-left text-white px-6 bg-transparent border-none" aria-controls="faq-4" aria-expanded="false">
|
||
<span class="text-base font-semibold">How can I participate?</span>
|
||
<span class="ml-6 flex h-7 items-center">
|
||
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-expand">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
|
||
</svg>
|
||
<svg class="hidden size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-collapse">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</dt>
|
||
<dd class="mt-2 hidden pr-12 text-white" id="faq-4">
|
||
<p class="text-base text-white">You can participate by becoming a farmer, a user, a partner or by developing a web4 app. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications for Web4, and many more.</p>
|
||
</dd>
|
||
</div>
|
||
|
||
<!-- FAQ 6 -->
|
||
<div class="pt-6">
|
||
<dt>
|
||
<button type="button" class="flex w-full items-start border-transparent justify-between text-left text-white px-6 bg-transparent border-none" aria-controls="faq-5" aria-expanded="false">
|
||
<span class="text-base font-semibold">What is Web4?</span>
|
||
<span class="ml-6 flex h-7 items-center">
|
||
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-expand">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
|
||
</svg>
|
||
<svg class="hidden size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-collapse">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</dt>
|
||
<dd class="mt-2 hidden pr-12 text-white" id="faq-5">
|
||
<p class="text-base text-white">Web4 is our evolution towards a decentralized, user-controlled, and secure Internet that respects privacy and minimizes environmental impact.</p>
|
||
</dd>
|
||
</div>
|
||
|
||
<!-- FAQ 7 -->
|
||
<div class="pt-6">
|
||
<dt>
|
||
<button type="button" class="flex w-full items-start border-transparent justify-between text-left text-white px-6 bg-transparent border-none" aria-controls="faq-6" aria-expanded="false">
|
||
<span class="text-base font-semibold">Is this another blockchain?</span>
|
||
<span class="ml-6 flex h-7 items-center">
|
||
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-expand">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
|
||
</svg>
|
||
<svg class="hidden size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-collapse">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</dt>
|
||
<dd class="mt-2 hidden pr-12 text-white" id="faq-6">
|
||
<p class="text-base text-white">No, we are NOT blockchain. We are using our own technology: Zero State technology combined with Quantum Safe Internetworking.</p>
|
||
</dd>
|
||
</div>
|
||
|
||
<!-- FAQ 8 -->
|
||
<div class="pt-6">
|
||
<dt>
|
||
<button type="button" class="flex w-full items-start border-transparent justify-between text-left text-white px-6 bg-transparent border-none" aria-controls="faq-7" aria-expanded="false">
|
||
<span class="text-base font-semibold">Is the ThreeFold Internet regulated?</span>
|
||
<span class="ml-6 flex h-7 items-center">
|
||
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-expand">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
|
||
</svg>
|
||
<svg class="hidden size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon-collapse">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</dt>
|
||
<dd class="mt-2 hidden pr-12 text-white" id="faq-7">
|
||
<p class="text-base text-white">Regulations are being considered and addressed. The technology is designed to comply with local laws and operate transparently, fostering trust and reliability.</p>
|
||
</dd>
|
||
</div>
|
||
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// Select all FAQ buttons
|
||
const faqButtons = document.querySelectorAll("dt button");
|
||
|
||
// Add click event listeners to each button
|
||
faqButtons.forEach(button => {
|
||
button.addEventListener("click", () => {
|
||
const currentFaq = button.closest("div");
|
||
const answer = currentFaq.querySelector("dd");
|
||
const isExpanded = button.getAttribute("aria-expanded") === "true";
|
||
|
||
// Collapse all other FAQs
|
||
faqButtons.forEach(btn => {
|
||
if (btn !== button) {
|
||
const otherFaq = btn.closest("div");
|
||
const otherAnswer = otherFaq.querySelector("dd");
|
||
btn.setAttribute("aria-expanded", "false");
|
||
otherAnswer.classList.add("hidden");
|
||
otherAnswer.classList.remove("block");
|
||
}
|
||
});
|
||
|
||
// Toggle current FAQ
|
||
if (isExpanded) {
|
||
button.setAttribute("aria-expanded", "false");
|
||
answer.classList.add("hidden");
|
||
answer.classList.remove("block");
|
||
} else {
|
||
button.setAttribute("aria-expanded", "true");
|
||
answer.classList.remove("hidden");
|
||
answer.classList.add("block");
|
||
}
|
||
});
|
||
});
|
||
|
||
</script> |