+ {children}
+
+ )
+}
diff --git a/src/components/home/Hero.tsx b/src/components/home/Hero.tsx
new file mode 100644
index 0000000..96d682a
--- /dev/null
+++ b/src/components/home/Hero.tsx
@@ -0,0 +1,59 @@
+import Image from 'next/image'
+import clsx from 'clsx'
+
+import { Button } from '@/components/Button'
+import { Container } from '@/components/Container'
+import { Logo_hero } from '@/components/Logo_hero'
+import { H1, P } from '@/components/UI/Texts'
+import { FadeInOnView } from '@/components/UI/FadeInOnView'
+
+
+type HeroProps = {
+ className?: string
+}
+
+export function Hero({ className }: HeroProps) {
+ return (
+
+ {/* Video Background */}
+
+
+ {/* Overlay for better text readability */}
+
+
+ {/* Content */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/home/HomeAbout.tsx b/src/components/home/HomeAbout.tsx
new file mode 100644
index 0000000..b900683
--- /dev/null
+++ b/src/components/home/HomeAbout.tsx
@@ -0,0 +1,104 @@
+import { ArrowPathIcon, CircleStackIcon, InboxIcon, RocketLaunchIcon, ScaleIcon, TrashIcon, UsersIcon } from '@heroicons/react/24/outline'
+
+const features = [
+ {
+ name: 'A Funding Platform',
+ description:
+ 'Access capital for projects building on decentralized infrastructure, with a focus on ventures that contribute to digital sovereignty for people and sustainable technology for the planet.',
+ href: '#',
+ icon: CircleStackIcon,
+ },
+ {
+ name: 'Legal & Financial Autonomy',
+ description:
+ 'Operate through our free zone with optimized legal and financial structures designed for global teams. Startups benefit from transparent, innovation-friendly structures designed for streamlined borderless operations.',
+ href: '#',
+ icon: ScaleIcon,
+ },
+ {
+ name: 'Technological Empowerment',
+ description:
+ 'Build on our interconnected stack of decentralized cloud infrastructure, sovereign data centers, and agentic AI frameworks, giving your startup the tools for complete digital autonomy.',
+ href: '#',
+ icon: RocketLaunchIcon,
+ },
+ {
+ name: 'Collaborative Ecosystem',
+ description:
+ 'Join a network of ventures building interconnected solutions for digital sovereignty. Share resources, infrastructure, and knowledge across projects working toward a decentralized future.',
+ href: '#',
+ icon: ArrowPathIcon,
+ },
+]
+
+export function HomeAbout() {
+ return (
+ + Shaping the future of Augmented Collective Intelligence +
++ At OurWorld, we are building the required infrastructures and tools to enable an Augmented Collective Intelligence ; creating a sovereign, sustainable, and autonomous future for all. +
+ +
+
+
+ )
+}
diff --git a/src/components/home/HomeMilestones.tsx b/src/components/home/HomeMilestones.tsx
new file mode 100644
index 0000000..9ac8b95
--- /dev/null
+++ b/src/components/home/HomeMilestones.tsx
@@ -0,0 +1,77 @@
+const timeline = [
+ {
+ name: 'Core Infrastructure',
+ description:
+ '✓ Our decentralized, autonomous edge computing technology came alive, serving as the backbone of the OurWorld ecosystem.',
+ date: 'Phase 1',
+ description2:
+ '✓ OurWorld helped secure $50M in investment from our community of investors.',
+ },
+ {
+ name: 'Zanzibar Digital Free Zone',
+ description:
+ '✓ Partnered with Government of Zanzibar through ZICTA to establish the Zanzibar Digital Free Zone with financial and other incentives for ventures.',
+ description2:
+ '✓ Developed an alpha version of integrated platforms within the Free Zone to onboard new ventures into the ecosystem.',
+ date: 'Phase 2',
+ },
+ {
+ name: 'Commercial Expansion',
+ description:
+ '◯ $50M raise underway to expand core infrastructure and invest in new ventures with a focus on interdependent projects that strengthen the ecosystem collectively.',
+ description2:
+ '◯ Advancing the Geomind program with the phased rollout of Tier H and Tier S datacenters.',
+ date: 'Current Phase',
+ },
+ {
+ name: 'Scalable Impact',
+ description:
+ '◯ Deploy 1 million nodes and onboard 10 million users to empower the OurWorld ecosystem.',
+ description2:
+ '◯ Transition startups in our venture creator to community ownerships and ensure a successful exits for investors.',
+ date: 'Phase 4',
+ },
+]
+
+export function HomeMilestones() {
+ return (
+
+
+
+
+
+ ABOUT
++ Enabling an Interconnected Ecosystem to Enhance Collective Intelligence Through Collaboration. +
+
+
+ + OurWorld is a venture creator providing startups with decentralized infrastructure, legal frameworks, and technological capacity to build without traditional constraints. +
+
+
+ -
+ {features.map((feature) => (
+
-
+ + ++ {feature.name} +
+
-
+
{feature.description}
++ +
+
+
+
+ ))}
+
+
+ )
+}
diff --git a/src/components/home/HomePrinciples.tsx b/src/components/home/HomePrinciples.tsx
new file mode 100644
index 0000000..8ee209e
--- /dev/null
+++ b/src/components/home/HomePrinciples.tsx
@@ -0,0 +1,116 @@
+import {
+ GlobeAltIcon,
+ UsersIcon,
+ CommandLineIcon,
+ ShieldCheckIcon,
+ SparklesIcon,
+} from '@heroicons/react/24/outline'
+
+const foundations = [
+ {
+ id: 1,
+ title: 'Planet First',
+ description:
+ 'We act with respect for the Earth. Each initiative supports regeneration and uses natural resources responsibly. Every venture should leave the planet better than it found it.',
+ icon: GlobeAltIcon,
+ },
+ {
+ id: 2,
+ title: 'People First',
+ description:
+ 'Empowering people to own their digital lives through shared ownership, inclusive governance, and lifelong learning so everyone can grow and take part.',
+ icon: UsersIcon,
+ },
+]
+
+const tools = [
+ {
+ id: 3,
+ title: 'Open Source',
+ description:
+ 'Everything we build is open source. Anyone can use it, improve it, and connect to the ecosystem. Transparency keeps innovation honest.',
+ icon: CommandLineIcon,
+ },
+ {
+ id: 4,
+ title: 'Simplicity',
+ description:
+ 'Complex systems slow progress. We design modular, autonomous tools that remove unnecessary layers.',
+ icon: SparklesIcon,
+ },
+ {
+ id: 5,
+ title: 'Authenticity',
+ description:
+ 'We are restoring trust online. Sovereign digital tools verify people and information, building a culture of transparency and accountability.',
+ icon: ShieldCheckIcon,
+ },
+]
+
+export function HomePrinciples() {
+ return (
+
+
+
+
+ MILESTONES
++ Our Development Journey +
+
+
+ + Transform the future – join a revolutionary journey towards a decentralized digital world driven by collaboration and collective intelligence. +
+
+ {timeline.map((item) => {
+ const isCurrent = item.date === 'Current Phase'
+ return (
+
+
+
+
+ )
+ })}
+ {item.name}
+{item.description}
+{item.description2}
+
+
+ )
+}
diff --git a/src/components/home/HomeStickyHeader.tsx b/src/components/home/HomeStickyHeader.tsx
new file mode 100644
index 0000000..05afd70
--- /dev/null
+++ b/src/components/home/HomeStickyHeader.tsx
@@ -0,0 +1,33 @@
+"use client"
+
+import { useEffect, useState } from "react"
+import clsx from "clsx"
+
+import { Header_darkbg } from "@/components/Header_darkbg"
+
+export function HomeStickyHeader() {
+ const [scrolled, setScrolled] = useState(false)
+
+ useEffect(() => {
+ const handleScroll = () => {
+ const heroThreshold = window.innerHeight * 0.8
+ setScrolled(window.scrollY > heroThreshold)
+ }
+
+ handleScroll()
+ window.addEventListener("scroll", handleScroll)
+
+ return () => window.removeEventListener("scroll", handleScroll)
+ }, [])
+
+ return (
+
+
+
+
+
+
+ + The Foundation of Every Venture +
++ We start every project with two essentials: protect the planet and empower people. Everything else follows from there. +
+
+
+
+
+
+
+ Foundational Commitments
+-
+ {foundations.map((item) => {
+ const Icon = item.icon
+
+ return (
+
+
+ )
+ })}
+
+
+
+
+
+ {item.title}
+{item.description}
+Tools We Deploy
++ With people and planet at the core, these are the principles that shape how we build and operate. +
+-
+ {tools.map((item) => {
+ const Icon = item.icon
+
+ return (
+
+
+ )
+ })}
+
+
+
+ {item.title}
+{item.description}
+
+
+ )
+}
diff --git a/src/components/home/HomeVentures.tsx b/src/components/home/HomeVentures.tsx
new file mode 100644
index 0000000..539291e
--- /dev/null
+++ b/src/components/home/HomeVentures.tsx
@@ -0,0 +1,81 @@
+'use client'
+
+import { Button } from '@/components/Button'
+
+export function HomeVentures() {
+
+ return (
+
+
+ )
+}
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index d053a8b..efab723 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -93,4 +93,18 @@
font-family: 'Source Sans 3', var(--font-sans);
font-weight: 300;
}
+
+ @keyframes draw-line {
+ from {
+ transform: scaleX(0);
+ }
+ to {
+ transform: scaleX(1);
+ }
+ }
+
+ .animate-draw-line {
+ animation: draw-line 4s ease-out forwards;
+ transform-origin: left;
+ }
}
+
+
+
+
+
+
+
+
+
+ + VENTURES +
++ Where Innovation Meets Independence +
++ 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. +
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+