...
This commit is contained in:
parent
0777269337
commit
fd2691051f
@ -64,14 +64,20 @@ 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 grid md:grid-cols-2 gap-12 items-start">
|
||||
<div className="max-w-6xl mx-auto grid md:grid-cols-1 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">
|
||||
Comprehensive overview of the enterprise-grade solution for large-scale deployments.
|
||||
</p>
|
||||
<h3 className="text-2xl font-bold text-purple-600">Perfect For:</h3>
|
||||
{/* Image */}
|
||||
<div className="col-span-2">
|
||||
<img src="/src/assets/tiers_2.png" alt="Tier-S Datacenter" className="w-full object-cover rounded-lg" />
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold text-purple-600 mb-4">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>
|
||||
@ -79,15 +85,22 @@ function ProductsPage() {
|
||||
<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>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold text-purple-600 mb-4">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" /> Handle 1+ million transactions per second For Web4</li>
|
||||
<li className="flex items-center gap-2"><CheckCircle className="h-5 w-5 text-green-500" /> Support 100,000+ concurrent users per unit For Web 4</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">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Key Benefits */}
|
||||
<div className="mt-12 text-center col-span-2">
|
||||
<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">
|
||||
@ -109,11 +122,6 @@ function ProductsPage() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Right Column: Image */}
|
||||
<div className="flex justify-center items-center">
|
||||
<img src="/src/assets/tiers_2.png" alt="Tier-S Datacenter" className="w-full h-auto rounded-lg shadow-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Technology Stack Comparison */}
|
||||
@ -308,86 +316,7 @@ function ProductsPage() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Support and Services */}
|
||||
<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">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">Complete Support Ecosystem</h2>
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
What comes with each product offering.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-blue-600">Included with Every Deployment</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<ul className="space-y-2 text-slate-700">
|
||||
<li>Technical documentation and training</li>
|
||||
<li>Community support forums</li>
|
||||
<li>Regular software updates</li>
|
||||
<li>Monitoring and analytics tools</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-green-600">Enterprise Services (Tier-S)</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<ul className="space-y-2 text-slate-700">
|
||||
<li>Dedicated technical support</li>
|
||||
<li>Custom integration services</li>
|
||||
<li>SLA guarantees</li>
|
||||
<li>Professional consulting</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Getting Started */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-green-50 to-teal-50">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center space-y-8 mb-12">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">Ready to Deploy?</h2>
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
Clear next steps for each product.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-green-200">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-green-600">Start with Tier-H:</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<ul className="space-y-2 text-slate-700">
|
||||
<li>Order your first node</li>
|
||||
<li>Plug in and start earning</li>
|
||||
<li>Scale as you grow</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-blue-200">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-blue-600">Scale with Tier-S:</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<ul className="space-y-2 text-slate-700">
|
||||
<li>Schedule a consultation</li>
|
||||
<li>Custom deployment planning</li>
|
||||
<li>Professional installation and setup</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
<p className="text-center text-lg text-slate-600 mt-8">
|
||||
Both Options: Join our partner network, access technical resources, connect with the community.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Footer */}
|
||||
<footer className="py-8 px-4 sm:px-6 lg:px-8 bg-slate-900 text-white">
|
||||
|
@ -7,7 +7,7 @@ import path from 'path'
|
||||
export default defineConfig({
|
||||
plugins: [react(),tailwindcss()],
|
||||
server: {
|
||||
allowedHosts: ['*.ngrok-free.app','6162370c7e84.ngrok-free.app'],
|
||||
allowedHosts: ['*','6162370c7e84.ngrok-free.app','092443e84c95.ngrok-free.app'],
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
|
Loading…
Reference in New Issue
Block a user