import { t as require_jsx_runtime, w as __toESM, y as require_react } from "../index.js";
import { t as Link } from "./link-B8tM8DlV.js";
//#region app/components/site-shell.tsx
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
var primary = [
	["Company", "/about"],
	["Services", "/services"],
	["Solutions", "/solutions"],
	["Products", "/products"],
	["Projects", "/projects"]
];
function Arrow() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
		"aria-hidden": "true",
		children: "↗"
	});
}
function SiteHeader({ current = "" }) {
	const [open, setOpen] = (0, import_react.useState)(false);
	(0, import_react.useEffect)(() => {
		document.body.classList.toggle("overlay-open", open);
		const escape = (event) => event.key === "Escape" && setOpen(false);
		window.addEventListener("keydown", escape);
		return () => {
			document.body.classList.remove("overlay-open");
			window.removeEventListener("keydown", escape);
		};
	}, [open]);
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
		className: "site-header",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
			className: "nav-shell container",
			"aria-label": "Main navigation",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
					className: "brand",
					href: "/",
					"aria-label": "NIOSUS home",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "N" }), "NIOSUS"]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "desktop-nav",
					children: primary.map(([label, href]) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href,
						"aria-current": current === href ? "page" : void 0,
						children: label
					}, href))
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "nav-actions",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
						className: "nav-cta",
						href: "/contact",
						children: ["Start a project ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
						className: `menu-button ${open ? "open" : ""}`,
						onClick: () => setOpen(!open),
						"aria-expanded": open,
						"aria-controls": "mobile-navigation",
						"aria-label": open ? "Close menu" : "Open menu",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})]
					})]
				})
			]
		}), open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "mobile-navigation",
			id: "mobile-navigation",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container",
				children: [primary.map(([label, href], index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
					href,
					onClick: () => setOpen(false),
					"aria-current": current === href ? "page" : void 0,
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("small", { children: ["0", index + 1] }),
						label,
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})
					]
				}, href)), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
					className: "mobile-contact",
					href: "/contact",
					onClick: () => setOpen(false),
					children: ["Start a project ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
				})]
			})
		})]
	});
}
function SiteFooter() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { children: [
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "footer-light" }),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "container footer-main",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "footer-brand",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
							className: "brand",
							href: "/",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "N" }), "NIOSUS"]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { children: [
							"Technology for a",
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
							"more capable world."
						] }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Lagos · Africa · Global" })
					]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: "Company" }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/about",
						children: "About"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/careers",
						children: "Careers"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/projects",
						children: "Projects"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/contact",
						children: "Contact"
					})
				] }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: "Expertise" }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/services",
						children: "Services"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/solutions",
						children: "Solutions"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/ai",
						children: "Artificial Intelligence"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/products",
						children: "Products"
					})
				] }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: "Connect" }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "mailto:hello@niosus.com",
						children: "hello@niosus.com"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
						href: "/contact",
						children: ["Start a conversation ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "newsletter",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
							htmlFor: "footer-email",
							children: "NIOSUS intelligence, occasionally."
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
							id: "footer-email",
							type: "email",
							placeholder: "Work email"
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
							"aria-label": "Subscribe",
							children: "→"
						})] })]
					})
				] })
			]
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "container footer-bottom",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "© 2026 NIOSUS" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/privacy-policy",
						children: "Privacy"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/terms-of-use",
						children: "Terms"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "/contact",
						children: "Accessibility"
					})
				] }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
					href: "/",
					children: "Return home ↑"
				})
			]
		})
	] });
}
function PageHero({ eyebrow, title, copy, image, tone = "dark", children }) {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
		className: `page-hero page-hero-${tone}`,
		children: [
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
				src: image,
				alt: "",
				fetchPriority: "high"
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "page-hero-shade" }),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "page-grid",
				"aria-hidden": "true"
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container page-hero-inner",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: eyebrow
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: title }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "page-hero-foot",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: copy }), children]
					})
				]
			})
		]
	});
}
function ProjectCta({ title = "Bring us the hard problem.", copy = "We will bring the clarity, craft and technical depth to move it forward." }) {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
		className: "project-cta",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "container project-cta-inner",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
					className: "eyebrow",
					children: "Your next move"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: title }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: copy }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
					className: "btn primary",
					href: "/contact",
					children: ["Start a project ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
				})
			]
		})
	});
}
function PageFrame({ children, current }) {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { children: [
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
			className: "skip-link",
			href: "#page-content",
			children: "Skip to content"
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SiteHeader, { current }),
		children,
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SiteFooter, {})
	] });
}
//#endregion
export { Arrow, PageFrame, PageHero, ProjectCta };
