// Reusable SVG/visual fragments for NSS Software
const BrandMark = () => (
);
// Animated HiperFrame — corner brackets + scan line for hero
const HiperFrames = () => (
);
// Architectural hero figure — slow rotating wireframe scaffolding
const HeroFigure = () => {
const cellLines = [];
for (let i = 0; i <= 8; i++) {
cellLines.push();
cellLines.push();
}
return (
);
};
// Wireframe placed on top of service cards — varies per service
const SvcWire = ({ kind }) => {
if (kind === "landing") {
return (
);
}
if (kind === "gallery") {
return (
);
}
if (kind === "portfolio") {
return (
);
}
if (kind === "corp") {
return (
);
}
if (kind === "ecom") {
return (
);
}
// hosting
return (
);
};
// AI diagram — node network with central agent
const AiDiagram = () => {
const nodes = [
{ x: 50, y: 50, label: "WEB", main: false },
{ x: 50, y: 250, label: "WHATSAPP", main: false },
{ x: 50, y: 450, label: "TELEGRAM", main: false },
{ x: 250, y: 250, label: "NSS AGENT", main: true },
{ x: 450, y: 80, label: "ORDERS" },
{ x: 450, y: 180, label: "INVENTORY" },
{ x: 450, y: 280, label: "CRM" },
{ x: 450, y: 380, label: "NOTIFY" },
{ x: 450, y: 480, label: "ESCALATE" },
];
const edges = [
[0, 3], [1, 3], [2, 3],
[3, 4], [3, 5], [3, 6], [3, 7], [3, 8],
];
return (
);
};
// Asymmetric placeholder slot (used in case studies, etc.)
const Slot = ({ label, style }) => (
);
Object.assign(window, { BrandMark, HeroFigure, SvcWire, AiDiagram, Slot, HiperFrames });