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"; } 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">
@ -162,6 +174,9 @@ const SpecsPage = () => {
<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>
{/* Render basic specs if available */}
{value.specs && (
<ul className="space-y-3"> <ul className="space-y-3">
{value.specs.map((spec, index) => ( {value.specs.map((spec, index) => (
<li key={index} className="flex items-center text-gray-300"> <li key={index} className="flex items-center text-gray-300">
@ -170,12 +185,33 @@ const SpecsPage = () => {
</li> </li>
))} ))}
</ul> </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> </div>
</div> </div>
</section> </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">
<div className="container mx-auto px-4 max-w-screen-xl"> <div className="container mx-auto px-4 max-w-screen-xl">
@ -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>