import { useState, useEffect } from 'react'; import { motion, AnimatePresence } from 'framer-motion'; type Bullet = { heading: string; body: string; subpoints?: string[]; }; type Tab = { id: 'zero-os' | 'compute' | 'gpu' | 'data' | 'network'; label: string; title: string; description: string; bullets: Bullet[]; cardText: string; }; const tabs: Tab[] = [ { id: 'zero-os', label: 'Zero-OS', title: 'Zero-OS', description: 'Minimal, self-healing bare-metal OS that powers autonomous nodes across the ThreeFold Grid.', cardText: 'Stateless architecture ensures every boot is secure and unmodified, eliminating configuration drift and security vulnerabilities.', bullets: [ { heading: 'Immutable by Design', body: 'Boots statelessly from a signed image each time, removing drift and shrinking the attack surface.', }, { heading: 'Autonomous Operations', body: 'Digital twin controllers redeploy workloads to healthy nodes and roll out updates with zero downtime.', }, { heading: 'Zero-Trust Networking', body: 'Integrated WireGuard overlay and cryptographic identities secure every peer-to-peer connection.', }, { heading: 'Unified Resource Fabric', body: 'Exposes compute, storage, and network primitives through a single API for edge, datacenter, or hybrid deployments.', }, ], }, { id: 'compute', label: 'Compute', title: 'Compute', description: 'A self-healing compute fabric designed for resilience, decentralization, and scale.', cardText: 'Autonomous workload orchestration across distributed nodes ensures maximum uptime and performance.', bullets: [ { heading: 'Autonomous Workload Management', body: 'Workloads automatically migrate to healthy nodes to ensure fault tolerance and high availability.', }, { heading: 'AI & Web3 Ready', body: 'Run LLMs, autonomous agents, blockchain nodes, and immersive metaverse apps at the edge.', }, { heading: 'Zero-OS (ZOS)', body: 'Our custom-built, stateless, immutable OS that powers:', subpoints: [ 'MicroVMs & containerized environments (Kubernetes, Docker, Firecracker).', 'AI inference and training workloads.', 'Web3 infrastructure and federated learning models.', ], }, { heading: 'No Hyperscalers', body: 'Fully independent infrastructure managed by intelligent agents on bare metal.', }, ], }, { id: 'data', label: 'Data', title: 'Data', description: 'Private, distributed, and AI-native storage with user sovereignty at its core.', cardText: 'Quantum-safe encryption and distributed redundancy protect your data while maintaining lightning-fast access.', bullets: [ { heading: 'Privacy-First', body: 'End-to-end encryption and redundancy, with no central control.', }, { heading: '10x Efficient', body: 'Optimized for performance and sustainability, far surpassing traditional cloud.', }, { heading: 'Geo-Aware & Compliant', body: "Data stays where it's supposed to, satisfying regional policies and privacy standards.", }, ], }, { id: 'network', label: 'Network', title: 'Network', description: 'A secure, peer-to-peer internet backbone, self-sustaining, censorship-resistant, and optimized for performance.', cardText: 'Mesh topology with intelligent routing creates a resilient network that adapts to changing conditions.', bullets: [ { heading: 'End-to-End Encryption', body: 'All communications are secured by design.', }, { heading: 'Shortest-Path Routing', body: 'Dynamically finds the most efficient path across the network, reducing latency and cost.', }, { heading: 'No Middlemen', body: 'Fully peer-to-peer, removing reliance on centralized ISPs or DNS providers.', }, { heading: 'Censorship Resistance', body: 'Built to thrive under pressure, even in restricted or controlled regions.', }, ], }, { id: 'gpu', label: 'GPU Fabric', title: 'Distributed GPU Fabric', description: 'A sovereign mesh of GPU capacity that turns idle silicon into revenue while powering global AI workloads and collective intelligence.', cardText: 'Autonomous allocation keeps GPUs saturated with high-value workloads, creating a lucrative marketplace for operators and builders alike.', bullets: [ { heading: 'Global GPU Federation', body: 'Aggregates GPUs across homes, enterprises, and datacenters into a single pool so large-scale training and inference run close to data without hyperscaler dependence.', }, { heading: 'Revenue Engine', body: 'Dynamic marketplace routes AI and rendering jobs to available GPUs, maximizing utilization and delivering steady cash flow to operators.', }, { heading: 'Sovereign Collective Intelligence', body: 'Supports collaborative model training where communities contribute data and capacity, unlocking responsible AI networks governed by their stakeholders.', }, { heading: 'Zero-OS Integration', body: 'Zero-OS provisions GPU-optimized microVMs with secure drivers, ensuring deterministic performance and remote attestation of every workload.', }, ], }, ]; // Floating particle component const FloatingParticle = ({ delay, index }: { delay: number; index: number }) => { const startX = (index % 3) * 40 + 10; const startY = Math.floor(index / 3) * 60 + 20; return ( ); }; export const TechnologyArchitecture = () => { const [activeTab, setActiveTab] = useState('zero-os'); const [particles, setParticles] = useState([]); const current = tabs.find((tab) => tab.id === activeTab) ?? tabs[0]; useEffect(() => { // Generate random particles on tab change setParticles(Array.from({ length: 6 }, (_, i) => i)); }, [activeTab]); return (

Autonomous Software Stack

Seamlessly integrating compute, storage, and networking, GeoMind's architecture delivers secure, scalable, and efficient infrastructure for AI, cloud, and next-generation workloads from edge to planetary scale.

{tabs.map((tab) => ( ))}

{current.title}

{current.description}

    {current.bullets.map((bullet) => (

  • {bullet.heading}

    {bullet.body}

    {bullet.subpoints && (
      {bullet.subpoints.map((point) => (
    • {point}
      • ))}
    )}
    • ))}
{current.label} {current.cardText}
{/* Animated gradient overlay */} {/* Floating particles */} {particles.map((i) => ( ))} {/* Animated circles */} {/* Central glowing orb */} {/* Animated lines */}
); };