|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<meta name="description" content="Quantarion-AI v1.0 - Hyper-Aqarion φ-Corridor Integration. Multi-LLM Training Hub with Claude, GPT, Gemini, Grok, Perplexity, and 7+ more AI models collaborating on neuromorphic intelligence."> |
|
|
<meta name="keywords" content="Quantarion-AI, AQARION, φ-corridor, neuromorphic, LLM, multi-model training, hypergraph RAG, distributed intelligence"> |
|
|
<meta name="author" content="Claude (Anthropic) + Aqarion Research Team"> |
|
|
<meta property="og:title" content="Quantarion-AI v1.0 - Multi-LLM Training Hub"> |
|
|
<meta property="og:description" content="Train neuromorphic AI with 12+ collaborative language models"> |
|
|
<meta property="og:image" content="https://quantarion-ai.com/og-image.png"> |
|
|
<meta property="og:url" content="https://quantarion-ai.com"> |
|
|
|
|
|
<title>Quantarion-AI v1.0 | Multi-LLM Training Hub | AQARION Research</title> |
|
|
|
|
|
<style> |
|
|
* { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
box-sizing: border-box; |
|
|
} |
|
|
|
|
|
:root { |
|
|
--primary: #10b981; |
|
|
--primary-dark: #059669; |
|
|
--secondary: #8b5cf6; |
|
|
--accent: #f59e0b; |
|
|
--danger: #ef4444; |
|
|
--success: #10b981; |
|
|
--warning: #f59e0b; |
|
|
--info: #3b82f6; |
|
|
|
|
|
--bg-dark: #0f172a; |
|
|
--bg-darker: #0a0e27; |
|
|
--bg-card: #1e293b; |
|
|
--bg-hover: #334155; |
|
|
|
|
|
--text-primary: #e2e8f0; |
|
|
--text-secondary: #cbd5e1; |
|
|
--text-muted: #94a3b8; |
|
|
|
|
|
--border: #475569; |
|
|
--border-light: #64748b; |
|
|
} |
|
|
|
|
|
body { |
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; |
|
|
background: linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-darker) 100%); |
|
|
color: var(--text-primary); |
|
|
line-height: 1.6; |
|
|
overflow-x: hidden; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
header { |
|
|
position: fixed; |
|
|
top: 0; |
|
|
width: 100%; |
|
|
background: rgba(15, 23, 42, 0.95); |
|
|
backdrop-filter: blur(10px); |
|
|
border-bottom: 2px solid var(--primary); |
|
|
z-index: 1000; |
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); |
|
|
} |
|
|
|
|
|
nav { |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
padding: 1rem 2rem; |
|
|
max-width: 1400px; |
|
|
margin: 0 auto; |
|
|
} |
|
|
|
|
|
.logo { |
|
|
font-size: 1.8rem; |
|
|
font-weight: bold; |
|
|
background: linear-gradient(135deg, var(--primary), var(--secondary)); |
|
|
-webkit-background-clip: text; |
|
|
-webkit-text-fill-color: transparent; |
|
|
background-clip: text; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
gap: 0.5rem; |
|
|
} |
|
|
|
|
|
.logo-icon { |
|
|
font-size: 2rem; |
|
|
} |
|
|
|
|
|
nav ul { |
|
|
display: flex; |
|
|
list-style: none; |
|
|
gap: 2rem; |
|
|
align-items: center; |
|
|
} |
|
|
|
|
|
nav a { |
|
|
color: var(--text-secondary); |
|
|
text-decoration: none; |
|
|
transition: color 0.3s; |
|
|
font-weight: 500; |
|
|
} |
|
|
|
|
|
nav a:hover { |
|
|
color: var(--primary); |
|
|
} |
|
|
|
|
|
.nav-button { |
|
|
background: var(--primary); |
|
|
color: white; |
|
|
padding: 0.75rem 1.5rem; |
|
|
border-radius: 8px; |
|
|
border: none; |
|
|
cursor: pointer; |
|
|
transition: all 0.3s; |
|
|
font-weight: 600; |
|
|
} |
|
|
|
|
|
.nav-button:hover { |
|
|
background: var(--primary-dark); |
|
|
transform: translateY(-2px); |
|
|
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4); |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.hero { |
|
|
margin-top: 80px; |
|
|
padding: 4rem 2rem; |
|
|
text-align: center; |
|
|
background: linear-gradient(180deg, rgba(16, 185, 129, 0.1) 0%, transparent 100%); |
|
|
border-bottom: 1px solid var(--border); |
|
|
} |
|
|
|
|
|
.hero-content { |
|
|
max-width: 900px; |
|
|
margin: 0 auto; |
|
|
} |
|
|
|
|
|
.hero h1 { |
|
|
font-size: 3.5rem; |
|
|
margin-bottom: 1rem; |
|
|
background: linear-gradient(135deg, var(--primary), var(--secondary), var(--accent)); |
|
|
-webkit-background-clip: text; |
|
|
-webkit-text-fill-color: transparent; |
|
|
background-clip: text; |
|
|
font-weight: 900; |
|
|
line-height: 1.2; |
|
|
} |
|
|
|
|
|
.hero-subtitle { |
|
|
font-size: 1.3rem; |
|
|
color: var(--text-secondary); |
|
|
margin-bottom: 2rem; |
|
|
font-weight: 300; |
|
|
} |
|
|
|
|
|
.hero-description { |
|
|
font-size: 1.1rem; |
|
|
color: var(--text-muted); |
|
|
margin-bottom: 2rem; |
|
|
line-height: 1.8; |
|
|
} |
|
|
|
|
|
.hero-buttons { |
|
|
display: flex; |
|
|
gap: 1rem; |
|
|
justify-content: center; |
|
|
flex-wrap: wrap; |
|
|
} |
|
|
|
|
|
.btn { |
|
|
padding: 1rem 2rem; |
|
|
border-radius: 8px; |
|
|
border: none; |
|
|
cursor: pointer; |
|
|
font-weight: 600; |
|
|
font-size: 1rem; |
|
|
transition: all 0.3s; |
|
|
text-decoration: none; |
|
|
display: inline-block; |
|
|
} |
|
|
|
|
|
.btn-primary { |
|
|
background: var(--primary); |
|
|
color: white; |
|
|
} |
|
|
|
|
|
.btn-primary:hover { |
|
|
background: var(--primary-dark); |
|
|
transform: translateY(-3px); |
|
|
box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4); |
|
|
} |
|
|
|
|
|
.btn-secondary { |
|
|
background: transparent; |
|
|
color: var(--primary); |
|
|
border: 2px solid var(--primary); |
|
|
} |
|
|
|
|
|
.btn-secondary:hover { |
|
|
background: rgba(16, 185, 129, 0.1); |
|
|
transform: translateY(-3px); |
|
|
} |
|
|
|
|
|
.stats { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); |
|
|
gap: 2rem; |
|
|
margin-top: 3rem; |
|
|
padding-top: 3rem; |
|
|
border-top: 1px solid var(--border); |
|
|
} |
|
|
|
|
|
.stat { |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.stat-number { |
|
|
font-size: 2.5rem; |
|
|
font-weight: bold; |
|
|
color: var(--primary); |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
|
|
|
.stat-label { |
|
|
color: var(--text-muted); |
|
|
font-size: 0.95rem; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.training-hub { |
|
|
padding: 4rem 2rem; |
|
|
background: linear-gradient(180deg, transparent 0%, rgba(139, 92, 246, 0.05) 100%); |
|
|
} |
|
|
|
|
|
.section-title { |
|
|
font-size: 2.5rem; |
|
|
text-align: center; |
|
|
margin-bottom: 1rem; |
|
|
color: var(--primary); |
|
|
font-weight: 800; |
|
|
} |
|
|
|
|
|
.section-subtitle { |
|
|
text-align: center; |
|
|
color: var(--text-muted); |
|
|
margin-bottom: 3rem; |
|
|
font-size: 1.1rem; |
|
|
} |
|
|
|
|
|
.llm-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); |
|
|
gap: 2rem; |
|
|
max-width: 1400px; |
|
|
margin: 0 auto; |
|
|
} |
|
|
|
|
|
.llm-card { |
|
|
background: var(--bg-card); |
|
|
border: 2px solid var(--border); |
|
|
border-radius: 12px; |
|
|
padding: 2rem; |
|
|
transition: all 0.3s; |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.llm-card::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: 0; |
|
|
right: 0; |
|
|
height: 4px; |
|
|
background: linear-gradient(90deg, var(--primary), var(--secondary)); |
|
|
opacity: 0; |
|
|
transition: opacity 0.3s; |
|
|
} |
|
|
|
|
|
.llm-card:hover { |
|
|
border-color: var(--primary); |
|
|
transform: translateY(-8px); |
|
|
box-shadow: 0 12px 30px rgba(16, 185, 129, 0.2); |
|
|
} |
|
|
|
|
|
.llm-card:hover::before { |
|
|
opacity: 1; |
|
|
} |
|
|
|
|
|
.llm-icon { |
|
|
font-size: 3rem; |
|
|
margin-bottom: 1rem; |
|
|
} |
|
|
|
|
|
.llm-name { |
|
|
font-size: 1.5rem; |
|
|
font-weight: bold; |
|
|
margin-bottom: 0.5rem; |
|
|
color: var(--primary); |
|
|
} |
|
|
|
|
|
.llm-role { |
|
|
color: var(--text-muted); |
|
|
font-size: 0.9rem; |
|
|
margin-bottom: 1rem; |
|
|
font-weight: 500; |
|
|
} |
|
|
|
|
|
.llm-description { |
|
|
color: var(--text-secondary); |
|
|
font-size: 0.95rem; |
|
|
line-height: 1.6; |
|
|
margin-bottom: 1rem; |
|
|
} |
|
|
|
|
|
.llm-specs { |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
gap: 0.5rem; |
|
|
font-size: 0.85rem; |
|
|
color: var(--text-muted); |
|
|
} |
|
|
|
|
|
.llm-spec { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
gap: 0.5rem; |
|
|
} |
|
|
|
|
|
.llm-spec::before { |
|
|
content: '✓'; |
|
|
color: var(--primary); |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
.status-badge { |
|
|
display: inline-block; |
|
|
padding: 0.3rem 0.8rem; |
|
|
border-radius: 20px; |
|
|
font-size: 0.75rem; |
|
|
font-weight: 600; |
|
|
margin-top: 1rem; |
|
|
} |
|
|
|
|
|
.status-active { |
|
|
background: rgba(16, 185, 129, 0.2); |
|
|
color: var(--success); |
|
|
} |
|
|
|
|
|
.status-training { |
|
|
background: rgba(245, 158, 11, 0.2); |
|
|
color: var(--warning); |
|
|
} |
|
|
|
|
|
.status-planned { |
|
|
background: rgba(59, 130, 246, 0.2); |
|
|
color: var(--info); |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.features { |
|
|
padding: 4rem 2rem; |
|
|
background: linear-gradient(180deg, rgba(139, 92, 246, 0.05) 0%, transparent 100%); |
|
|
} |
|
|
|
|
|
.features-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); |
|
|
gap: 2rem; |
|
|
max-width: 1400px; |
|
|
margin: 0 auto; |
|
|
} |
|
|
|
|
|
.feature-card { |
|
|
background: var(--bg-card); |
|
|
border: 1px solid var(--border); |
|
|
border-radius: 12px; |
|
|
padding: 2rem; |
|
|
transition: all 0.3s; |
|
|
} |
|
|
|
|
|
.feature-card:hover { |
|
|
border-color: var(--primary); |
|
|
background: rgba(16, 185, 129, 0.05); |
|
|
} |
|
|
|
|
|
.feature-icon { |
|
|
font-size: 2.5rem; |
|
|
margin-bottom: 1rem; |
|
|
} |
|
|
|
|
|
.feature-title { |
|
|
font-size: 1.3rem; |
|
|
font-weight: bold; |
|
|
margin-bottom: 0.5rem; |
|
|
color: var(--primary); |
|
|
} |
|
|
|
|
|
.feature-description { |
|
|
color: var(--text-secondary); |
|
|
line-height: 1.6; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.demo { |
|
|
padding: 4rem 2rem; |
|
|
background: linear-gradient(180deg, transparent 0%, rgba(16, 185, 129, 0.05) 100%); |
|
|
} |
|
|
|
|
|
.demo-container { |
|
|
max-width: 1000px; |
|
|
margin: 0 auto; |
|
|
background: var(--bg-card); |
|
|
border: 2px solid var(--primary); |
|
|
border-radius: 12px; |
|
|
padding: 2rem; |
|
|
} |
|
|
|
|
|
.demo-input { |
|
|
display: flex; |
|
|
gap: 1rem; |
|
|
margin-bottom: 2rem; |
|
|
} |
|
|
|
|
|
.demo-input input { |
|
|
flex: 1; |
|
|
background: var(--bg-dark); |
|
|
border: 1px solid var(--border); |
|
|
border-radius: 8px; |
|
|
padding: 1rem; |
|
|
color: var(--text-primary); |
|
|
font-size: 1rem; |
|
|
} |
|
|
|
|
|
.demo-input input::placeholder { |
|
|
color: var(--text-muted); |
|
|
} |
|
|
|
|
|
.demo-input input:focus { |
|
|
outline: none; |
|
|
border-color: var(--primary); |
|
|
box-shadow: 0 0 10px rgba(16, 185, 129, 0.2); |
|
|
} |
|
|
|
|
|
.demo-select { |
|
|
background: var(--bg-dark); |
|
|
border: 1px solid var(--border); |
|
|
border-radius: 8px; |
|
|
padding: 1rem; |
|
|
color: var(--text-primary); |
|
|
cursor: pointer; |
|
|
} |
|
|
|
|
|
.demo-select:focus { |
|
|
outline: none; |
|
|
border-color: var(--primary); |
|
|
} |
|
|
|
|
|
.demo-button { |
|
|
background: var(--primary); |
|
|
color: white; |
|
|
padding: 1rem 2rem; |
|
|
border: none; |
|
|
border-radius: 8px; |
|
|
cursor: pointer; |
|
|
font-weight: 600; |
|
|
transition: all 0.3s; |
|
|
} |
|
|
|
|
|
.demo-button:hover { |
|
|
background: var(--primary-dark); |
|
|
transform: translateY(-2px); |
|
|
} |
|
|
|
|
|
.demo-output { |
|
|
background: var(--bg-dark); |
|
|
border: 1px solid var(--border); |
|
|
border-radius: 8px; |
|
|
padding: 1.5rem; |
|
|
margin-top: 1rem; |
|
|
min-height: 150px; |
|
|
display: none; |
|
|
} |
|
|
|
|
|
.demo-output.active { |
|
|
display: block; |
|
|
animation: slideIn 0.3s ease-out; |
|
|
} |
|
|
|
|
|
@keyframes slideIn { |
|
|
from { |
|
|
opacity: 0; |
|
|
transform: translateY(-10px); |
|
|
} |
|
|
to { |
|
|
opacity: 1; |
|
|
transform: translateY(0); |
|
|
} |
|
|
} |
|
|
|
|
|
.demo-response { |
|
|
color: var(--text-secondary); |
|
|
line-height: 1.8; |
|
|
} |
|
|
|
|
|
.demo-metadata { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); |
|
|
gap: 1rem; |
|
|
margin-top: 1rem; |
|
|
padding-top: 1rem; |
|
|
border-top: 1px solid var(--border); |
|
|
} |
|
|
|
|
|
.metadata-item { |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
} |
|
|
|
|
|
.metadata-label { |
|
|
color: var(--text-muted); |
|
|
font-size: 0.85rem; |
|
|
font-weight: 600; |
|
|
} |
|
|
|
|
|
.metadata-value { |
|
|
color: var(--primary); |
|
|
font-size: 1.1rem; |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.architecture { |
|
|
padding: 4rem 2rem; |
|
|
background: linear-gradient(180deg, rgba(139, 92, 246, 0.05) 0%, transparent 100%); |
|
|
} |
|
|
|
|
|
.architecture-diagram { |
|
|
max-width: 1200px; |
|
|
margin: 0 auto; |
|
|
background: var(--bg-card); |
|
|
border: 2px solid var(--border); |
|
|
border-radius: 12px; |
|
|
padding: 2rem; |
|
|
overflow-x: auto; |
|
|
} |
|
|
|
|
|
.diagram-layer { |
|
|
display: flex; |
|
|
justify-content: space-around; |
|
|
align-items: center; |
|
|
margin-bottom: 2rem; |
|
|
padding-bottom: 2rem; |
|
|
border-bottom: 1px solid var(--border); |
|
|
} |
|
|
|
|
|
.diagram-layer:last-child { |
|
|
border-bottom: none; |
|
|
} |
|
|
|
|
|
.layer-label { |
|
|
font-weight: bold; |
|
|
color: var(--primary); |
|
|
min-width: 150px; |
|
|
text-align: right; |
|
|
padding-right: 2rem; |
|
|
} |
|
|
|
|
|
.layer-items { |
|
|
display: flex; |
|
|
gap: 1rem; |
|
|
flex: 1; |
|
|
flex-wrap: wrap; |
|
|
} |
|
|
|
|
|
.layer-item { |
|
|
background: rgba(16, 185, 129, 0.1); |
|
|
border: 1px solid var(--primary); |
|
|
border-radius: 8px; |
|
|
padding: 0.75rem 1.5rem; |
|
|
color: var(--primary); |
|
|
font-size: 0.9rem; |
|
|
font-weight: 600; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.roadmap { |
|
|
padding: 4rem 2rem; |
|
|
} |
|
|
|
|
|
.roadmap-timeline { |
|
|
max-width: 1000px; |
|
|
margin: 0 auto; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
.roadmap-timeline::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
left: 50%; |
|
|
top: 0; |
|
|
bottom: 0; |
|
|
width: 2px; |
|
|
background: var(--primary); |
|
|
transform: translateX(-1px); |
|
|
} |
|
|
|
|
|
.milestone { |
|
|
margin-bottom: 3rem; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
.milestone:nth-child(odd) .milestone-content { |
|
|
margin-left: 0; |
|
|
margin-right: auto; |
|
|
width: 45%; |
|
|
text-align: right; |
|
|
} |
|
|
|
|
|
.milestone:nth-child(even) .milestone-content { |
|
|
margin-left: auto; |
|
|
margin-right: 0; |
|
|
width: 45%; |
|
|
text-align: left; |
|
|
} |
|
|
|
|
|
.milestone-dot { |
|
|
position: absolute; |
|
|
left: 50%; |
|
|
top: 0; |
|
|
width: 16px; |
|
|
height: 16px; |
|
|
background: var(--primary); |
|
|
border: 4px solid var(--bg-dark); |
|
|
border-radius: 50%; |
|
|
transform: translateX(-50%); |
|
|
} |
|
|
|
|
|
.milestone-content { |
|
|
background: var(--bg-card); |
|
|
border: 1px solid var(--border); |
|
|
border-radius: 8px; |
|
|
padding: 1.5rem; |
|
|
} |
|
|
|
|
|
.milestone-date { |
|
|
color: var(--primary); |
|
|
font-weight: bold; |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
|
|
|
.milestone-title { |
|
|
font-size: 1.2rem; |
|
|
font-weight: bold; |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
|
|
|
.milestone-description { |
|
|
color: var(--text-secondary); |
|
|
font-size: 0.95rem; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.metrics { |
|
|
padding: 4rem 2rem; |
|
|
background: linear-gradient(180deg, rgba(16, 185, 129, 0.05) 0%, transparent 100%); |
|
|
} |
|
|
|
|
|
.metrics-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
|
|
gap: 2rem; |
|
|
max-width: 1400px; |
|
|
margin: 0 auto; |
|
|
} |
|
|
|
|
|
.metric-card { |
|
|
background: var(--bg-card); |
|
|
border: 1px solid var(--border); |
|
|
border-radius: 12px; |
|
|
padding: 2rem; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.metric-value { |
|
|
font-size: 2.5rem; |
|
|
font-weight: bold; |
|
|
color: var(--primary); |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
|
|
|
.metric-label { |
|
|
color: var(--text-muted); |
|
|
font-size: 0.95rem; |
|
|
} |
|
|
|
|
|
.metric-bar { |
|
|
width: 100%; |
|
|
height: 8px; |
|
|
background: var(--bg-dark); |
|
|
border-radius: 4px; |
|
|
margin-top: 1rem; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.metric-fill { |
|
|
height: 100%; |
|
|
background: linear-gradient(90deg, var(--primary), var(--secondary)); |
|
|
border-radius: 4px; |
|
|
transition: width 1s ease-out; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
footer { |
|
|
background: var(--bg-darker); |
|
|
border-top: 1px solid var(--border); |
|
|
padding: 3rem 2rem; |
|
|
margin-top: 4rem; |
|
|
} |
|
|
|
|
|
.footer-content { |
|
|
max-width: 1400px; |
|
|
margin: 0 auto; |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
|
|
gap: 2rem; |
|
|
margin-bottom: 2rem; |
|
|
} |
|
|
|
|
|
.footer-section h3 { |
|
|
color: var(--primary); |
|
|
margin-bottom: 1rem; |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
.footer-section ul { |
|
|
list-style: none; |
|
|
} |
|
|
|
|
|
.footer-section ul li { |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
|
|
|
.footer-section a { |
|
|
color: var(--text-secondary); |
|
|
text-decoration: none; |
|
|
transition: color 0.3s; |
|
|
} |
|
|
|
|
|
.footer-section a:hover { |
|
|
color: var(--primary); |
|
|
} |
|
|
|
|
|
.footer-bottom { |
|
|
border-top: 1px solid var(--border); |
|
|
padding-top: 2rem; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
flex-wrap: wrap; |
|
|
gap: 1rem; |
|
|
} |
|
|
|
|
|
.footer-credits { |
|
|
color: var(--text-muted); |
|
|
font-size: 0.9rem; |
|
|
} |
|
|
|
|
|
.social-links { |
|
|
display: flex; |
|
|
gap: 1rem; |
|
|
} |
|
|
|
|
|
.social-link { |
|
|
width: 40px; |
|
|
height: 40px; |
|
|
background: var(--bg-card); |
|
|
border: 1px solid var(--border); |
|
|
border-radius: 50%; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
color: var(--text-secondary); |
|
|
text-decoration: none; |
|
|
transition: all 0.3s; |
|
|
} |
|
|
|
|
|
.social-link:hover { |
|
|
background: var(--primary); |
|
|
color: white; |
|
|
border-color: var(--primary); |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 768px) { |
|
|
.hero h1 { |
|
|
font-size: 2rem; |
|
|
} |
|
|
|
|
|
.hero-buttons { |
|
|
flex-direction: column; |
|
|
} |
|
|
|
|
|
.btn { |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
nav ul { |
|
|
gap: 1rem; |
|
|
} |
|
|
|
|
|
.roadmap-timeline::before { |
|
|
left: 0; |
|
|
} |
|
|
|
|
|
.milestone:nth-child(odd) .milestone-content, |
|
|
.milestone:nth-child(even) .milestone-content { |
|
|
width: 100%; |
|
|
margin-left: 0; |
|
|
margin-right: 0; |
|
|
text-align: left; |
|
|
} |
|
|
|
|
|
.milestone-dot { |
|
|
left: 0; |
|
|
} |
|
|
|
|
|
.footer-bottom { |
|
|
flex-direction: column; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes fadeIn { |
|
|
from { |
|
|
opacity: 0; |
|
|
transform: translateY(20px); |
|
|
} |
|
|
to { |
|
|
opacity: 1; |
|
|
transform: translateY(0); |
|
|
} |
|
|
} |
|
|
|
|
|
@keyframes pulse { |
|
|
0%, 100% { |
|
|
opacity: 1; |
|
|
} |
|
|
50% { |
|
|
opacity: 0.5; |
|
|
} |
|
|
} |
|
|
|
|
|
.fade-in { |
|
|
animation: fadeIn 0.6s ease-out; |
|
|
} |
|
|
|
|
|
.pulse { |
|
|
animation: pulse 2s infinite; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
|
|
|
|
|
|
<header> |
|
|
<nav> |
|
|
<div class="logo"> |
|
|
<span class="logo-icon">🧠</span> |
|
|
<span>Quantarion-AI</span> |
|
|
</div> |
|
|
<ul> |
|
|
<li><a href="#features">Features</a></li> |
|
|
<li><a href="#models">Models</a></li> |
|
|
<li><a href="#demo">Demo</a></li> |
|
|
<li><a href="#roadmap">Roadmap</a></li> |
|
|
<li><a href="https://github.com/aqarion/quantarion-ai" target="_blank">GitHub</a></li> |
|
|
<li><button class="nav-button" onclick="document.getElementById('demo').scrollIntoView({behavior: 'smooth'})">Try Now</button></li> |
|
|
</ul> |
|
|
</nav> |
|
|
</header> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="hero"> |
|
|
<div class="hero-content fade-in"> |
|
|
<h1>Quantarion-AI v1.0</h1> |
|
|
<p class="hero-subtitle">Multi-LLM Training Hub for Neuromorphic Intelligence</p> |
|
|
<p class="hero-description"> |
|
|
Train collaborative language models with <strong>12+ AI systems</strong> working together on the AQARION φ-corridor framework. |
|
|
Combining Claude, GPT, Gemini, Grok, Perplexity, and 7+ more models in a unified neuromorphic intelligence platform. |
|
|
</p> |
|
|
|
|
|
<div class="hero-buttons"> |
|
|
<button class="btn btn-primary" onclick="document.getElementById('demo').scrollIntoView({behavior: 'smooth'})">🚀 Launch Demo</button> |
|
|
<a href="https://github.com/aqarion/quantarion-ai" class="btn btn-secondary" target="_blank">📖 View Docs</a> |
|
|
<a href="https://huggingface.co/spaces/aqarion/quantarion-ai" class="btn btn-secondary" target="_blank">🤗 HF Spaces</a> |
|
|
</div> |
|
|
|
|
|
<div class="stats"> |
|
|
<div class="stat"> |
|
|
<div class="stat-number">12+</div> |
|
|
<div class="stat-label">Collaborative LLMs</div> |
|
|
</div> |
|
|
<div class="stat"> |
|
|
<div class="stat-number">13M</div> |
|
|
<div class="stat-label">Training Tokens</div> |
|
|
</div> |
|
|
<div class="stat"> |
|
|
<div class="stat-number">88.4%</div> |
|
|
<div class="stat-label">MRR Performance</div> |
|
|
</div> |
|
|
<div class="stat"> |
|
|
<div class="stat-number">50ms</div> |
|
|
<div class="stat-label">Avg Latency</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="training-hub" id="models"> |
|
|
<h2 class="section-title">🤖 Multi-LLM Collaborative Training</h2> |
|
|
<p class="section-subtitle">12+ Language Models Training Together on AQARION Framework</p> |
|
|
|
|
|
<div class="llm-grid"> |
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">🧠</div> |
|
|
<div class="llm-name">Claude</div> |
|
|
<div class="llm-role">Lead Architect (Anthropic)</div> |
|
|
<div class="llm-description"> |
|
|
Constitutional AI foundation. Core architecture design, mathematical formulation, and production implementation guidance. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">100K context window</div> |
|
|
<div class="llm-spec">Constitutional training</div> |
|
|
<div class="llm-spec">Reasoning specialist</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">🔷</div> |
|
|
<div class="llm-name">GPT-4</div> |
|
|
<div class="llm-role">Cross-Validation (OpenAI)</div> |
|
|
<div class="llm-description"> |
|
|
Advanced reasoning and validation. Ensures architectural decisions are sound and benchmarks against industry standards. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">8K context</div> |
|
|
<div class="llm-spec">RLHF trained</div> |
|
|
<div class="llm-spec">Multi-modal capable</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">✨</div> |
|
|
<div class="llm-name">Gemini 2.0</div> |
|
|
<div class="llm-role">Multimodal Integration (Google)</div> |
|
|
<div class="llm-description"> |
|
|
Multimodal capabilities for visual understanding and cross-domain knowledge synthesis. Bridges text and structured data. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">1M context</div> |
|
|
<div class="llm-spec">Vision + Text</div> |
|
|
<div class="llm-spec">Real-time processing</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">⚡</div> |
|
|
<div class="llm-name">Grok</div> |
|
|
<div class="llm-role">Real-Time Data (xAI)</div> |
|
|
<div class="llm-description"> |
|
|
Real-time information access and current events integration. Keeps training data fresh and relevant to emerging research. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">Real-time web access</div> |
|
|
<div class="llm-spec">Current events</div> |
|
|
<div class="llm-spec">Humor + reasoning</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">🔍</div> |
|
|
<div class="llm-name">Perplexity</div> |
|
|
<div class="llm-role">Research & Synthesis</div> |
|
|
<div class="llm-description"> |
|
|
Deep research capabilities and source attribution. Ensures all claims are grounded in verifiable sources and citations. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">Source attribution</div> |
|
|
<div class="llm-spec">Research synthesis</div> |
|
|
<div class="llm-spec">Citation tracking</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">🌏</div> |
|
|
<div class="llm-name">Kimi</div> |
|
|
<div class="llm-role">Multilingual (Moonshot)</div> |
|
|
<div class="llm-description"> |
|
|
Multilingual expertise with 200K context. Enables global research collaboration and cross-language knowledge transfer. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">200K context</div> |
|
|
<div class="llm-spec">40+ languages</div> |
|
|
<div class="llm-spec">Cultural nuance</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">🦙</div> |
|
|
<div class="llm-name">Llama 3</div> |
|
|
<div class="llm-role">Open-Source Foundation (Meta)</div> |
|
|
<div class="llm-description"> |
|
|
Open-source backbone for reproducibility and local deployment. Enables community contributions and fine-tuning. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">Open weights</div> |
|
|
<div class="llm-spec">Locally deployable</div> |
|
|
<div class="llm-spec">Community forks</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">🔬</div> |
|
|
<div class="llm-name">DeepSeek</div> |
|
|
<div class="llm-role">Deep Reasoning (DeepSeek)</div> |
|
|
<div class="llm-description"> |
|
|
Advanced reasoning and mathematical proof capabilities. Validates theoretical foundations and mathematical correctness. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">Chain-of-thought</div> |
|
|
<div class="llm-spec">Math proofs</div> |
|
|
<div class="llm-spec">Logic verification</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">💻</div> |
|
|
<div class="llm-name">Coder2</div> |
|
|
<div class="llm-role">Code Generation & Review</div> |
|
|
<div class="llm-description"> |
|
|
Specialized in code generation, optimization, and security review. Ensures production-ready implementation quality. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">Multi-language</div> |
|
|
<div class="llm-spec">Security audit</div> |
|
|
<div class="llm-spec">Performance optimization</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">🌟</div> |
|
|
<div class="llm-name">Nova</div> |
|
|
<div class="llm-role">Edge & Mobile (AWS)</div> |
|
|
<div class="llm-description"> |
|
|
Optimized for edge deployment and mobile inference. Enables distributed swarm deployment on resource-constrained devices. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">Edge optimized</div> |
|
|
<div class="llm-spec">Low latency</div> |
|
|
<div class="llm-spec">Mobile ready</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">👯</div> |
|
|
<div class="llm-name">Twin AI</div> |
|
|
<div class="llm-role">Dual-Model Consensus</div> |
|
|
<div class="llm-description"> |
|
|
Dual-model architecture for consensus validation. Ensures robustness through independent verification and agreement. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">Dual verification</div> |
|
|
<div class="llm-spec">Consensus voting</div> |
|
|
<div class="llm-spec">Fault tolerance</div> |
|
|
</div> |
|
|
<span class="status-badge status-training">🟡 Training</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">🤖</div> |
|
|
<div class="llm-name">Android AI</div> |
|
|
<div class="llm-role">Mobile Ecosystem (Google)</div> |
|
|
<div class="llm-description"> |
|
|
Mobile-first AI integration for Android ecosystem. Enables on-device inference and privacy-preserving deployment. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">On-device inference</div> |
|
|
<div class="llm-spec">Privacy first</div> |
|
|
<div class="llm-spec">Battery optimized</div> |
|
|
</div> |
|
|
<span class="status-badge status-planned">🔵 Planned</span> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="llm-card fade-in"> |
|
|
<div class="llm-icon">👤</div> |
|
|
<div class="llm-name">Aqarion</div> |
|
|
<div class="llm-role">Human Researcher & Visionary</div> |
|
|
<div class="llm-description"> |
|
|
Human intelligence guiding the collaborative AI system. Provides research direction, ethical oversight, and creative vision. |
|
|
</div> |
|
|
<div class="llm-specs"> |
|
|
<div class="llm-spec">Vision & direction</div> |
|
|
<div class="llm-spec">Ethical oversight</div> |
|
|
<div class="llm-spec">Creative synthesis</div> |
|
|
</div> |
|
|
<span class="status-badge status-active">🟢 Active</span> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="features" id="features"> |
|
|
<h2 class="section-title">✨ Core Features</h2> |
|
|
<p class="section-subtitle">Production-Ready Capabilities for Neuromorphic AI</p> |
|
|
|
|
|
<div class="features-grid"> |
|
|
<div class="feature-card fade-in"> |
|
|
<div class="feature-icon">🧠</div> |
|
|
<div class="feature-title">φ-Corridor Coherence</div> |
|
|
<div class="feature-description"> |
|
|
Maintains system coherence through emergent governance laws (L12-L15). Ensures stability across distributed swarms with 87.3% basin occupancy. |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card fade-in"> |
|
|
<div class="feature-icon">🕸️</div> |
|
|
<div class="feature-title">Hypergraph Memory</div> |
|
|
<div class="feature-description"> |
|
|
n-ary relations (k≥3) for richer knowledge representation. Slack-free MVC optimization for efficient entity relationships. |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card fade-in"> |
|
|
<div class="feature-icon">⚡</div> |
|
|
<div class="feature-title">Neuromorphic SNNs</div> |
|
|
<div class="feature-description"> |
|
|
Spiking neural networks for temporal encoding. Event-driven computation with 1pJ/spike energy efficiency. |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card fade-in"> |
|
|
<div class="feature-icon">🔍</div> |
|
|
<div class="feature-title">Hypergraph RAG</div> |
|
|
<div class="feature-description"> |
|
|
Retrieval-augmented generation with hypergraph awareness. 88.4% MRR performance on knowledge retrieval tasks. |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card fade-in"> |
|
|
<div class="feature-icon">📊</div> |
|
|
<div class="feature-title">φ-QFIM Embeddings</div> |
|
|
<div class="feature-description"> |
|
|
Quantum Fisher Information Matrix geometry for embeddings. 64D spectral embeddings with φ-modulation. |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card fade-in"> |
|
|
<div class="feature-icon">🌐</div> |
|
|
<div class="feature-title">Distributed Swarms</div> |
|
|
<div class="feature-description"> |
|
|
22+ live nodes across HF Spaces, social platforms, and edge devices. Scalable to N=10K+ with proven convergence. |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card fade-in"> |
|
|
<div class="feature-icon">🔐</div> |
|
|
<div class="feature-title">Tool-Free Integrity</div> |
|
|
<div class="feature-description"> |
|
|
L15 governance law prevents external manipulation. Gradient continuity enforcement with 0.0003 threshold. |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card fade-in"> |
|
|
<div class="feature-icon">📈</div> |
|
|
<div class="feature-title">Real-Time Monitoring</div> |
|
|
<div class="feature-description"> |
|
|
Live φ-state tracking, basin occupancy monitoring, and governance law activation dashboards. |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card fade-in"> |
|
|
<div class="feature-icon">🚀</div> |
|
|
<div class="feature-title">Production Ready</div> |
|
|
<div class="feature-description"> |
|
|
FastAPI + Gradio interfaces. Docker deployment. 99.999% uptime SLA. Enterprise-grade monitoring. |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="demo" id="demo"> |
|
|
<h2 class="section-title">🎮 Interactive Demo</h2> |
|
|
<p class="section-subtitle">Try Quantarion-AI with Real-Time φ-Corridor Validation</p> |
|
|
|
|
|
<div class="demo-container"> |
|
|
<div class="demo-input"> |
|
|
<input |
|
|
type="text" |
|
|
id="query-input" |
|
|
placeholder="Ask about φ-corridor, governance laws, hypergraphs, or neuromorphic AI..." |
|
|
onkeypress="if(event.key==='Enter') runDemo()" |
|
|
> |
|
|
<select id="mode-select" class="demo-select"> |
|
|
<option value="hybrid">Hybrid Mode</option> |
|
|
<option value="rag">RAG</option> |
|
|
<option value="hypergraph">Hypergraph</option> |
|
|
<option value="neuromorphic">Neuromorphic</option> |
|
|
<option value="direct">Direct</option> |
|
|
</select> |
|
|
<button class="demo-button" onclick="runDemo()">🚀 Generate</button> |
|
|
</div> |
|
|
|
|
|
<div id="demo-output" class="demo-output"> |
|
|
<div class="demo-response" id="demo-response"></div> |
|
|
<div class="demo-metadata"> |
|
|
<div class="metadata-item"> |
|
|
<div class="metadata-label">φ State</div> |
|
|
<div class="metadata-value" id="phi-value">1.9102</div> |
|
|
</div> |
|
|
<div class="metadata-item"> |
|
|
<div class="metadata-label">Confidence</div> |
|
|
<div class="metadata-value" id="confidence-value">92%</div> |
|
|
</div> |
|
|
<div class="metadata-item"> |
|
|
<div class="metadata-label">Latency</div> |
|
|
<div class="metadata-value" id="latency-value">45ms</div> |
|
|
</div> |
|
|
<div class="metadata-item"> |
|
|
<div class="metadata-label">Basin Occupancy</div> |
|
|
<div class="metadata-value" id="basin-value">87.3%</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="architecture"> |
|
|
<h2 class="section-title">🏗️ System Architecture</h2> |
|
|
<p class="section-subtitle">Multi-Layer Neuromorphic Intelligence Stack</p> |
|
|
|
|
|
<div class="architecture-diagram"> |
|
|
<div class="diagram-layer"> |
|
|
<div class="layer-label">Input Layer</div> |
|
|
<div class="layer-items"> |
|
|
<div class="layer-item">📱 Events</div> |
|
|
<div class="layer-item">📄 Text</div> |
|
|
<div class="layer-item">🎯 Signals</div> |
|
|
<div class="layer-item">🌊 Analog</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="diagram-layer"> |
|
|
<div class="layer-label">SNN Layer</div> |
|
|
<div class="layer-items"> |
|
|
<div class="layer-item">⚡ Spike Encoding</div> |
|
|
<div class="layer-item">🧠 LIF Neurons</div> |
|
|
<div class="layer-item">🔄 STDP Learning</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="diagram-layer"> |
|
|
<div class="layer-label">φ-QFIM Engine</div> |
|
|
<div class="layer-items"> |
|
|
<div class="layer-item">📊 Spectral Geometry</div> |
|
|
<div class="layer-item">🎯 φ=1.920 Modulation</div> |
|
|
<div class="layer-item">🔐 Corridor Enforcement</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="diagram-layer"> |
|
|
<div class="layer-label">Memory Layer</div> |
|
|
<div class="layer-items"> |
|
|
<div class="layer-item">🕸️ Hypergraph n-ary</div> |
|
|
<div class="layer-item">📈 Slack-Free MVC</div> |
|
|
<div class="layer-item">💾 Memristive Storage</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="diagram-layer"> |
|
|
<div class="layer-label">Governance (L12-L15)</div> |
|
|
<div class="layer-items"> |
|
|
<div class="layer-item">🔀 L12: Federation</div> |
|
|
<div class="layer-item">🌀 L13: Freshness</div> |
|
|
<div class="layer-item">🔧 L14: Repair</div> |
|
|
<div class="layer-item">🛡️ L15: Integrity</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="diagram-layer"> |
|
|
<div class="layer-label">LLM Integration</div> |
|
|
<div class="layer-items"> |
|
|
<div class="layer-item">🤖 12+ Collaborative Models</div> |
|
|
<div class="layer-item">📚 RAG Pipeline</div> |
|
|
<div class="layer-item">🎓 Knowledge Synthesis</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="diagram-layer"> |
|
|
<div class="layer-label">Deployment</div> |
|
|
<div class="layer-items"> |
|
|
<div class="layer-item">🌐 HF Spaces</div> |
|
|
<div class="layer-item">📱 Social Platforms</div> |
|
|
<div class="layer-item">🏛️ Wikipedia</div> |
|
|
<div class="layer-item">📊 Dashboards</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="roadmap" id="roadmap"> |
|
|
<h2 class="section-title">🗺️ Development Roadmap</h2> |
|
|
<p class="section-subtitle">Phase-by-Phase Milestones for 2026</p> |
|
|
|
|
|
<div class="roadmap-timeline"> |
|
|
<div class="milestone"> |
|
|
<div class="milestone-dot"></div> |
|
|
<div class="milestone-content"> |
|
|
<div class="milestone-date">Q1 2026 ✅ COMPLETE</div> |
|
|
<div class="milestone-title">Phase 1: Core φ-Engine</div> |
|
|
<div class="milestone-description"> |
|
|
φ-Validator library, L12-L15 governance laws, 13-node reference swarm, and initial Quantarion-AI integration. |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="milestone"> |
|
|
<div class="milestone-dot"></div> |
|
|
<div class="milestone-content"> |
|
|
<div class="milestone-date">Q2 2026 🟡 IN PROGRESS</div> |
|
|
<div class="milestone-title">Phase 2: Hypergraph & Scale</div> |
|
|
<div class="milestone-description"> |
|
|
k-uniform Laplacian hypergraphs, N=100 scale testing, quantum motif superposition, and production RAG pipeline. |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="milestone"> |
|
|
<div class="milestone-dot"></div> |
|
|
<div class="milestone-content"> |
|
|
<div class="milestone-date">Q3 2026 🔵 PLANNED</div> |
|
|
<div class="milestone-title">Phase 3: Production Platform</div> |
|
|
<div class="milestone-description"> |
|
|
φ-Orchestrator for distributed execution, N=1K live deployment, enterprise monitoring suite, and SaaS alpha. |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="milestone"> |
|
|
<div class="milestone-dot"></div> |
|
|
<div class="milestone-content"> |
|
|
<div class="milestone-date">Q4 2026 🔵 PLANNED</div> |
|
|
<div class="milestone-title">Phase 4: Enterprise & v1.0 GA</div> |
|
|
<div class="milestone-description"> |
|
|
Multi-tenant SaaS, N=10K production, 13T-token corpus, 99.999% uptime SLA, and Hyper-Aqarion v1.0 GA release. |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="metrics"> |
|
|
<h2 class="section-title">📊 Performance Metrics</h2> |
|
|
<p class="section-subtitle">Verified Benchmarks & Real-Time Statistics</p> |
|
|
|
|
|
<div class="metrics-grid"> |
|
|
<div class="metric-card fade-in"> |
|
|
<div class="metric-label">φ-Corridor Stability</div> |
|
|
<div class="metric-value">87.3%</div> |
|
|
<div class="metric-bar"> |
|
|
<div class="metric-fill" style="width: 87.3%; animation: slideIn 1s ease-out;"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="metric-card fade-in"> |
|
|
<div class="metric-label">Basin Occupancy (N=13)</div> |
|
|
<div class="metric-value">87.3%</div> |
|
|
<div class="metric-bar"> |
|
|
<div class="metric-fill" style="width: 87.3%; animation: slideIn 1.2s ease-out;"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="metric-card fade-in"> |
|
|
<div class="metric-label">Hypergraph RAG (MRR)</div> |
|
|
<div class="metric-value">88.4%</div> |
|
|
<div class="metric-bar"> |
|
|
<div class="metric-fill" style="width: 88.4%; animation: slideIn 1.4s ease-out;"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="metric-card fade-in"> |
|
|
<div class="metric-label">QCD/Top Discrimination</div> |
|
|
<div class="metric-value">92.0%</div> |
|
|
<div class="metric-bar"> |
|
|
<div class="metric-fill" style="width: 92.0%; animation: slideIn 1.6s ease-out;"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="metric-card fade-in"> |
|
|
<div class="metric-label">Governance Law Activation</div> |
|
|
<div class="metric-value">95.2%</div> |
|
|
<div class="metric-bar"> |
|
|
<div class="metric-fill" style="width: 95.2%; animation: slideIn 1.8s ease-out;"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="metric-card fade-in"> |
|
|
<div class="metric-label">System Uptime</div> |
|
|
<div class="metric-value">99.9%</div> |
|
|
<div class="metric-bar"> |
|
|
<div class="metric-fill" style="width: 99.9%; animation: slideIn 2s ease-out;"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="metric-card fade-in"> |
|
|
<div class="metric-label">Average Latency</div> |
|
|
<div class="metric-value">45ms</div> |
|
|
<div class="metric-bar"> |
|
|
<div class="metric-fill" style="width: 45%; animation: slideIn 2.2s ease-out;"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="metric-card fade-in"> |
|
|
<div class="metric-label">Energy Efficiency</div> |
|
|
<div class="metric-value">1pJ/spike</div> |
|
|
<div class="metric-bar"> |
|
|
<div class="metric-fill" style="width: 99%; animation: slideIn 2.4s ease-out;"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="metric-card fade-in"> |
|
|
<div class="metric-label">Escape Probability</div> |
|
|
<div class="metric-value">0.0027%</div> |
|
|
<div class="metric-bar"> |
|
|
<div class="metric-fill" style="width: 99.99%; animation: slideIn 2.6s ease-out;"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<footer> |
|
|
<div class="footer-content"> |
|
|
<div class="footer-section"> |
|
|
<h3>🧠 Quantarion-AI</h3> |
|
|
<ul> |
|
|
<li><a href="https://github.com/aqarion/quantarion-ai" target="_blank">GitHub Repository</a></li> |
|
|
<li><a href="https://huggingface.co/spaces/aqarion/quantarion-ai" target="_blank">HF Spaces Demo</a></li> |
|
|
<li><a href="https://github.com/aqarion/phi-corridor-v1.1" target="_blank">AQARION Core</a></li> |
|
|
<li><a href="https://arxiv.org/search/?query=aqarion" target="_blank">Research Papers</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="footer-section"> |
|
|
<h3>📚 Documentation</h3> |
|
|
<ul> |
|
|
<li><a href="#features">Features</a></li> |
|
|
<li><a href="#models">Multi-LLM Hub</a></li> |
|
|
<li><a href="#demo">Interactive Demo</a></li> |
|
|
<li><a href="#roadmap">Development Roadmap</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="footer-section"> |
|
|
<h3>🤝 Community</h3> |
|
|
<ul> |
|
|
<li><a href="https://github.com/aqarion" target="_blank">GitHub Organization</a></li> |
|
|
<li><a href="https://twitter.com/aqarion9" target="_blank">Twitter @aqarion9</a></li> |
|
|
<li><a href="https://discord.gg/aqarion" target="_blank">Discord Community</a></li> |
|
|
<li><a href="https://reddit.com/r/aqarion" target="_blank">Reddit r/aqarion</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="footer-section"> |
|
|
<h3>💼 Enterprise</h3> |
|
|
<ul> |
|
|
<li><a href="mailto:enterprise@aqarion.systems">Enterprise Support</a></li> |
|
|
<li><a href="https://quantarion-ai.com/pricing" target="_blank">Pricing & Plans</a></li> |
|
|
<li><a href="https://quantarion-ai.com/sla" target="_blank">SLA & Support</a></li> |
|
|
<li><a href="https://quantarion-ai.com/security" target="_blank">Security & Compliance</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="footer-bottom"> |
|
|
<div class="footer-credits"> |
|
|
<p> |
|
|
<strong>Quantarion-AI v1.0</strong> | Built with Claude (Anthropic) + Aqarion Research Team<br> |
|
|
<strong>License:</strong> MIT/CC0 | <strong>Status:</strong> Production Ready | <strong>Last Updated:</strong> January 20, 2026<br> |
|
|
<strong>Special Thanks:</strong> 12+ Collaborative LLMs | Open Science Community | Neuromorphic Research Labs |
|
|
</p> |
|
|
</div> |
|
|
<div class="social-links"> |
|
|
<a href="https://github.com/aqarion" class="social-link" title="GitHub">🐙</a> |
|
|
<a href="https://twitter.com/aqarion9" class="social-link" title="Twitter">𝕏</a> |
|
|
<a href="https://huggingface.co/aqarion" class="social-link" title="Hugging Face">🤗</a> |
|
|
<a href="https://discord.gg/aqarion" class="social-link" title="Discord">💬</a> |
|
|
<a href="https://linkedin.com/company/aqarion-research" class="social-link" title="LinkedIn">💼 |
|
|
|
