...
This commit is contained in:
parent
6a3840a235
commit
918d1f58ed
@ -24,7 +24,6 @@ const componentMap = {
|
||||
function App() {
|
||||
return (
|
||||
<Router>
|
||||
<Navigation />
|
||||
<main className="pt-16">
|
||||
<Routes>
|
||||
<Route path="/" element={<NewHome />} />
|
||||
|
BIN
src/assets/quantum_safe.png
Normal file
BIN
src/assets/quantum_safe.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.6 MiB |
@ -10,12 +10,12 @@ function ProductsPage() {
|
||||
<div className="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50">
|
||||
{/* Navigation */}
|
||||
<Navigation />
|
||||
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
||||
<img src="https://tenstorrent.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fjpb4ed5r%2Fproduction%2F83293d04fb69b49d789f892f7d1ca53da7f250c3-4800x2520.png&w=3840&q=75" alt="Tenstorrent Product" className="w-full h-auto rounded-lg shadow-lg" />
|
||||
</div>
|
||||
|
||||
{/* Product Overview Hero */}
|
||||
<section className="pt-24 pb-16 px-4 sm:px-6 lg:px-8">
|
||||
<section className="pt-12 pb-16 px-4 sm:px-6 lg:px-8">
|
||||
<div className="max-w-5xl mx-auto text-center space-y-8">
|
||||
<Badge className="bg-blue-100 text-blue-800 hover:bg-blue-200">Our Solutions</Badge>
|
||||
<h1 className="text-4xl md:text-6xl font-bold text-slate-900 leading-tight">
|
||||
|
@ -7,7 +7,7 @@ import { Input } from './ui/input'
|
||||
import { Label } from './ui/label'
|
||||
import { Textarea } from './ui/textarea'
|
||||
import { Checkbox } from './ui/checkbox'
|
||||
import { Building2, Globe, Briefcase, Users, Home, DollarSign, CheckCircle, AlertCircle, ArrowRight, Zap, TrendingUp, Target } from 'lucide-react'
|
||||
import { Building2, Globe, Briefcase, Users, Home, DollarSign, CheckCircle, AlertCircle, ArrowRight, Zap, TrendingUp, Target, Shield, Network, BookOpen } from 'lucide-react'
|
||||
import Navigation from './Navigation'
|
||||
|
||||
function RegisterPage() {
|
||||
|
@ -3,18 +3,19 @@ import { Button } from './ui/button'
|
||||
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 Navigation from './Navigation'
|
||||
|
||||
function TechnologyPage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50">
|
||||
<Navigation />
|
||||
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-0">
|
||||
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
||||
<img src="/src/assets/tenstorrent_galaxy_internal_components.png" alt="Tenstorrent Galaxy Internal Components" className="w-full h-auto rounded-lg shadow-lg" />
|
||||
</div>
|
||||
|
||||
{/* Technology Hero Section */}
|
||||
<section className="pt-8 pb-16 px-4 sm:px-6 lg:px-8">
|
||||
<section className="pt-12 pb-16 px-4 sm:px-6 lg:px-8">
|
||||
<div className="max-w-5xl mx-auto text-center space-y-8">
|
||||
<Badge className="bg-blue-100 text-blue-800 hover:bg-blue-200">Our Innovations</Badge>
|
||||
<h1 className="text-4xl md:text-6xl font-bold text-slate-900 leading-tight">
|
||||
@ -110,10 +111,6 @@ function TechnologyPage() {
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-blue-600 mb-6">Technical Advantages:</h3>
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-blue-600">Eliminates context switching overhead</CardTitle></CardHeader>
|
||||
<CardContent>Depending workload can eliminates upto 90% of context switching overhead.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-green-600">Cryptographic verification</CardTitle></CardHeader>
|
||||
<CardContent>Ensures integrity of all components.</CardContent>
|
||||
@ -140,8 +137,11 @@ function TechnologyPage() {
|
||||
Explanation of the mathematical storage breakthrough that ensures unbreakable data.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<div className="space-y-6">
|
||||
<div className="grid md:grid-cols-2 gap-8 items-center">
|
||||
<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" />
|
||||
</div>
|
||||
<div className="md:col-span-1 space-y-6">
|
||||
<h3 className="text-2xl font-bold text-green-600">How It Works:</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" /> Data is fragmented and transformed into mathematical equations</li>
|
||||
@ -149,33 +149,13 @@ function TechnologyPage() {
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Original data fragments are discarded</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Any subset of equations can reconstruct the original data</li>
|
||||
</ul>
|
||||
<h3 className="text-2xl font-bold text-green-600 mt-8">Production Configuration (16/4):</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" /> 16 data fragments become 20 equations</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Only 16 equations needed for reconstruction</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Can lose any 4 nodes without data loss</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> 20% overhead vs 400% in traditional systems</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-green-600">Example (Simplified):</h3>
|
||||
<div className="bg-slate-100 p-4 rounded-lg font-mono text-sm text-slate-800">
|
||||
<pre><code>
|
||||
Original fragments: a=1, b=2, c=3
|
||||
Generated equations:
|
||||
- a+b+c=6
|
||||
- c-b-a=0
|
||||
- 2b+a-c=2
|
||||
- 5c-b-a=12
|
||||
</code></pre>
|
||||
</div>
|
||||
<h3 className="text-2xl font-bold text-green-600 mt-8">Zero-Knowledge Architecture:</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" /> No single node knows what it stores</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Cryptographic proof without data exposure</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Post-quantum security resistant</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Self-healing against bitrot and failures</li>
|
||||
</ul>
|
||||
<h3 className="text-2xl font-bold text-green-600">Zero-Knowledge Architecture:</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" /> No single node knows what it stores</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Cryptographic proof without data exposure</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Post-quantum security resistant</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-blue-500" /> Self-healing against bitrot and failures</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -190,8 +170,8 @@ Generated equations:
|
||||
Technical deep dive into the networking innovation that ensures intelligent and resilient connectivity.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<div className="space-y-6">
|
||||
<div className="grid md:grid-cols-2 gap-8 items-center">
|
||||
<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>
|
||||
@ -199,9 +179,7 @@ Generated equations:
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-teal-600">Technical Implementation:</h3>
|
||||
<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>
|
||||
@ -210,18 +188,17 @@ Generated equations:
|
||||
<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" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-teal-600 mb-6">Beyond Traditional Networking:</h3>
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-teal-600">Survives internet outages</CardTitle></CardHeader>
|
||||
<CardHeader><CardTitle className="text-blue-600">Survives internet outages</CardTitle></CardHeader>
|
||||
<CardContent>Ensures continuity even during major disruptions.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-blue-600">Routes around censorship</CardTitle></CardHeader>
|
||||
<CardContent>Provides resilient access in restricted environments.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-green-600">Enables true peer-to-peer</CardTitle></CardHeader>
|
||||
<CardContent>Facilitates direct communication between users.</CardContent>
|
||||
@ -264,27 +241,7 @@ Generated equations:
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-blue-600 mb-6">Energy Efficiency Breakthrough:</h3>
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-blue-600">Up to 10x less energy</CardTitle></CardHeader>
|
||||
<CardContent>Compared to traditional datacenters.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-green-600">Optimized hardware utilization</CardTitle></CardHeader>
|
||||
<CardContent>Maximizing efficiency from every component.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-purple-600">Reduced data movement</CardTitle></CardHeader>
|
||||
<CardContent>Minimizing energy waste in data transfer.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-orange-600">Green computing</CardTitle></CardHeader>
|
||||
<CardContent>Sustainable infrastructure at planetary scale.</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user