From bb835038f01afee2a1376332bc369859ab94b9ec Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Mon, 30 Jun 2025 14:09:30 +0200
Subject: [PATCH] edit to white bg

---
 templates/partials/ventures/threefold.html | 33 +++++++++++-----------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/templates/partials/ventures/threefold.html b/templates/partials/ventures/threefold.html
index 7f1eff1..91a563f 100644
--- a/templates/partials/ventures/threefold.html
+++ b/templates/partials/ventures/threefold.html
@@ -1,4 +1,4 @@
-<div class="relative isolate overflow-hidden bg-black text-white lg:py-24 py-16">
+<div class="relative isolate overflow-hidden bg-white text-black lg:py-24 py-16">
     <div class="mx-auto max-w-7xl px-6">
       <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
         <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
@@ -6,18 +6,18 @@
       <div class="mx-auto max-w-2xl lg:mx-0">
         <div class="inline-flex items-center">
           <a href="/ventures" class="block">
-            <h2 class="text-base font-semibold leading-8 text-indigo-400 hover:text-indigo-500 transition-colors duration-200 underline"><u>VENTURES</u></h2>
+            <h2 class="text-base font-semibold leading-8 text-indigo-600 hover:text-indigo-700 transition-colors duration-200 underline"><u>VENTURES</u></h2>
           </a>
-          <span class="text-base font-semibold leading-8 text-indigo-400 ml-1"> > THREEFOLD</span>
+          <span class="text-base font-semibold leading-8 text-indigo-600 ml-1"> > THREEFOLD</span>
         </div>        
-        <p class="mt-2 text-2xl font-bold tracking-tight text-white sm:text-4xl">ThreeFold</p>
+        <p class="mt-2 text-2xl font-bold tracking-tight text-black sm:text-4xl">ThreeFold</p>
         <p class="mt-8 text-base font-light lg:text-xl"><b>ThreeFold</b> is an ambitious venture by OurWorld aimed at revolutionizing digital infrastructure and internet accessibility worldwide. It focuses on creating a decentralized and sustainable internet that is more private, secure, and efficient.</p>
       </div>
       <dl class="mt-6 grid grid-cols-1 gap-8 sm:mt-16 sm:grid-cols-2 lg:grid-cols-2">
         <div class="flex flex-col-reverse px-6 py-2">
-          <dt class="text-base leading-7 text-gray-300">ThreeFold aims to build a peer-to-peer internet grid that is owned and operated by its users, eliminating the need for centralized data centers.</dt>
+          <dt class="text-base leading-7 text-gray-700">ThreeFold aims to build a peer-to-peer internet grid that is owned and operated by its users, eliminating the need for centralized data centers.</dt>
           <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-black text-white p-1">
               <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
             </svg>
             <span class="ml-4">Decentralized Internet</span>
@@ -25,27 +25,27 @@
           </dd>
         </div>
         <div class="flex flex-col-reverse px-6 py-2">
-          <dt class="text-base leading-7 text-gray-300">By leveraging renewable energy and efficient hardware, ThreeFold strives to minimize the environmental impact of digital infrastructure.</dt>
+          <dt class="text-base leading-7 text-gray-700">By leveraging renewable energy and efficient hardware, ThreeFold strives to minimize the environmental impact of digital infrastructure.</dt>
           <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-black text-white p-1">
               <path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
             </svg>
             <span class="ml-4">Sustainability</span>
           </dd>
         </div>
         <div class="flex flex-col-reverse px-6 py-2">
-          <dt class="text-base leading-7 text-gray-300">Providing universal access to the internet, especially in underserved regions, through its decentralized grid.</dt>
+          <dt class="text-base leading-7 text-gray-700">Providing universal access to the internet, especially in underserved regions, through its decentralized grid.</dt>
           <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-black text-white p-1">
               <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z" />
             </svg>
             <span class="ml-4">Accessibility</span>
           </dd>
         </div>
         <div class="flex flex-col-reverse px-6 py-2">
-          <dt class="text-base leading-7 text-gray-300">Enhancing privacy and security by decentralizing data storage and processing, reducing vulnerabilities to cyber threats.</dt>
+          <dt class="text-base leading-7 text-gray-700">Enhancing privacy and security by decentralizing data storage and processing, reducing vulnerabilities to cyber threats.</dt>
           <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-black text-white p-1">
               <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
             </svg>
             <span class="ml-4">Security</span>
@@ -58,8 +58,8 @@
         <div class="aspect-[1313/771] w-full bg-gradient-to-tr from-[#ff80b5] to-[#9089fc]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
     </div>
     <div class="text-center mt-12">
-      <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-white lg:mb-4 lg:mt-2">Empowering through Digital Sovereignty</h2>
-      <p class="text-base font-medium lg:text-xl text-gray-500 lg:mb-8 lg:mt-2 mt-2 lg:mb-4 mb-8">OurWorld is committed to supporting ThreeFold's mission to democratize internet access and empower individuals and communities globally through innovative digital infrastructure solutions.</p>
+      <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-black lg:mb-4 lg:mt-2">Empowering through Digital Sovereignty</h2>
+      <p class="text-base font-medium lg:text-xl text-gray-600 lg:mb-8 lg:mt-2 mt-2 lg:mb-4 mb-8">OurWorld is committed to supporting ThreeFold's mission to democratize internet access and empower individuals and communities globally through innovative digital infrastructure solutions.</p>
     </div>
     <div class="flex justify-center mt-8">
         <a href="https://threefold.io">
@@ -67,9 +67,8 @@
         </a>
     </div>
     <div class="mt-10 flex items-center justify-center gap-x-6">
-      <a href="/contact" class="rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Support</a>
-      <a href="https://threefold.io" target="_blank" class="text-sm font-semibold leading-6 text-white">Visit Website <span aria-hidden="true">→</span></a>
+      <a href="/contact" class="rounded-md bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black">Support</a>
+      <a href="https://threefold.io" target="_blank" class="text-sm font-semibold leading-6 text-black">Visit Website <span aria-hidden="true">→</span></a>
     </div>
   </div>
 </div>
-