Merge branch 'development' of https://github.com/threefoldfoundation/www_threefold_io into development

templates/partials/header.html

@@ -107,7 +107,7 @@
                       </a>
                     </li> 
                   </ul> #}
-                    <a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class=" rounded-2xl bg-white px-4 py-1 text-sm font-semibold text-black shadow-sm hover:bg-gray-300 hover:text-gray-800">Get 3Nodes</a>
+                    <a href="https://docs.threefold.io/" target="_blank" class=" rounded-2xl bg-white px-4 py-1 text-sm font-semibold text-black shadow-sm hover:bg-gray-300 hover:text-gray-800">TF Docs</a>
                 </div>
               </div>
             </div>

templates/partials/home/faq.html

@@ -74,7 +74,7 @@
                         id="faqs-text-02"
                         role="region"
                         aria-labelledby="faqs-title-02"
-                        class="grid text-sm text-slate-600 overflow-hidden transition-all duration-300 ease-in-out"
+                        class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
@@ -105,7 +105,7 @@
                         id="faqs-text-04"
                         role="region"
                         aria-labelledby="faqs-title-04"
-                        class="grid text-sm text-slate-600 overflow-hidden transition-all duration-300 ease-in-out"
+                        class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
@@ -137,7 +137,7 @@
                         id="faqs-text-05"
                         role="region"
                         aria-labelledby="faqs-title-05"
-                        class="grid text-sm text-slate-600 overflow-hidden transition-all duration-300 ease-in-out"
+                        class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
@@ -169,7 +169,7 @@
                         id="faqs-text-06"
                         role="region"
                         aria-labelledby="faqs-title-06"
-                        class="grid text-sm text-slate-600 overflow-hidden transition-all duration-300 ease-in-out"
+                        class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
@@ -200,7 +200,7 @@
                         id="faqs-text-07"
                         role="region"
                         aria-labelledby="faqs-title-07"
-                        class="grid text-sm text-slate-600 overflow-hidden transition-all duration-300 ease-in-out"
+                        class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
@@ -232,13 +232,13 @@
                         id="faqs-text-07"
                         role="region"
                         aria-labelledby="faqs-title-07"
-                        class="grid text-sm text-slate-600 overflow-hidden transition-all duration-300 ease-in-out"
+                        class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
                              <p class="pb-3 text-gray-300 text-base font-light">
                                 ThreeFold grid can be used to host any web2, web3 and web4 (future) workload.
-                                For more details see <a href="https://docs.threefold.io/docs/use" target="_blank" rel="noopener noreferrer">our ebook</a>
+                                For more details see <a href="https://docs.threefold.io/docs/use" target="_blank" rel="noopener noreferrer">our docs</a>
                             </p>
                         </div>
                     </div>
@@ -265,7 +265,7 @@
                     id="faqs-text-07"
                     role="region"
                     aria-labelledby="faqs-title-07"
-                    class="grid text-sm text-slate-600 overflow-hidden transition-all duration-300 ease-in-out"
+                    class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
                     :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                     >
                     <div class="overflow-hidden">

templates/partials/home/features.html

@@ -5,7 +5,7 @@
       </h2>
       <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).</p>
       <p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: <b>Data, Cloud, and Network</b>.</p>
-      <a href="/what" target="_blank" class="blinking-effect fade-in lg:text-xl text-lg font-semibold text-white hover:text-gray-400">Discover How It Works <span aria-hidden="true">→</span></a>
+      <a href="/what" class="blinking-effect fade-in lg:text-xl text-lg font-semibold text-white hover:text-gray-400">Discover How It Works <span aria-hidden="true">→</span></a>
     </div>
     <div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing -->
       <dl class="grid grid-cols-1 mx-auto lg:gap-x-8 sm:grid-cols-2 lg:gap-y-10 gap-y-4">

templates/partials/home/hero.html

@@ -8,8 +8,8 @@
         <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-6xl fade-in">Web4</h2>
         <br>
         <div class="mt-10 flex items-center justify-center gap-x-6">
-          <a href="https://docs.threefold.io/docs/introduction" 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">Get Started</a>
+          <a href="/what" 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">What We've Built</a>
-          <a href="/what" target="_blank" class=" fade-in text-base font-semibold text-white hover:text-gray-400">What We've Built <span aria-hidden="true">→</span></a>
+          <a href="https://docs.threefold.io/" target="_blank" class="fade-in text-base font-semibold text-white hover:text-gray-400">Read TF Docs<span aria-hidden="true">→</span></a>
         </div>
       </div>
     </div>

templates/partials/solutions/hero.html

@@ -6,7 +6,7 @@
         <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-medium text-gray-200 fade-in">ThreeFold can be used by any Web2, Web3, AI, or Edge IT workload.
         </p>
         <div class="mt-12 flex items-center justify-center gap-x-6">
-          <a href="https://docs.threefold.io/docs/introduction" 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 - Read our docs</a>
+          <a href="https://docs.threefold.io/docs/introduction" target="_blank" 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 - Read our docs</a>
         f  
       </div>
     </div>