import { C as __toESM, t as require_jsx_runtime, y as require_react } from "../index.js";
import { Arrow, PageFrame } from "./site-shell-BsE617my.js";
//#region app/contact/page.tsx
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
function Contact() {
	const [sent, setSent] = (0, import_react.useState)(false);
	const submit = (e) => {
		e.preventDefault();
		setSent(true);
	};
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageFrame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
		className: "contact-page",
		id: "page-content",
		children: [
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "contact-image" }),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "contact-shade" }),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "container contact-grid",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "eyebrow",
						children: "Contact / Start a project"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h1", { 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: "Tell us what needs to change, where things stand now and what a better outcome would make possible." }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "contact-direct",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: "Direct" }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
								href: "mailto:hello@niosus.com",
								children: ["hello@niosus.com ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Lagos · Africa · Global" })
						]
					})
				] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
					onSubmit: submit,
					"aria-label": "Project inquiry",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
							htmlFor: "name",
							children: "Name"
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
							id: "name",
							required: true,
							placeholder: "Your full name"
						})] }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
							htmlFor: "email",
							children: "Work email"
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
							id: "email",
							type: "email",
							required: true,
							placeholder: "you@company.com"
						})] }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
							htmlFor: "org",
							children: "Organisation"
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
							id: "org",
							placeholder: "Company or team"
						})] }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
							htmlFor: "interest",
							children: "Primary interest"
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
							id: "interest",
							defaultValue: "",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
									value: "",
									disabled: true,
									children: "Select one"
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { children: "Artificial Intelligence" }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { children: "Software or Platforms" }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { children: "Infrastructure or Cybersecurity" }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { children: "Media or Growth" }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { children: "Consulting or Training" })
							]
						})] }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "full",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "challenge",
								children: "What needs to change?"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
								id: "challenge",
								required: true,
								rows: 6,
								placeholder: "Give us the useful context."
							})]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
							className: "btn primary full",
							type: "submit",
							children: ["Send inquiry ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})]
						}),
						sent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "form-message full",
							role: "status",
							children: "Your inquiry is ready for the NIOSUS team. This preview does not transmit data; email hello@niosus.com to continue."
						})
					]
				})]
			})
		]
	}) });
}
//#endregion
export { Contact as default };
