// Valicen — per-service schematic art for the Services page.
// On-brand geometric "network / data-flow" illustrations (no stock imagery),
// one distinct scene per service, drawn on the brand gradient panel.
function ServiceArt({ kind }) {
const meta = {
security: { tag: "Threat monitor", status: "Secure" },
network: { tag: "Network", status: "All links up" },
infra: { tag: "Data center", status: "Healthy" },
devices: { tag: "Endpoints", status: "Protected" },
cloud: { tag: "Cloud ops", status: "Synced" },
backup: { tag: "Data protection", status: "Verified" } };
const scenes = {
// ---- Cybersecurity: protective shield + scan rings ----
security: (
),
// ---- Managed workstations: devices wired to a hub ----
devices: (
),
// ---- Data center & infrastructure: server stack + activity ----
infra: (
),
// ---- Cloud services: cloud + sync + connected devices ----
cloud: (
),
// ---- Data protection & continuity: databases + backup loop ----
backup: (
),
// ---- Networking: central switch, fiber/copper links, endpoints + Wi-Fi ----
network: (
),
};
const m = meta[kind] || meta.security;
return (
{m.tag}
{m.status}
{scenes[kind] || scenes.security}
);
}
Object.assign(window, { ServiceArt });