From f90608a63a1bf7e4a61e99eb3c2dd205929a8b14 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 20 Nov 2024 01:36:02 +0100
Subject: [PATCH] edit faq

---
 content/121224/index.md                |   2 +-
 templates/partials/home/faq.html       | 376 +++++++++++++------------
 templates/partials/solutions/hero.html |   2 +-
 3 files changed, 200 insertions(+), 180 deletions(-)

diff --git a/content/121224/index.md b/content/121224/index.md
index 32b6688ef..6a67f8ef7 100644
--- a/content/121224/index.md
+++ b/content/121224/index.md
@@ -1,6 +1,6 @@
 ---
 title: "12.12.24"
-description: "12.12.24" # quotation marks to allow colons where used
+description: "f" # quotation marks to allow colons where used
 template: "layouts/121224.html"
 insert_anchor_links: "left"
 extra:
diff --git a/templates/partials/home/faq.html b/templates/partials/home/faq.html
index e820defbd..0516daa9c 100644
--- a/templates/partials/home/faq.html
+++ b/templates/partials/home/faq.html
@@ -1,187 +1,207 @@
 <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>
+        <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 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-2" aria-expanded="false">
-                <span class="text-base font-semibold">You have 2 tokens, TFT and INCA, why?</span>
-                  <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">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 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 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-2" aria-expanded="false">
-                <span class="text-base font-semibold">How can I participate?</span>
-                  <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">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 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 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-2" aria-expanded="false">
-                <span class="text-base font-semibold">What is Web4?</span>
-                  <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">Web 4 represents the natural evolution of the Internet, where humans and artificial intelligence collaborate to develop a new paradigm aimed at advancing planetary well-being while making sure everyone has equal chances. This Internet can be sovereign & decentralized, while being totally secure and private. This phase of the Internet can scale indefinitely, is green, self-healing, cost effective and ultra-reliable. <br>In Web4 each user has a personal Virtual Digital Assistant which is called a Hero. This hero manages your digital life and on your behalf can interact with all versions of the Web.</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 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-2" aria-expanded="false">
-                <span class="text-base font-semibold">How secure and private is my data?</span>
-                  <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">ThreeFold is designed to be secure and private by default. We use end-to-end encryption to protect your data and ensure that only you have access to your data.</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 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-2" aria-expanded="false">
-                <span class="text-base font-semibold">Who should use the ThreeFold Grid?</span>
-                  <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-">
-              <p class="text-base text-white">Individuals, businesses, and organizations who want to be sovereign and have full control over their data and applications. Security is a very big problem today, Technology as used by ThreeFold has the potential to resolve this if used properly. We already work with Governements, NGO's, and individuals. We are building a channel of solution providers and integrators who want to build on top of ThreeFold.</p>
-            </dd>
-          </div>
-        </dl>
-      </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>
-    document.querySelectorAll('button[aria-controls]').forEach(button => {
-      button.addEventListener('click', () => {
-        const isExpanded = button.getAttribute('aria-expanded') === 'true';
-        const contentId = button.getAttribute('aria-controls');
-        const content = document.getElementById(contentId);
-  
-        // Toggle the "aria-expanded" attribute
-        button.setAttribute('aria-expanded', !isExpanded);
-  
-        // Toggle visibility of content
-        content.classList.toggle('hidden', isExpanded);
-  
-        // Toggle the visibility of icons
-        const [iconExpand, iconCollapse] = button.querySelectorAll('[data-slot]');
-        iconExpand.classList.toggle('hidden', isExpanded);
-        iconCollapse.classList.toggle('hidden', !isExpanded);
-      });
+</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");
+      }
     });
-  </script>
-  
\ No newline at end of file
+
+    // 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>
\ No newline at end of file
diff --git a/templates/partials/solutions/hero.html b/templates/partials/solutions/hero.html
index 5d62727b6..3836f2929 100644
--- a/templates/partials/solutions/hero.html
+++ b/templates/partials/solutions/hero.html
@@ -7,7 +7,7 @@
         </p>
         <div class="mt-12 flex items-center justify-center gap-x-6">
           <a href="https://docs.threefold.io" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Dive Deeper</a>
-          
+        f  
       </div>
     </div>
   </div>