import { n as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs"; import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs"; //#region node_modules/.nitro/vite/services/ssr/assets/PageHero-JlNjeanC.js var import_jsx_runtime = require_jsx_runtime(); function PageHero({ title, subtitle, image, breadcrumb }) { return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "relative isolate h-[500px] overflow-hidden bg-navy-deep", children: [ image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: image, alt: "", "aria-hidden": "true", loading: "lazy", className: "absolute inset-0 h-full w-full object-cover object-center" }) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gradient-to-r from-navy-deep/70 via-navy-deep/45 to-navy-deep/25", "aria-hidden": "true" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative mx-auto flex h-full max-w-7xl items-center px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pt-4", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", { "aria-label": "Breadcrumb", className: "text-xs text-white/80", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, { to: "/", className: "hover:text-gold", children: "Home" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "px-2 text-gold", children: "/" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: breadcrumb || title }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mt-4 max-w-3xl text-4xl font-bold leading-tight text-white sm:text-5xl lg:text-6xl", children: title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gold-rule mt-5", "aria-hidden": "true" }), subtitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-5 max-w-3xl text-base leading-relaxed text-white/85 sm:text-lg", children: subtitle }) : null ] }) }) ] }); } //#endregion export { PageHero as t };