mirror of
https://github.com/SkyLinkHostingLLC/Website-V3.git
synced 2026-02-22 00:12:21 -05:00
Update and rename SpecsPage.jsx.disabled to SpecsPage.jsx
This commit is contained in:
Josh S.
GitHub
parent
0c11d32705
commit
11d8541027
1 changed files with 142 additions and 106 deletions
|
|
@ -11,93 +11,105 @@ import {
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
import { Helmet } from "react-helmet";
|
import { Helmet } from "react-helmet";
|
||||||
|
|
||||||
// const hardware = {
|
const hardware = {
|
||||||
// processor: {
|
processor: {
|
||||||
// name: "AMD Ryzen™ Series",
|
name: "AMD Ryzen™ Series",
|
||||||
// specs: [
|
models: [
|
||||||
// "Up to 5.0GHz Clock Speed",
|
{
|
||||||
// "128MB L1 Cache",
|
model: "Ryzen 9 5900X",
|
||||||
// "280W TDP",
|
specs: [
|
||||||
// ],
|
"12 Cores / 24 Threads",
|
||||||
// },
|
"Base Clock: 3.7 GHz",
|
||||||
// memory: {
|
"Max Boost Clock: up to 4.8 GHz",
|
||||||
// name: "DDR4 ECC RAM",
|
],
|
||||||
// specs: [
|
},
|
||||||
// "4800MHz Base Clock",
|
{
|
||||||
// "ECC Protection",
|
model: "Ryzen 7 8700G",
|
||||||
// "Multi-Channel",
|
specs: [
|
||||||
// "Low Latency",
|
"8 Cores / 16 Threads",
|
||||||
// ],
|
"Base Clock: 4.2 GHz",
|
||||||
// },
|
"Max Boost Clock: up to 5.1 GHz",
|
||||||
// storage: {
|
"Integrated GPU: Radeon 780M",
|
||||||
// name: "Enterprise NVMe",
|
],
|
||||||
// specs: [
|
},
|
||||||
// "7000MB/s Read",
|
],
|
||||||
// "6000MB/s Write",
|
},
|
||||||
// "RAID Configuration",
|
memory: {
|
||||||
// "Hot-Swappable",
|
name: "DDR4 ECC RAM",
|
||||||
// ],
|
specs: [
|
||||||
// },
|
"4800MHz Base Clock",
|
||||||
// network: {
|
"ECC Protection",
|
||||||
// name: "Network Infrastructure",
|
"Multi-Channel",
|
||||||
// specs: [
|
"Low Latency",
|
||||||
// "100Gbps Backbone",
|
],
|
||||||
// "Redundant Links",
|
},
|
||||||
// "BGP Optimization",
|
storage: {
|
||||||
// "Low Latency Routes",
|
name: "Enterprise NVMe",
|
||||||
// ],
|
specs: [
|
||||||
// },
|
"RAID Configuration",
|
||||||
// };
|
"Hot-Swappable",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
network: {
|
||||||
|
name: "Network Infrastructure",
|
||||||
|
specs: [
|
||||||
|
"100Gbps Backbone",
|
||||||
|
"Redundant Links",
|
||||||
|
"BGP Optimization",
|
||||||
|
"Low Latency Routes",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
const datacenters = [
|
const datacenters = [
|
||||||
{
|
{
|
||||||
city: "Los Angeles",
|
city: "Phoenix, AZ",
|
||||||
country: "United States",
|
country: "United States",
|
||||||
features: [
|
features: [
|
||||||
"Tier IV Facility",
|
"Tier III Facility",
|
||||||
"N+2 Redundancy",
|
"N+1 Redundancy",
|
||||||
"24/7 Security",
|
"24/7 Security",
|
||||||
"Direct Peering",
|
"Direct Peering",
|
||||||
],
|
],
|
||||||
latency: {
|
latency: {
|
||||||
"US West": "5ms",
|
"US West": "25ms",
|
||||||
"US East": "45ms",
|
"US East": "80ms",
|
||||||
Europe: "140ms",
|
Europe: "140ms",
|
||||||
Asia: "110ms",
|
Asia: "310ms",
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
city: "Frankfurt",
|
|
||||||
country: "Germany",
|
|
||||||
features: [
|
|
||||||
"Tier IV Facility",
|
|
||||||
"Green Energy",
|
|
||||||
"CCTV Monitoring",
|
|
||||||
"ISO 27001",
|
|
||||||
],
|
|
||||||
latency: {
|
|
||||||
"US West": "140ms",
|
|
||||||
"US East": "90ms",
|
|
||||||
Europe: "5ms",
|
|
||||||
Asia: "80ms",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
city: "Singapore",
|
|
||||||
country: "Singapore",
|
|
||||||
features: [
|
|
||||||
"Tier III+ Facility",
|
|
||||||
"Biometric Access",
|
|
||||||
"Fire Suppression",
|
|
||||||
"Redundant Cooling",
|
|
||||||
],
|
|
||||||
latency: {
|
|
||||||
"US West": "110ms",
|
|
||||||
"US East": "180ms",
|
|
||||||
Europe: "80ms",
|
|
||||||
Asia: "5ms",
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
// {
|
||||||
|
// city: "Frankfurt",
|
||||||
|
// country: "Germany",
|
||||||
|
// features: [
|
||||||
|
// "Tier IV Facility",
|
||||||
|
// "Green Energy",
|
||||||
|
// "CCTV Monitoring",
|
||||||
|
// "ISO 27001",
|
||||||
|
// ],
|
||||||
|
// latency: {
|
||||||
|
// "US West": "140ms",
|
||||||
|
// "US East": "90ms",
|
||||||
|
// Europe: "5ms",
|
||||||
|
// Asia: "80ms",
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// city: "Singapore",
|
||||||
|
// country: "Singapore",
|
||||||
|
// features: [
|
||||||
|
// "Tier III+ Facility",
|
||||||
|
// "Biometric Access",
|
||||||
|
// "Fire Suppression",
|
||||||
|
// "Redundant Cooling",
|
||||||
|
// ],
|
||||||
|
// latency: {
|
||||||
|
// "US West": "110ms",
|
||||||
|
// "US East": "180ms",
|
||||||
|
// Europe: "80ms",
|
||||||
|
// Asia: "5ms",
|
||||||
|
// },
|
||||||
|
// },
|
||||||
];
|
];
|
||||||
|
|
||||||
const security = [
|
const security = [
|
||||||
|
|
@ -107,12 +119,12 @@ const security = [
|
||||||
description:
|
description:
|
||||||
"Enterprise-grade protection up to 1Tbps with automatic mitigation",
|
"Enterprise-grade protection up to 1Tbps with automatic mitigation",
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
icon: Lock,
|
// icon: Lock,
|
||||||
title: "SSL Security",
|
// title: "SSL Security",
|
||||||
description:
|
// description:
|
||||||
"Free SSL certificates and end-to-end encryption for all services",
|
// "Free SSL certificates and end-to-end encryption for all services",
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
icon: Activity,
|
icon: Activity,
|
||||||
title: "24/7 Monitoring",
|
title: "24/7 Monitoring",
|
||||||
|
|
@ -130,7 +142,7 @@ const SpecsPage = () => {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-gray-900">
|
<div className="min-h-screen bg-gray-900">
|
||||||
<Helmet>
|
<Helmet>
|
||||||
<title>Our Specs | GameZone</title>
|
<title>Our Specs | Skylink Hosting</title>
|
||||||
</Helmet>
|
</Helmet>
|
||||||
{/* Hero */}
|
{/* Hero */}
|
||||||
<section className="py-12 md:py-24">
|
<section className="py-12 md:py-24">
|
||||||
|
|
@ -151,30 +163,54 @@ const SpecsPage = () => {
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{/* Hardware Specs */}
|
{/* Hardware Specs */}
|
||||||
<section className="py-12 md:py-24 bg-slate-950">
|
<section className="py-12 md:py-24 bg-slate-950">
|
||||||
<div className="container mx-auto px-4 max-w-screen-xl">
|
<div className="container mx-auto px-4 max-w-screen-xl">
|
||||||
<h2 className="text-3xl md:text-4xl font-bold text-white mb-8">
|
<h2 className="text-3xl md:text-4xl font-bold text-white mb-8">
|
||||||
Hardware Specifications
|
Hardware Specifications
|
||||||
</h2>
|
</h2>
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2 md:gap-8">
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2 md:gap-8">
|
||||||
{Object.entries(hardware).map(([key, value]) => (
|
{Object.entries(hardware).map(([key, value]) => (
|
||||||
<div key={key} className="bg-gray-900 p-5 rounded-md">
|
<div key={key} className="bg-gray-900 p-5 rounded-md">
|
||||||
<h3 className="text-xl font-semibold text-white mb-4">
|
<h3 className="text-xl font-semibold text-white mb-4">
|
||||||
{value.name}
|
{value.name}
|
||||||
</h3>
|
</h3>
|
||||||
<ul className="space-y-3">
|
|
||||||
{value.specs.map((spec, index) => (
|
{/* Render basic specs if available */}
|
||||||
<li key={index} className="flex items-center text-gray-300">
|
{value.specs && (
|
||||||
<Zap className="w-4 h-4 text-blue-500 mr-2 flex-shrink-0" />
|
<ul className="space-y-3">
|
||||||
{spec}
|
{value.specs.map((spec, index) => (
|
||||||
</li>
|
<li key={index} className="flex items-center text-gray-300">
|
||||||
))}
|
<Zap className="w-4 h-4 text-blue-500 mr-2 flex-shrink-0" />
|
||||||
</ul>
|
{spec}
|
||||||
</div>
|
</li>
|
||||||
))}
|
))}
|
||||||
</div>
|
</ul>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Render model list (like CPUs) if available */}
|
||||||
|
{value.models && (
|
||||||
|
<div className="space-y-6">
|
||||||
|
{value.models.map((model, index) => (
|
||||||
|
<div key={index}>
|
||||||
|
<h4 className="text-white font-medium mb-2">{model.model}</h4>
|
||||||
|
<ul className="space-y-2 ml-4">
|
||||||
|
{model.specs.map((spec, i) => (
|
||||||
|
<li key={i} className="flex items-center text-gray-300">
|
||||||
|
<Zap className="w-4 h-4 text-blue-500 mr-2 flex-shrink-0" />
|
||||||
|
{spec}
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
{/* Data Centers */}
|
{/* Data Centers */}
|
||||||
<section className="py-12 md:py-24 bg-gray-900">
|
<section className="py-12 md:py-24 bg-gray-900">
|
||||||
|
|
@ -257,7 +293,7 @@ const SpecsPage = () => {
|
||||||
Multi-Homed Network
|
Multi-Homed Network
|
||||||
</h4>
|
</h4>
|
||||||
<p className="text-gray-400">
|
<p className="text-gray-400">
|
||||||
Redundant Tier-1 carriers ensure optimal routing and
|
Redundant Tier-3 carriers ensure optimal routing and
|
||||||
uptime
|
uptime
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
Loading…
Add table
Reference in a new issue