...
This commit is contained in:
parent
e16a4a5278
commit
d11ce3998b
BIN
src/assets/tiers_2.png
Normal file
BIN
src/assets/tiers_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
@ -11,7 +11,6 @@ function ProductsPage() {
|
||||
{/* Navigation */}
|
||||
<Navigation />
|
||||
<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 */}
|
||||
@ -29,60 +28,35 @@ function ProductsPage() {
|
||||
|
||||
{/* Tier-H Datacenters: Residential & Office Scale */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center space-y-8 mb-12">
|
||||
<div className="max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-start">
|
||||
{/* Left Column: Text Content */}
|
||||
<div className="space-y-8">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">Tier-H: Plug-and-Play Digital Infrastructure</h2>
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
Perfect for homes, offices, and mixed-use buildings, offering edge computing and local AI processing.
|
||||
<p className="text-xl text-slate-600">
|
||||
A Tier-H datacenter is a decentralized, plug-and-play digital infrastructure solution designed for deployment in homes, offices, and mixed-use buildings. Unlike traditional, centralized datacenters, Tier-H units leverage existing physical spaces to host compute, storage, and networking capacity.
|
||||
</p>
|
||||
<img src="/src/assets/tier_s_h_compare.png" alt="Tier S H Comparison" className="w-full h-auto rounded-lg shadow-lg mb-12" />
|
||||
<p className="text-xl text-slate-600">
|
||||
By integrating these nodes directly into buildings, we can provide distributed cloud and AI capacity closer to the edge, enabling faster processing, reduced latency, and enhanced data sovereignty. This approach transforms any building into a potential source of digital infrastructure, contributing to a more resilient, decentralized, and accessible global grid.
|
||||
</p>
|
||||
<h3 className="text-2xl font-bold text-blue-600">Perfect For:</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" /> Homes, offices, and mixed-use buildings</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Edge computing and local AI processing</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Community networks and local services</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Development and testing environments</li>
|
||||
</ul>
|
||||
<h3 className="text-2xl font-bold text-blue-600">Technical Specifications:</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" /> Full compute, storage, and networking capabilities</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Zero-touch deployment and maintenance</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Supports AI workloads, Web2/Web3 applications</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Compatible with Kubernetes and container platforms</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-blue-600">Perfect For:</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" /> Homes, offices, and mixed-use buildings</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Edge computing and local AI processing</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Community networks and local services</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Development and testing environments</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-blue-600">Technical Specifications:</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" /> Full compute, storage, and networking capabilities</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Zero-touch deployment and maintenance</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Supports AI workloads, Web2/Web3 applications</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Compatible with Kubernetes and container platforms</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-blue-600 mb-6">Key Benefits:</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">Plug-and-play installation</CardTitle></CardHeader>
|
||||
<CardContent>Easy setup, no technical expertise needed.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-green-600">Zero maintenance required</CardTitle></CardHeader>
|
||||
<CardContent>Autonomous operation, minimal human intervention.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-purple-600">Generate passive income</CardTitle></CardHeader>
|
||||
<CardContent>Monetize unused compute capacity.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-orange-600">Local data sovereignty</CardTitle></CardHeader>
|
||||
<CardContent>Data stays local and private, under your control.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-teal-600">Resilient to internet outages</CardTitle></CardHeader>
|
||||
<CardContent>Ensures continuity of local services.</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
{/* Right Column: Image */}
|
||||
<div className="flex justify-center items-center">
|
||||
<img src="https://tenstorrent.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fjpb4ed5r%2Fproduction%2F176b1c0aeb6432b315442f64860fe20100e4ba09-1510x1645.jpg&w=3840&q=75" alt="Tier-H Datacenter" className="w-full h-auto rounded-lg shadow-lg" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -90,57 +64,54 @@ function ProductsPage() {
|
||||
|
||||
{/* Tier-S Datacenters: Industrial Scale */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-blue-50 to-purple-50">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center space-y-8 mb-12">
|
||||
<div className="max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-start">
|
||||
{/* Left Column: Text Content */}
|
||||
<div className="space-y-8">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">Tier-S: Industrial-Grade Modular Datacenters</h2>
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
<p className="text-xl text-slate-600">
|
||||
Comprehensive overview of the enterprise-grade solution for large-scale deployments.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-purple-600">Perfect For:</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" /> Government digital infrastructure</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Telecom edge deployment</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Enterprise private clouds</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> AI training and inference at scale</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Regional cloud service providers</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h3 className="text-2xl font-bold text-purple-600">Technical Specifications:</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" /> Modular container-based design</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Handle 1+ million transactions per second</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Support 100,000+ concurrent users per unit</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Deployed in under six months</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Cyberpandemic and disaster-resilient</li>
|
||||
</ul>
|
||||
<h3 className="text-2xl font-bold text-purple-600">Perfect For:</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" /> Government digital infrastructure</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Telecom edge deployment</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Enterprise private clouds</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> AI training and inference at scale</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Regional cloud service providers</li>
|
||||
</ul>
|
||||
<h3 className="text-2xl font-bold text-purple-600">Technical Specifications:</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" /> Modular container-based design</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Handle 1+ million transactions per second</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Support 100,000+ concurrent users per unit</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Deployed in under six months</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Cyberpandemic and disaster-resilient</li>
|
||||
</ul>
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-purple-600 mb-6">Key Benefits:</h3>
|
||||
<div className="grid sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-2 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-purple-600">Rapid deployment</CardTitle></CardHeader>
|
||||
<CardContent>Faster setup compared to traditional datacenters.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-blue-600">Complete sovereignty</CardTitle></CardHeader>
|
||||
<CardContent>Full control over data and operations.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-green-600">Scales horizontally</CardTitle></CardHeader>
|
||||
<CardContent>Unlimited scalability without bottlenecks.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-orange-600">Built-in redundancy</CardTitle></CardHeader>
|
||||
<CardContent>Self-healing and resilient infrastructure.</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-12 text-center">
|
||||
</div>
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-purple-600 mb-6">Key Benefits:</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-purple-600">Rapid deployment</CardTitle></CardHeader>
|
||||
<CardContent>Faster setup compared to traditional datacenters.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-blue-600">Complete sovereignty</CardTitle></CardHeader>
|
||||
<CardContent>Full control over data and operations.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-green-600">Scales horizontally</CardTitle></CardHeader>
|
||||
<CardContent>Unlimited scalability without bottlenecks.</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader><CardTitle className="text-orange-600">Built-in redundancy</CardTitle></CardHeader>
|
||||
<CardContent>Self-healing and resilient infrastructure.</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
{/* Right Column: Image */}
|
||||
<div className="flex justify-center items-center">
|
||||
<img src="https://threefold.info/datacenter/assets/images/tier_s_container-27111babcc4d16e029863e2420f0358e.png" alt="Tier-S Datacenter" className="w-full h-auto rounded-lg shadow-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -194,14 +165,9 @@ function ProductsPage() {
|
||||
<td className="py-3 px-4">✓</td>
|
||||
<td className="py-3 px-4">✓</td>
|
||||
</tr>
|
||||
<tr className="border-b border-slate-200">
|
||||
<td className="py-3 px-4">Energy Efficiency</td>
|
||||
<td className="py-3 px-4">Ultra-High</td>
|
||||
<td className="py-3 px-4">High</td>
|
||||
</tr>
|
||||
<tr className="border-b border-slate-200">
|
||||
<td className="py-3 px-4">Deployment Time</td>
|
||||
<td className="py-3 px-4">Minutes</td>
|
||||
<td className="py-3 px-4">Days</td>
|
||||
<td className="py-3 px-4">Months</td>
|
||||
</tr>
|
||||
<tr className="border-b border-slate-200">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user