From 7aad0cc9f2ed2ed5a7376f7561930d11205d3e8e Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 9 Jul 2025 18:16:18 +0200
Subject: [PATCH] ok

---
 src/app/page.tsx                |  5 +-
 src/components/CallToAction.tsx | 33 +++++++-------
 src/components/HomeVentures.tsx | 81 +++++++++++++++++++++++++++++++++
 src/styles/tailwind.css         |  4 ++
 4 files changed, 103 insertions(+), 20 deletions(-)
 create mode 100644 src/components/HomeVentures.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e75c3c4..63ec0f8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import { SecondaryFeatures } from '@/components/SecondaryFeatures'
 import { Testimonials } from '@/components/Testimonials'
 import { HomePrinciples } from '@/components/HomePrinciples'
 import { HomeMilestones } from '@/components/HomeMilestones'
+import { HomeVentures } from '@/components/HomeVentures'
 
 export default function Home() {
   return (
@@ -20,10 +21,8 @@ export default function Home() {
         <HomeAbout />
         <HomePrinciples />
         <HomeMilestones />
-        <SecondaryFeatures />
+        <HomeVentures />
         <CallToAction />
-        <Testimonials />
-        <Pricing />
         <Faqs />
       </main>
       <Footer />
diff --git a/src/components/CallToAction.tsx b/src/components/CallToAction.tsx
index 1f2872a..0f3b56f 100644
--- a/src/components/CallToAction.tsx
+++ b/src/components/CallToAction.tsx
@@ -8,28 +8,27 @@ export function CallToAction() {
   return (
     <section
       id="get-started-today"
-      className="relative overflow-hidden bg-blue-600 py-32"
+      className="relative overflow-hidden bg-black py-32"
+      style={{
+
+      }}
     >
-      <Image
-        className="absolute top-1/2 left-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
-        src={backgroundImage}
-        alt=""
-        width={2347}
-        height={1244}
-        unoptimized
-      />
       <Container className="relative">
-        <div className="mx-auto max-w-lg text-center">
-          <h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
-            Get started today
+        <div className="mx-auto max-w-3xl text-center">
+          <h2 className="h2-default text-white">
+            Launch Ventures That Shape the Future
           </h2>
           <p className="mt-4 text-lg tracking-tight text-white">
-            It’s time to take control of your books. Buy our software so you can
-            feel like you’re doing something productive.
+            Partner with OurWorld to build infrastructure, metaverse platforms, DeFi, education, and digital economy ventures—all backed by funding, mentorship, and mission-aligned infrastructure.
           </p>
-          <Button href="/register" color="white" className="mt-10">
-            Get 6 months free
-          </Button>
+          <div className="mt-12 flex flex-col sm:flex-row gap-8 justify-center">
+            <Button href="/contact" color="white">
+              Contact Us
+            </Button>
+            <a href="/book-meeting" className="button-outline">
+              Book a Meeting
+            </a>
+          </div>
         </div>
       </Container>
     </section>
diff --git a/src/components/HomeVentures.tsx b/src/components/HomeVentures.tsx
new file mode 100644
index 0000000..539291e
--- /dev/null
+++ b/src/components/HomeVentures.tsx
@@ -0,0 +1,81 @@
+'use client'
+
+import { Button } from '@/components/Button'
+
+export function HomeVentures() {
+
+  return (
+    <div className="bg-white">
+        <div className="relative isolate">
+          <div className="overflow-hidden">
+            <div className="mx-auto max-w-7xl px-6 pt-24 pb-24 lg:px-8 lg:pt-24">
+              <div className="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
+                <div className="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl">
+                  <p className="subtitle text-gray-900">
+                    VENTURES
+                  </p>
+                  <h2 className="h2-default text-gray-900">
+                    Where Innovation Meets Independence
+                  </h2>
+                  <p className="mt-8 p-default text-gray-500 lg:max-w-none">
+                    All ventures within the OurWorld ecosystem are connected through our shared principles, values, and the aim to bring forward a new era of digital autonomy and self-empowerment. Explore the ventures shaping our future.
+                  </p>
+                  <div className="mt-10 flex items-center">
+                  <Button href="/ventures" color="black">Explore Ventures</Button>
+                  </div>
+                </div>
+                <div className="mt-14 flex justify-end gap-8 sm:-mt-44 sm:justify-start sm:pl-20 lg:mt-0 lg:pl-0">
+                  <div className="ml-auto w-44 flex-none space-y-8 pt-32 sm:ml-0 sm:pt-80 lg:order-last lg:pt-36 xl:order-0 xl:pt-80">
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                  </div>
+                  <div className="mr-auto w-44 flex-none space-y-8 sm:mr-0 sm:pt-52 lg:pt-36">
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1485217988980-11786ced9454?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-x=.4&w=396&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                  </div>
+                  <div className="w-44 flex-none space-y-8 pt-32 sm:pt-0">
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1670272504528-790c24957dda?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=left&w=400&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1670272505284-8faba1c31f7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+    </div>
+  )
+}
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 08629b4..2e8e20c 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -57,4 +57,8 @@
   .p-default {
     @apply text-lg/8 lg:text-xl/8;
   }
+  
+  .button-outline {
+    @apply bg-transparent border border-white text-white px-6 py-3 rounded-3xl font-medium transition-colors hover:bg-white hover:text-black;
+  }
 }