Update and rename SpecsPage.jsx.disabled to SpecsPage.jsx

This commit is contained in:
Josh S. 2025-04-09 09:50:40 -04:00 committed by GitHub
parent 0c11d32705
commit 11d8541027
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -11,93 +11,105 @@ import {
} from "lucide-react";
import { Helmet } from "react-helmet";
// const hardware = {
// processor: {
// name: "AMD Ryzen Series",
// specs: [
// "Up to 5.0GHz Clock Speed",
// "128MB L1 Cache",
// "280W TDP",
// ],
// },
// memory: {
// name: "DDR4 ECC RAM",
// specs: [
// "4800MHz Base Clock",
// "ECC Protection",
// "Multi-Channel",
// "Low Latency",
// ],
// },
// storage: {
// name: "Enterprise NVMe",
// specs: [
// "7000MB/s Read",
// "6000MB/s Write",
// "RAID Configuration",
// "Hot-Swappable",
// ],
// },
// network: {
// name: "Network Infrastructure",
// specs: [
// "100Gbps Backbone",
// "Redundant Links",
// "BGP Optimization",
// "Low Latency Routes",
// ],
// },
// };
const hardware = {
processor: {
name: "AMD Ryzen™ Series",
models: [
{
model: "Ryzen 9 5900X",
specs: [
"12 Cores / 24 Threads",
"Base Clock: 3.7 GHz",
"Max Boost Clock: up to 4.8 GHz",
],
},
{
model: "Ryzen 7 8700G",
specs: [
"8 Cores / 16 Threads",
"Base Clock: 4.2 GHz",
"Max Boost Clock: up to 5.1 GHz",
"Integrated GPU: Radeon 780M",
],
},
],
},
memory: {
name: "DDR4 ECC RAM",
specs: [
"4800MHz Base Clock",
"ECC Protection",
"Multi-Channel",
"Low Latency",
],
},
storage: {
name: "Enterprise NVMe",
specs: [
"RAID Configuration",
"Hot-Swappable",
],
},
network: {
name: "Network Infrastructure",
specs: [
"100Gbps Backbone",
"Redundant Links",
"BGP Optimization",
"Low Latency Routes",
],
},
};
const datacenters = [
{
city: "Los Angeles",
city: "Phoenix, AZ",
country: "United States",
features: [
"Tier IV Facility",
"N+2 Redundancy",
"Tier III Facility",
"N+1 Redundancy",
"24/7 Security",
"Direct Peering",
],
latency: {
"US West": "5ms",
"US East": "45ms",
"US West": "25ms",
"US East": "80ms",
Europe: "140ms",
Asia: "110ms",
},
},
{
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",
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",
// },
// },
];
const security = [
@ -107,12 +119,12 @@ const security = [
description:
"Enterprise-grade protection up to 1Tbps with automatic mitigation",
},
{
icon: Lock,
title: "SSL Security",
description:
"Free SSL certificates and end-to-end encryption for all services",
},
// {
// icon: Lock,
// title: "SSL Security",
// description:
// "Free SSL certificates and end-to-end encryption for all services",
// },
{
icon: Activity,
title: "24/7 Monitoring",
@ -130,7 +142,7 @@ const SpecsPage = () => {
return (
<div className="min-h-screen bg-gray-900">
<Helmet>
<title>Our Specs | GameZone</title>
<title>Our Specs | Skylink Hosting</title>
</Helmet>
{/* Hero */}
<section className="py-12 md:py-24">
@ -162,6 +174,9 @@ const SpecsPage = () => {
<h3 className="text-xl font-semibold text-white mb-4">
{value.name}
</h3>
{/* Render basic specs if available */}
{value.specs && (
<ul className="space-y-3">
{value.specs.map((spec, index) => (
<li key={index} className="flex items-center text-gray-300">
@ -170,12 +185,33 @@ const SpecsPage = () => {
</li>
))}
</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>
</div>
</section>
{/* Data Centers */}
<section className="py-12 md:py-24 bg-gray-900">
<div className="container mx-auto px-4 max-w-screen-xl">
@ -257,7 +293,7 @@ const SpecsPage = () => {
Multi-Homed Network
</h4>
<p className="text-gray-400">
Redundant Tier-1 carriers ensure optimal routing and
Redundant Tier-3 carriers ensure optimal routing and
uptime
</p>
</div>