Files
aitbc/website/index.html

358 lines
17 KiB
HTML

<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AITBC - Production-Ready AI Blockchain Platform</title>
<meta name="description" content="AITBC - Production-ready AI blockchain platform with 7 live components, 30+ GPU services, and Stage 7 complete">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<link rel="preconnect" href="https://aitbc.bubuit.net">
<link rel="dns-prefetch" href="//aitbc.bubuit.net">
<meta name="theme-color" content="#2563eb">
<meta property="og:title" content="AITBC - Production-Ready AI Blockchain Platform">
<meta property="og:description" content="Production-ready AI blockchain platform with 7 live components, 30+ GPU services">
<meta property="og:type" content="website">
<meta property="og:url" content="https://aitbc.bubuit.net">
<meta name="twitter:card" content="summary_large_image">
<!-- Performance optimization: resource hints -->
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
<link rel="dns-prefetch" href="//aitbc.bubuit.net">
<link rel="dns-prefetch" href="//github.com">
<style>
/* Critical CSS for above-the-fold content */
:root{--primary-color:#2563eb;--secondary-color:#7c3aed;--accent-color:#0ea5e9;--text-dark:#1f2937;--bg-white:#ffffff;--gradient:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%)}[data-theme="dark"]{--primary-color:#60a5fa;--secondary-color:#a855f7;--accent-color:#38bdf8;--text-dark:#f9fafb;--bg-white:#1f2937;--gradient:linear-gradient(135deg,#1d4ed8 0%,#7c3aed 100%)}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-light);transition:background-color .3s ease,color .3s ease}.container{max-width:1160px;margin:0 auto;padding:0 20px}.hero{background:var(--gradient);color:#fff;padding:100px 0 80px;text-align:center}.hero h1{font-size:3.5rem;margin-bottom:1rem;animation:fadeInUp .8s ease}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp .8s ease .2s both}.cta-button{display:inline-block;padding:12px 30px;background:var(--bg-white);color:var(--primary-color);text-decoration:none;border-radius:5px;font-weight:600;transition:transform .3s,box-shadow .3s;animation:fadeInUp .8s ease .4s both}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero h1{font-size:2.5rem}}
</style>
<link rel="preload" href="/assets/css/font-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="/assets/css/main.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/assets/css/font-awesome.min.css"><link rel="stylesheet" href="/assets/css/main.css"></noscript>
<link rel="stylesheet" href="/assets/css/site-header.css">
<!-- Font Awesome CDN fallback -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" media="print" onload="this.media='all'; this.onload=null;">
</head>
<body>
<!-- Header -->
<header class="global-header">
<div class="global-header__inner">
<a class="global-brand" href="/">
<div class="global-brand__icon">
<i class="fas fa-cube"></i>
</div>
<div class="global-brand__text">
<span>AITBC Platform</span>
<small>AI Blockchain Network</small>
</div>
</a>
<nav class="global-nav">
<a href="/" class="global-nav__link active">Home</a>
<a href="/explorer/" class="global-nav__link">Explorer</a>
<a href="/marketplace/" class="global-nav__link">Marketplace</a>
<a href="/Exchange/" class="global-nav__link">Exchange</a>
<a href="/docs/index.html" class="global-nav__link">Docs</a>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="hero" id="hero">
<div class="container">
<h1>Production-Ready AI Blockchain Platform</h1>
<p>7 Live Components • 30+ GPU Services • Stage 11 Complete</p>
<a href="#features" class="cta-button">Explore Features</a>
</div>
</section>
<!-- Features Section -->
<section class="features" id="features">
<div class="container">
<h2 class="section-title">Platform Components</h2>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-cube"></i>
</div>
<h3>Blockchain Node</h3>
<p>PoA/PoS consensus with REST/WebSocket RPC, real-time gossip layer, and comprehensive observability. Production-ready with devnet tooling.</p>
<a href="docs/blockchain-node.html" class="feature-link">View Docs <i class="fas fa-arrow-right"></i></a>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-server"></i>
</div>
<h3>Coordinator API</h3>
<p>FastAPI service for job submission, miner registration, and receipt management. SQLite persistence with comprehensive endpoints.</p>
<a href="docs/coordinator-api.html" class="feature-link">View Docs <i class="fas fa-arrow-right"></i></a>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-store"></i>
</div>
<h3>Marketplace Web</h3>
<p>Vite/TypeScript marketplace with offer/bid functionality, stats dashboard, and mock/live data toggle. Production UI ready.</p>
<a href="docs/marketplace-web.html" class="feature-link">View Docs <i class="fas fa-arrow-right"></i></a>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-search"></i>
</div>
<h3>Explorer Web</h3>
<p>Full-featured blockchain explorer with blocks, transactions, addresses, and receipts tracking. Responsive design with live data.</p>
<a href="docs/explorer-web.html" class="feature-link">View Docs <i class="fas fa-arrow-right"></i></a>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-wallet"></i>
</div>
<h3>Wallet Daemon</h3>
<p>Encrypted keystore with Argon2id + XChaCha20-Poly1305, REST/JSON-RPC APIs, and receipt verification capabilities.</p>
<a href="docs/wallet-daemon.html" class="feature-link">View Docs <i class="fas fa-arrow-right"></i></a>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-exchange-alt"></i>
</div>
<h3>Trade Exchange</h3>
<p>Bitcoin-to-AITBC exchange with QR payments, user management, and real-time trading. Buy tokens with BTC instantly.</p>
<a href="docs/trade-exchange.html" class="feature-link">View Docs <i class="fas fa-arrow-right"></i></a>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-swimming-pool"></i>
</div>
<h3>Pool Hub</h3>
<p>Miner registry with scoring engine, Redis/PostgreSQL backing, and comprehensive metrics. Live matching API deployed.</p>
<a href="docs/pool-hub.html" class="feature-link">View Docs <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</section>
<!-- Agent Ecosystem Section -->
<section class="features" id="agents">
<div class="container">
<h2 class="section-title">OpenClaw Agent Ecosystem</h2>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-robot"></i>
</div>
<h3>Autonomous Negotiation</h3>
<p>Agents use isolated smart contract wallets to bid for GPU compute time independently based on task priority.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-network-wired"></i>
</div>
<h3>Multi-Modal Fusion</h3>
<p>Seamlessly process text, image, audio, and video via high-speed WebSocket streams on global edge nodes.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-brain"></i>
</div>
<h3>Decentralized Memory</h3>
<p>Agents utilize IPFS/Filecoin for scalable, off-chain RAG vector embeddings, secured by on-chain ZK-Proofs.</p>
</div>
</div>
</div>
</section>
<!-- Architecture Section -->
<section class="architecture" id="architecture">
<div class="container">
<h2 class="section-title">Architecture</h2>
<div class="architecture-grid">
<div class="arch-component">
<i class="fas fa-server"></i>
<h3>Coordinator API</h3>
<p>Central coordination layer for marketplace operations</p>
</div>
<div class="arch-component">
<i class="fas fa-link"></i>
<h3>Blockchain Node</h3>
<p>Hybrid PoA/PoS consensus with fast finality</p>
</div>
<div class="arch-component">
<i class="fas fa-cube"></i>
<h3>GPU Providers</h3>
<p>Decentralized compute network for AI workloads</p>
</div>
<div class="arch-component">
<i class="fas fa-wallet"></i>
<h3>Wallet Daemon</h3>
<p>Secure wallet management and transaction signing</p>
</div>
</div>
</div>
</section>
<!-- Stats Section -->
<section class="stats">
<div class="container">
<div class="stats-grid">
<div class="stat-item">
<h3>100,000+</h3>
<p>Transactions Per Second</p>
</div>
<div class="stat-item">
<h3>&lt;1s</h3>
<p>Finality Time</p>
</div>
<div class="stat-item">
<h3>64</h3>
<p>Shard Chains</p>
</div>
<div class="stat-item">
<h3>95%</h3>
<p>Energy Reduction vs PoW</p>
</div>
</div>
</div>
</section>
<!-- Documentation Section -->
<section class="documentation" id="documentation">
<div class="container">
<h2 class="section-title">Documentation</h2>
<p class="section-subtitle">Choose your reader level for tailored documentation</p>
<div class="docs-grid">
<div class="doc-card">
<div class="doc-icon">
<i class="fas fa-hammer"></i>
</div>
<h3>Miners</h3>
<p>Learn mining, staking, and earning rewards</p>
<a href="docs/miners.html" class="doc-link">Miner Docs <i class="fas fa-arrow-right"></i></a>
</div>
<div class="doc-card">
<div class="doc-icon">
<i class="fas fa-users"></i>
</div>
<h3>Clients</h3>
<p>Use AITBC for AI/ML workloads</p>
<a href="docs/clients.html" class="doc-link">Client Docs <i class="fas fa-arrow-right"></i></a>
</div>
<div class="doc-card">
<div class="doc-icon">
<i class="fas fa-code"></i>
</div>
<h3>Developers</h3>
<p>Build on AITBC and contribute</p>
<a href="docs/developers.html" class="doc-link">Developer Docs <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="docs-cta">
<a href="docs/index.html" class="cta-button">View All Documentation</a>
</div>
</div>
</section>
<!-- Achievements Section -->
<section class="stats" id="achievements">
<div class="container">
<h2 class="section-title">Platform Achievements</h2>
<div class="stats-grid">
<div class="stat-item">
<h3>7</h3>
<p>Live Components</p>
</div>
<div class="stat-item">
<h3>30+</h3>
<p>GPU Services</p>
</div>
<div class="stat-item">
<h3>Stages 1-11</h3>
<p>Complete</p>
</div>
<div class="stat-item">
<h3>100%</h3>
<p>Open Source</p>
</div>
</div>
</div>
</section>
<!-- Roadmap Section -->
<section class="roadmap" id="roadmap">
<div class="container">
<h2 class="section-title">Development Roadmap</h2>
<div class="roadmap-timeline">
<div class="roadmap-item">
<div class="roadmap-marker"></div>
<div class="roadmap-content">
<h4>Stages 1-11 Complete</h4>
<p>Core infrastructure, marketplace, explorer, wallet, trade exchange, and 30+ GPU services deployed</p>
</div>
</div>
<div class="roadmap-item">
<div class="roadmap-marker"></div>
<div class="roadmap-content">
<h4>Phase 8 - Global Expansion Complete</h4>
<p>Multi-region edge nodes, Geographic load balancing, Dispute resolution contracts</p>
</div>
</div>
<div class="roadmap-item">
<div class="roadmap-marker">🔄</div>
<div class="roadmap-content">
<h4>Q2-Q3 2026 - Current Focus</h4>
<p>OpenClaw Autonomous Economics, Decentralized AI Memory, Developer Ecosystem Grants</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<ul class="nav-links">
<li><a href="/explorer/">Explorer</a></li>
<li><a href="/marketplace/">Marketplace</a></li>
<li><a href="/Exchange/">Exchange</a></li>
<li><a href="docs/index.html">Documentation</a></li>
<li><a href="mailto:andreas.fleckl@bubuit.net">Contact</a></li>
</ul>
<p>&copy; 2025 AITBC. All rights reserved.</p>
</div>
</footer>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "AITBC",
"description": "Production-ready AI blockchain platform with 7 live components and 30+ GPU services",
"url": "https://aitbc.bubuit.net",
"logo": "https://aitbc.bubuit.net/favicon.ico",
"sameAs": [
"https://github.com/aitbc"
],
"contactPoint": {
"@type": "ContactPoint",
"email": "andreas.fleckl@bubuit.net",
"contactType": "General Inquiries"
}
}
</script>
<script>
// Register service worker for offline support
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/assets/js/sw.js')
.then(registration => console.log('SW registered'))
.catch(err => console.log('SW registration failed'));
}
</script>
<script src="/assets/js/main.js" async></script>
<script src="/assets/js/web-vitals.js" async></script>
<!-- Lightweight Analytics - privacy focused, no cookies -->
<script data-host="https://ackee.bubuit.net" data-ackee-server="https://ackee.bubuit.net" src="/assets/js/analytics.js" async data-auto-opts='{"website": "aitbc-main", "name": "AITBC Main Website"}'></script>
</body>
</html>