...
This commit is contained in:
parent
c43479891a
commit
b426045502
BIN
src/assets/myceliumn.png
Normal file
BIN
src/assets/myceliumn.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.9 MiB |
@ -4,6 +4,8 @@ import { Card, CardContent, CardHeader, CardTitle } from './ui/card'
|
||||
import { Badge } from './ui/badge'
|
||||
import { Cpu, Database, Network, Shield, Zap, Scale, Globe, CheckCircle, BookOpen, Brain, Layers } from 'lucide-react'
|
||||
import quantumSafeImage from '../assets/quantum_safe.png'
|
||||
import MyceliumImage from '../assets/myceliumn.png'
|
||||
import { AlertCircle } from 'lucide-react'
|
||||
import Navigation from './Navigation'
|
||||
|
||||
function TechnologyPage() {
|
||||
@ -94,12 +96,12 @@ function TechnologyPage() {
|
||||
<h3 className="text-2xl font-bold text-blue-600">Core Principles:</h3>
|
||||
<ul className="space-y-3 text-lg text-slate-700">
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> <strong>Autonomy:</strong> Operates without human maintenance</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> <strong>Simplicity:</strong> Minimal 40MB footprint with only essential components</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> <strong>Stateless Design:</strong> No persistent local state, immune to corruption</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> <strong>Simplicity:</strong> Avoid layers, less is more</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> <strong>Stateless:</strong> Immune to corruption</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-blue-600">Revolutionary Features:</h3>
|
||||
<h3 className="text-2xl font-bold text-blue-600">Unique:</h3>
|
||||
<ul className="space-y-3 text-lg text-slate-700">
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> <strong>Zero-Install:</strong> Boots from network, no local installation</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> <strong>Zero-Images:</strong> Container images 1000x smaller (2MB vs 2GB)</li>
|
||||
@ -120,7 +122,7 @@ function TechnologyPage() {
|
||||
<CardContent>Operates without human intervention.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-orange-600">Compatible with Docker, Kubernetes, and VMs</CardTitle></CardHeader>
|
||||
<CardHeader><CardTitle className="text-orange-600">Compatible with Kubernetes and VMs</CardTitle></CardHeader>
|
||||
<CardContent>Flexible for diverse workloads.</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
@ -174,22 +176,20 @@ function TechnologyPage() {
|
||||
<div className="md:col-span-1 space-y-6">
|
||||
<h3 className="text-2xl font-bold text-teal-600">Core Capabilities:</h3>
|
||||
<ul className="space-y-3 text-lg text-slate-700">
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> <strong>End-to-End Encryption:</strong> Data encrypted at source, decrypted at destination</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> <strong>Shortest Path Routing:</strong> Dynamic optimization based on latency, bandwidth, reliability</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> <strong>Multi-Hop Transmission:</strong> Resilient routing through intermediate nodes</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> <strong>Geographic Awareness:</strong> Physical location optimization</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> <strong>End-to-End Encryption</strong> </li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> <strong>Shortest Path Routing</strong> </li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> <strong>Geographic Awareness:</strong></li>
|
||||
</ul>
|
||||
<h3 className="text-2xl font-bold text-teal-600 mt-8">Technical Implementation:</h3>
|
||||
<ul className="space-y-3 text-lg text-slate-700">
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Peer-to-peer mesh topology</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Up to 1 Gbps throughput per agent</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Wire-speed performance in infrastructure (100+ Gbps)</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Protocol-agnostic data transport</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Authentication-based security (not perimeter-based)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="md:col-span-1 flex justify-center">
|
||||
<img src={quantumSafeImage} alt="Quantum Safe Storage" className="w-full h-auto rounded-lg shadow-lg" />
|
||||
<img src={MyceliumImage} alt="Quantum Safe Storage" className="w-full h-auto rounded-lg shadow-lg" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-12 text-center">
|
||||
@ -319,7 +319,7 @@ function TechnologyPage() {
|
||||
Current status and future developments of ThreeFold's technology.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-blue-600">Currently Available:</h3>
|
||||
<ul className="space-y-3 text-lg text-slate-700">
|
||||
@ -339,15 +339,15 @@ function TechnologyPage() {
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Enhanced enterprise features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-blue-600 mb-6">Live Deployment Stats:</h3>
|
||||
<ul className="space-y-2 text-lg text-slate-700">
|
||||
<li>2000+ nodes across 70+ countries</li>
|
||||
<li>60,000+ CPU cores active</li>
|
||||
<li>1+ million contracts processed</li>
|
||||
<li>Petabytes of data stored safely</li>
|
||||
</ul>
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-blue-600">Live Deployment Stats:</h3>
|
||||
<ul className="space-y-3 text-lg text-slate-700">
|
||||
<li>2000+ nodes across 70+ countries</li>
|
||||
<li>60,000+ CPU cores active</li>
|
||||
<li>1+ million contracts processed</li>
|
||||
<li>Petabytes of data stored safely</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -361,7 +361,7 @@ function TechnologyPage() {
|
||||
Commitment to openness and interoperability.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-purple-600">Open Source Components:</h3>
|
||||
<ul className="space-y-3 text-lg text-slate-700">
|
||||
@ -380,16 +380,16 @@ function TechnologyPage() {
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Blockchain interoperability</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-purple-600 mb-6">Developer Ecosystem:</h3>
|
||||
<ul className="space-y-2 text-lg text-slate-700">
|
||||
<li>Comprehensive APIs and SDKs</li>
|
||||
<li>Extensive documentation</li>
|
||||
<li>Active community support</li>
|
||||
<li>Regular hackathons and events</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-purple-600">Developer Ecosystem:</h3>
|
||||
<ul className="space-y-3 text-lg text-slate-700">
|
||||
<li>Comprehensive APIs and SDKs</li>
|
||||
<li>Extensive documentation</li>
|
||||
<li>Active community support</li>
|
||||
<li>Regular hackathons and events</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -502,7 +502,6 @@ function TechnologyPage() {
|
||||
<Globe className="h-6 w-6 text-blue-400" />
|
||||
<span className="text-xl font-bold">ThreeFold Galaxy</span>
|
||||
</div>
|
||||
<p className="text-slate-400">Building the new internet, together in our sovereign digital freezone.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Galaxy. A new era of decentralized infrastructure.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
Loading…
Reference in New Issue
Block a user