From 54f552fe329ac1d9abac6d50fa69b65381460b92 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 16 Jul 2025 16:49:04 +0200
Subject: [PATCH] add ventures

---
 src/components/VenturesThreefold.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/VenturesThreefold.tsx b/src/components/VenturesThreefold.tsx
index e056775..c17eb57 100644
--- a/src/components/VenturesThreefold.tsx
+++ b/src/components/VenturesThreefold.tsx
@@ -5,16 +5,16 @@ export  function VenturesThreeFold() {
   return (
     <div className="overflow-hidden bg-white py-24 sm:py-32">
       <div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
-        <div className="max-w-4xl">
+        <div className="max-w-5xl">
           <p className="subtitle-default text-gray-900">VENTURES</p>
           <h2 className="mt-2 h2-default text-gray-900">
             ThreeFold
           </h2>
-          <p className="mt-6 text-xl/8 text-balance text-gray-700">
-            On a mission to build a human-centric Internet co-owned by all of us, as was intended from the start. One where everyone is equal, where everyone owns their own data, allowing human flourishing to thrive.
+          <p className="mt-4 p-default text-gray-700">
+            On a mission to build a human-centric Internet co-owned by all of us.
           </p>
         </div>
-        <section className="mt-12 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-8 lg:gap-y-16">
+        <section className="mt-12 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-48 lg:gap-y-16">
           <div className="lg:pr-8">
             <h2 className="text-2xl font-semibold tracking-tight text-pretty text-gray-900">About</h2>
             <p className="mt-6 text-lg/7 text-gray-600">
@@ -24,15 +24,15 @@ export  function VenturesThreeFold() {
               Focused on enabling autonomous infrastructure, ThreeFold ensures that data remains local, secure, and immune to loss or corruption. Its exceptionally high security standards have led governments to select its technology as the foundation for their public digital infrastructure.
             </p>
           </div>
-          <div className="pt-16 lg:row-span-2 lg:-mr-16 xl:mr-auto">
+          <div className="lg:row-span-2 lg:-mr-24 xl:mr-auto">
             <div className="-mx-8 grid grid-cols-2 gap-16 lg:mx-0 lg:grid-cols-2 lg:gap-x-12">
              <div className="relative lg:order-last lg:col-span-5">
-              <figure className="border-l border-indigo-600 pl-8">
-              <blockquote className="text-xl/8 font-semibold tracking-tight text-gray-900">
+              <figure className="border border-gray-200 pl-8 px-24 py-8 rounded-3xl bg-gray-50">
+              <blockquote className="text-lg/8 font-semibold tracking-tight text-gray-900">
                 <p>
                   Sector
                 </p>
-                 <p className='text-lg/7 font-light text-gray-600 mt-1'>
+                 <p className='text-lg/7 font-light text-gray-600'>
                   Technology, Information and Internet
                 </p>
                 <p className='mt-4'>
@@ -61,23 +61,23 @@ export  function VenturesThreeFold() {
                   <p className="text-gray-600 text-sm/8">Co-founder</p> 
                 </div>
               </figcaption>
-              <blockquote className="mt-6 text-xl/8 font-semibold tracking-tight text-gray-900">
+              <blockquote className="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">
                 <p>
                   Headquarters
                 </p>
-                 <p className='text-lg/7 font-light text-gray-600 mt-1'>
+                 <p className='text-lg/7 font-light text-gray-600'>
                   Dubai, United Arab Emirates
                 </p>
                 <p className='mt-6'>
                   Website
                 </p>
-                 <p className='text-lg/7 font-light text-gray-600 mt-1'>
+                 <p className='text-lg/7 font-light text-gray-600'>
                   <a href="https://threefold.io" className="text-indigo-600 hover:text-indigo-500">www.threefold.io</a>
                 </p>
                 <p className='mt-6'>
                   Contact
                 </p>
-                 <p className='text-lg/7 font-light text-gray-600 mt-1'>
+                 <p className='text-lg/7 font-light text-gray-600'>
                   <a href="mailto:info@threefold.io " className="text-indigo-600 hover:text-indigo-500">info@threefold.io</a>
                 </p>
               </blockquote>