import { a as require_react, o as __toESM, t as require_jsx_runtime } from "../index.js";
//#region app/page.tsx
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
var Arrow = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
	"aria-hidden": "true",
	children: "↗"
});
var IMG = (id, width = 1200) => `https://images.unsplash.com/${id}?auto=format&fit=crop&w=${width}&q=86`;
var heroSlides = [
	{
		tag: "NIOSUS / Global technology company",
		title: "Complexity,\nmade powerful.",
		copy: "We connect intelligence, software, infrastructure and media to build systems that move ambitious organisations forward.",
		image: IMG("photo-1519608487953-e999c86e7455", 2400),
		note: "Networked intelligence"
	},
	{
		tag: "Artificial intelligence + automation",
		title: "Work smarter.\nMove faster.",
		copy: "Applied AI and connected automation designed around real operations—not theatre, not hype.",
		image: IMG("photo-1518770660439-4636190af475", 2400),
		note: "Human-directed AI"
	},
	{
		tag: "Software + digital platforms",
		title: "Built to scale.\nReady to evolve.",
		copy: "Secure products, platforms and applications engineered for the demands beyond launch.",
		image: IMG("photo-1531297484001-80022131f5a1", 2400),
		note: "Product engineering"
	},
	{
		tag: "Telecoms + cybersecurity",
		title: "Always connected.\nAlways protected.",
		copy: "Resilient infrastructure and security architecture for a world that cannot afford downtime.",
		image: IMG("photo-1451187580459-43490279c0fa", 2400),
		note: "Critical infrastructure"
	}
];
var meaning = [
	{
		letter: "N",
		word: "Networked",
		text: "Connected by design, across teams, platforms and markets.",
		image: IMG("photo-1558494949-ef010cbdcc31", 1e3)
	},
	{
		letter: "I",
		word: "Intelligence",
		text: "Insight that turns complexity into confident action.",
		image: IMG("photo-1551288049-bebda4e38f71", 1e3)
	},
	{
		letter: "O",
		word: "Optimizing",
		text: "Continuous improvement built into every system.",
		image: IMG("photo-1504384308090-c894fdcc538d", 1e3)
	},
	{
		letter: "S",
		word: "Systems",
		text: "Technology that works as one coherent whole.",
		image: IMG("photo-1518770660439-4636190af475", 1e3)
	},
	{
		letter: "U",
		word: "Users",
		text: "Human needs remain the measure of useful innovation.",
		image: IMG("photo-1522071820081-009f0129c71c", 1e3)
	},
	{
		letter: "S",
		word: "Services",
		text: "Capability delivered with clarity, care and accountability.",
		image: IMG("photo-1521737711867-e3b97375f902", 1e3)
	}
];
var capabilities = [
	[
		"Artificial Intelligence",
		"AI systems that reason, predict and assist.",
		"AI",
		"photo-1485827404703-89b55fcc595e"
	],
	[
		"AI No-Code Development",
		"Launch intelligent workflows without engineering bottlenecks.",
		"NC",
		"photo-1555949963-ff9fe0c870eb"
	],
	[
		"Software Development",
		"Dependable platforms built around your operation.",
		"SW",
		"photo-1461749280684-dccba630e2f6"
	],
	[
		"Website Development",
		"Fast, expressive websites engineered to convert.",
		"WB",
		"photo-1460925895917-afdab827c52f"
	],
	[
		"Mobile Applications",
		"Useful, intuitive experiences for every screen.",
		"MB",
		"photo-1551650975-87deedd944c3"
	],
	[
		"Desktop Applications",
		"Powerful tools for demanding professional workflows.",
		"DS",
		"photo-1517336714731-489689fd1ca8"
	],
	[
		"Telecommunications",
		"Networks designed for reach, capacity and resilience.",
		"TC",
		"photo-1506399558188-acca6f8cbf41"
	],
	[
		"Cybersecurity",
		"Security architecture across identity, data and infrastructure.",
		"CY",
		"photo-1550751827-4bd374c3f58b"
	],
	[
		"Information Technology",
		"Managed systems that stay useful, visible and available.",
		"IT",
		"photo-1497366754035-f200968a6e72"
	],
	[
		"Data Analysis",
		"Clean pipelines and evidence people can act on.",
		"DA",
		"photo-1523961131990-5ea7c61b2107"
	],
	[
		"Hardware Engineering",
		"Connected physical systems, prototyped with precision.",
		"HW",
		"photo-1518770660439-4636190af475"
	],
	[
		"Cloud Infrastructure",
		"Scalable foundations with observability built in.",
		"CL",
		"photo-1558494949-ef010cbdcc31"
	],
	[
		"Social Media Management",
		"Audience systems grounded in insight and consistency.",
		"SM",
		"photo-1611162617474-5b21e879e113"
	],
	[
		"YouTube Management",
		"Channel strategy, publishing and performance as one engine.",
		"YT",
		"photo-1492619375914-88005aa9e8fb"
	],
	[
		"Content Automation",
		"Content operations that move at market speed.",
		"CA",
		"photo-1531058020387-3be344556be6"
	],
	[
		"Digital Marketing",
		"Connected campaigns built to learn and improve.",
		"DM",
		"photo-1533750349088-cd871a92f312"
	],
	[
		"Creative Media Production",
		"Film, motion and design with a strategic purpose.",
		"CM",
		"photo-1485846234645-a62644f84728"
	],
	[
		"Business Automation",
		"Fewer handoffs. Less friction. More capacity.",
		"BA",
		"photo-1504384308090-c894fdcc538d"
	],
	[
		"Training",
		"Practical capability your people can carry forward.",
		"TR",
		"photo-1523240795612-9a054b0db644"
	],
	[
		"Consulting",
		"Senior technical judgment at the decisions that matter.",
		"CO",
		"photo-1521737711867-e3b97375f902"
	]
];
var solutions = [
	[
		"Digital Transformation",
		"Reframe operations around connected, measurable digital capability.",
		"photo-1497366811353-6870744d04b2",
		"01"
	],
	[
		"Business Automation",
		"Turn repetitive workflows into reliable, intelligent systems.",
		"photo-1535223289827-42f1e9919769",
		"02"
	],
	[
		"Secure Digital Infrastructure",
		"Design resilience, identity and security into the foundation.",
		"photo-1558494949-ef010cbdcc31",
		"03"
	],
	[
		"Custom Platforms",
		"Create the operating environment your business actually needs.",
		"photo-1552664730-d307ca884978",
		"04"
	],
	[
		"AI-Powered Customer Experiences",
		"Use AI to make service faster, more relevant and more human.",
		"photo-1535378917042-10a22c95931a",
		"05"
	],
	[
		"Media Growth Systems",
		"Connect content, distribution and insight into a repeatable engine.",
		"photo-1492724441997-5dc865305da7",
		"06"
	],
	[
		"Connected Business Systems",
		"Remove data islands and make work flow across the organisation.",
		"photo-1553877522-43269d4ea984",
		"07"
	],
	[
		"Data-Driven Decisions",
		"Give leaders a trusted view of what is happening and why.",
		"photo-1551288049-bebda4e38f71",
		"08"
	]
];
var products = [
	[
		"Flinkee",
		"Relationship and local discovery experience",
		"Status not publicly disclosed",
		"#ff5c35"
	],
	[
		"FXPeep",
		"Market intelligence product concept",
		"Status not publicly disclosed",
		"#7af0c3"
	],
	[
		"OpTube",
		"Video operations and growth platform",
		"Status not publicly disclosed",
		"#ff3c53"
	],
	[
		"LeadXtract Suite",
		"Lead intelligence and workflow ecosystem",
		"Status not publicly disclosed",
		"#a387ff"
	],
	[
		"Plotoria",
		"Story and creative development environment",
		"Status not publicly disclosed",
		"#ffb454"
	],
	[
		"NIOSUS WHOT",
		"Digital interpretation of a familiar card experience",
		"Status not publicly disclosed",
		"#65a9ff"
	],
	[
		"Daily Insider",
		"Digital information and publishing product",
		"Status not publicly disclosed",
		"#e8f168"
	]
];
var industries = [
	["Technology", "photo-1518770660439-4636190af475"],
	["Telecommunications", "photo-1506399558188-acca6f8cbf41"],
	["Finance", "photo-1611974789855-9c2a0a7236a3"],
	["Media", "photo-1492619375914-88005aa9e8fb"],
	["Education", "photo-1523240795612-9a054b0db644"],
	["Healthcare", "photo-1576091160399-112ba8d25d1d"],
	["E-commerce", "photo-1556742049-0cfed4f6a45d"],
	["Real Estate", "photo-1486406146926-c627a92ad1ab"],
	["Energy", "photo-1473341304170-971dccb5ac1e"],
	["Public Sector", "photo-1529107386315-e1a2ed48a620"],
	["Creator Economy", "photo-1485846234645-a62644f84728"],
	["Startups", "photo-1556761175-b413da4baf72"],
	["SMEs", "photo-1497366754035-f200968a6e72"],
	["Enterprises", "photo-1497366811353-6870744d04b2"]
];
var process = [
	"Discover",
	"Define",
	"Design",
	"Build",
	"Integrate",
	"Secure",
	"Launch",
	"Optimize"
];
function Home() {
	const [hero, setHero] = (0, import_react.useState)(0);
	const [playing, setPlaying] = (0, import_react.useState)(true);
	const [menu, setMenu] = (0, import_react.useState)(false);
	const [meaningIndex, setMeaningIndex] = (0, import_react.useState)(0);
	const [workIndex, setWorkIndex] = (0, import_react.useState)(0);
	const [modal, setModal] = (0, import_react.useState)(false);
	const [toast, setToast] = (0, import_react.useState)(false);
	const trigger = (0, import_react.useRef)(null);
	(0, import_react.useEffect)(() => {
		if (!playing) return;
		const id = window.setInterval(() => setHero((current) => (current + 1) % heroSlides.length), 8e3);
		return () => window.clearInterval(id);
	}, [playing]);
	(0, import_react.useEffect)(() => {
		document.body.classList.toggle("overlay-open", menu || modal);
		const escape = (event) => {
			if (event.key === "Escape") {
				setMenu(false);
				setModal(false);
				trigger.current?.focus();
			}
		};
		window.addEventListener("keydown", escape);
		return () => {
			document.body.classList.remove("overlay-open");
			window.removeEventListener("keydown", escape);
		};
	}, [menu, modal]);
	(0, import_react.useEffect)(() => {
		if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
		let ticking = false;
		const move = () => {
			if (!ticking) {
				window.requestAnimationFrame(() => {
					document.documentElement.style.setProperty("--parallax", `${Math.min(window.scrollY * .06, 38)}px`);
					ticking = false;
				});
				ticking = true;
			}
		};
		window.addEventListener("scroll", move, { passive: true });
		return () => window.removeEventListener("scroll", move);
	}, []);
	const openProject = (element) => {
		trigger.current = element;
		setModal(true);
	};
	const closeProject = () => {
		setModal(false);
		window.requestAnimationFrame(() => trigger.current?.focus());
	};
	const notify = () => {
		setToast(true);
		window.setTimeout(() => setToast(false), 3200);
	};
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { children: [
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
			className: "skip-link",
			href: "#main-content",
			children: "Skip to content"
		}),
		/* @__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)("a", {
						className: "brand",
						href: "#",
						"aria-label": "NIOSUS home",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "N" }), "NIOSUS"]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "desktop-nav",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
								href: "#meaning",
								children: "Company"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
								href: "#capabilities",
								children: "Capabilities"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
								href: "#solutions",
								children: "Solutions"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
								href: "#products",
								children: "Products"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
								href: "#work",
								children: "Work"
							})
						]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "nav-actions",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
							className: "nav-cta",
							onClick: (e) => openProject(e.currentTarget),
							children: ["Start a project ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
							className: `menu-button ${menu ? "open" : ""}`,
							onClick: () => setMenu(!menu),
							"aria-expanded": menu,
							"aria-controls": "mobile-navigation",
							"aria-label": menu ? "Close menu" : "Open menu",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})]
						})]
					})
				]
			}), menu && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "mobile-navigation",
				id: "mobile-navigation",
				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "container",
					children: [[
						"Company",
						"Capabilities",
						"Solutions",
						"Products",
						"Work"
					].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
						href: `#${item === "Company" ? "meaning" : item.toLowerCase()}`,
						onClick: () => setMenu(false),
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("small", { children: ["0", index + 1] }),
							item,
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})
						]
					}, item)), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
						onClick: (e) => {
							setMenu(false);
							openProject(e.currentTarget);
						},
						children: ["Start a project ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
					})]
				})
			})]
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
			className: "hero",
			id: "main-content",
			"aria-roledescription": "carousel",
			"aria-label": "NIOSUS highlights",
			children: [
				heroSlides.map((slide, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: `hero-slide ${hero === index ? "active" : ""}`,
					"aria-hidden": hero !== index,
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
						src: slide.image,
						alt: "",
						fetchPriority: index === 0 ? "high" : "auto"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hero-shade" })]
				}, slide.title)),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "network-lines",
					"aria-hidden": "true",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})
					]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "hero-orbit",
					"aria-hidden": "true",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})
					]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "container hero-content",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "hero-kicker",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: ["0", hero + 1] }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
								heroSlides[hero].tag
							]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: heroSlides[hero].title.split("\n").map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: i ? "accent-serif" : "",
							children: line
						}, line)) }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "hero-foot",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: heroSlides[hero].copy }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "hero-buttons",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
									className: "btn primary",
									href: "#capabilities",
									children: ["Explore NIOSUS ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
									className: "btn ghost",
									onClick: (e) => openProject(e.currentTarget),
									children: ["Talk to us ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
								})]
							})]
						})
					]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
					className: "signal-panel",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Live signal" }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: heroSlides[hero].note }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})
						] })
					]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "hero-controls",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: heroSlides.map((slide, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
						onClick: () => {
							setHero(i);
							setPlaying(false);
						},
						className: hero === i ? "active" : "",
						"aria-label": `Show slide ${i + 1}: ${slide.tag}`,
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: ["0", i + 1] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})]
					}, slide.title)) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
						className: "pause",
						onClick: () => setPlaying(!playing),
						"aria-label": playing ? "Pause slideshow" : "Play slideshow",
						children: playing ? "Ⅱ" : "▶"
					})]
				})
			]
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "meaning section",
			id: "meaning",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
					className: "section-heading",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: "The meaning inside the name"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { children: [
						"Intelligence is",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "only useful connected." })
					] })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
						"NIOSUS stands for ",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "Networked Intelligence Optimizing Systems, Users, and Services." }),
						" It is both our name and our operating principle."
					] })]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "meaning-stage",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "meaning-image",
						children: [meaning.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							className: meaningIndex === i ? "active" : "",
							src: item.image,
							alt: "",
							loading: "lazy"
						}, item.word)), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "meaning-caption",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: ["NIOSUS / 0", meaningIndex + 1] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: meaning[meaningIndex].text })]
						})]
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "meaning-list",
						children: meaning.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
							className: meaningIndex === i ? "active" : "",
							onMouseEnter: () => setMeaningIndex(i),
							onFocus: () => setMeaningIndex(i),
							onClick: () => setMeaningIndex(i),
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.letter }),
								item.word,
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})
							]
						}, `${item.letter}-${item.word}`))
					})]
				})]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "capabilities section dark",
			id: "capabilities",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
					className: "section-heading inverse",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: "Capabilities / 20 connected disciplines"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { children: [
						"Deep specialists.",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "One clear direction." })
					] })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "From infrastructure to interface, every discipline works together around the outcome." })]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "capability-grid",
					children: capabilities.map(([title, copy, icon, photo], i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
						className: `cap-card tone-${i % 5}`,
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
								src: IMG(photo, 800),
								alt: "",
								loading: "lazy",
								decoding: "async"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cap-shade" }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "cap-icon",
								children: icon
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "cap-copy",
								children: [
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: String(i + 1).padStart(2, "0") }),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: title }),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: copy }),
									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
										href: "#inquiry",
										children: ["Explore capability ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
									})
								]
							})
						]
					}, title))
				})]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "solutions section",
			id: "solutions",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
					className: "section-heading",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: "Featured solutions"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { children: [
						"Designed around",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "the change you need." })
					] })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Integrated solutions combine the right NIOSUS capabilities into one accountable path from problem to progress." })]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "solution-stack",
					children: solutions.map(([title, copy, photo, no], i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
						className: i % 2 ? "reverse" : "",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "solution-media",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
								src: IMG(photo, 1400),
								alt: "",
								loading: "lazy"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: no })]
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "solution-copy",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
									className: "eyebrow",
									children: ["Solution ", no]
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: title }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: copy }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
									href: "#inquiry",
									children: ["Shape this solution ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
								})
							]
						})]
					}, title))
				})]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "products section dark",
			id: "products",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
					className: "section-heading inverse",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: "Product ecosystem"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { children: [
						"Ideas becoming",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "useful products." })
					] })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "NIOSUS products explore focused problems across relationships, markets, media, intelligence and play. Public status is never overstated." })]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "product-rail",
					children: products.map(([name, copy, status, color], i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
						className: "product-card",
						style: { "--product": color },
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "device",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
									className: "device-top",
									children: [
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: name }),
										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("small", { children: ["NIOSUS / 0", i + 1] })
									]
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
									className: "device-ui",
									children: [
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: name.slice(0, 2).toUpperCase() })
									]
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
									className: "device-line",
									children: [
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})
									]
								})
							]
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "product-meta",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: name }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: copy }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: status })
							]
						})]
					}, name))
				})]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "industries section",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
					className: "section-heading",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: "Industries"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { children: [
						"Context changes.",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "Our standard does not." })
					] })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Sector knowledge helps us ask sharper questions, manage real constraints and build technology that belongs in its environment." })]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "industry-grid",
					children: industries.map(([name, photo], i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
						className: i === 0 || i === 5 || i === 10 ? "wide" : "",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
								src: IMG(photo, 900),
								alt: "",
								loading: "lazy"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: String(i + 1).padStart(2, "0") }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: name })
						]
					}, name))
				})]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "process section dark",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
					className: "section-heading inverse",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: "How we work"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { children: [
						"A clear path through",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "complex delivery." })
					] })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Each phase reduces uncertainty while protecting momentum, quality and shared understanding." })]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "process-visual",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "process-photo",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: IMG("photo-1552664730-d307ca884978", 1500),
							alt: "Team collaborating around a workshop wall",
							loading: "lazy"
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "process-window",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Delivery system" }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})
							]
						})]
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "process-line",
						children: process.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("small", { children: ["0", i + 1] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: step }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: [
								"Understand the system and the real opportunity.",
								"Turn insight into scope, outcomes and priorities.",
								"Make the experience tangible before complexity grows.",
								"Engineer dependable technology in measurable increments.",
								"Connect platforms, data, teams and workflows.",
								"Test the whole system and reduce exposure.",
								"Move into the world with confidence and support.",
								"Learn from reality and compound the advantage."
							][i] })
						] }, step))
					})]
				})]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "selected-work section",
			id: "work",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
					className: "section-heading",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: "Selected work / representative directions"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { children: [
						"Built to create",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "real operating leverage." })
					] })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "work-controls",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
								"0",
								workIndex + 1,
								" / 03"
							] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
								onClick: () => setWorkIndex((workIndex + 2) % 3),
								"aria-label": "Previous work",
								children: "←"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
								onClick: () => setWorkIndex((workIndex + 1) % 3),
								"aria-label": "Next work",
								children: "→"
							})
						]
					})]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "work-showcase",
					"aria-live": "polite",
					children: [
						[
							"Connected Operations",
							"Enterprise platform concept",
							"Concept showcase",
							"photo-1558494949-ef010cbdcc31"
						],
						[
							"Intelligent Service",
							"AI customer experience concept",
							"Concept showcase",
							"photo-1535378917042-10a22c95931a"
						],
						[
							"Media Growth Engine",
							"Content operations concept",
							"Concept showcase",
							"photo-1485846234645-a62644f84728"
						]
					].map((item, i) => i === workIndex && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: IMG(item[3], 1800),
							alt: ""
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "work-overlay" }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "work-top",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item[1] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: item[2] })]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "work-bottom",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: item[0] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
								href: "#inquiry",
								children: ["Discuss a similar challenge ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
							})]
						})
					] }, item[0]))
				}, workIndex)]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "why section",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container why-grid",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "why-title",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "eyebrow",
							children: "Why NIOSUS"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { children: [
							"Serious technology.",
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "Without the theatre." })
						] }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: IMG("photo-1497366754035-f200968a6e72", 1e3),
							alt: "Contemporary technology workspace",
							loading: "lazy"
						})
					]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "why-editorial",
					children: [
						["Connected thinking", "Strategy, design, engineering, infrastructure and growth stay aligned."],
						["Senior attention", "Experienced judgment remains close to the work and the decisions."],
						["Practical intelligence", "We choose technology for its usefulness, not its novelty."],
						["Built for transfer", "Your people gain clarity and capability throughout the engagement."],
						["Honest momentum", "Visible progress, direct communication and no invented outcomes."]
					].map(([title, copy], i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: ["0", i + 1] }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: title }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: copy })
					] }, title))
				})]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
			className: "inquiry",
			id: "inquiry",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
					src: IMG("photo-1516321318423-f06f85e504b3", 2200),
					alt: "",
					loading: "lazy"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "inquiry-shade" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "container inquiry-grid",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "eyebrow",
							children: "Your next move"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { children: [
							"Bring us the",
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "hard problem." })
						] }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "We will bring the clarity, craft and technical depth to move it forward." }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "inquiry-actions",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
									className: "btn primary",
									onClick: (e) => openProject(e.currentTarget),
									children: ["Start a project ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
									className: "btn ghost",
									href: "mailto:hello@niosus.com",
									children: ["Email NIOSUS ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
									className: "text-action",
									onClick: notify,
									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {}), " Live chat"]
								})
							]
						})
					] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "form-preview",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Project inquiry / Preview" }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["What are you building?", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Where are you now?", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["What needs to change?", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
								onClick: (e) => openProject(e.currentTarget),
								children: ["Open full inquiry ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
							})
						]
					})]
				})
			]
		}),
		/* @__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)("a", {
								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: "Explore" }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
							href: "#meaning",
							children: "Company"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
							href: "#capabilities",
							children: "Capabilities"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
							href: "#solutions",
							children: "Solutions"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
							href: "#work",
							children: "Work"
						})
					] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: "Products" }), products.slice(0, 5).map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "#products",
						children: p[0]
					}, p[0]))] }),
					/* @__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: "#",
							children: ["LinkedIn ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
							href: "#",
							children: ["Instagram ", /* @__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", {
								onClick: notify,
								"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: "#",
							children: "Privacy"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
							href: "#",
							children: "Terms"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
							href: "#",
							children: "Accessibility"
						})
					] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
						onClick: () => window.scrollTo({
							top: 0,
							behavior: "smooth"
						}),
						children: "Back to top ↑"
					})
				]
			})
		] }),
		modal && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "modal-backdrop",
			onMouseDown: closeProject,
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "modal",
				role: "dialog",
				"aria-modal": "true",
				"aria-labelledby": "inquiry-title",
				onMouseDown: (e) => e.stopPropagation(),
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
						className: "modal-close",
						autoFocus: true,
						onClick: closeProject,
						"aria-label": "Close inquiry",
						children: "×"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: "Start a project"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", {
						id: "inquiry-title",
						children: [
							"What are you",
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: "building next?" })
						]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
						onSubmit: (e) => {
							e.preventDefault();
							closeProject();
							notify();
						},
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Name", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								required: true,
								placeholder: "Your full name"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Work email", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								required: true,
								type: "email",
								placeholder: "you@company.com"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Organisation", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { placeholder: "Company or team" })] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Challenge", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
								required: true,
								rows: 4,
								placeholder: "What needs to change?"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
								className: "btn primary",
								type: "submit",
								children: ["Send inquiry ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
							})
						]
					})
				]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: `toast ${toast ? "show" : ""}`,
			role: "status",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { children: "✓" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "Conversation started." }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "We will take it from here." })] }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
					onClick: () => setToast(false),
					"aria-label": "Dismiss",
					children: "×"
				})
			]
		})
	] });
}
//#endregion
export { Home as default };
