https://middleware.io/_next/static/chunks/3d0fbb936811cdcd.js?dpl=dpl_HdbC1MuyUHYLtKoRiQpug4au6cq8

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,23356,e=>{"use strict";var t=e.i(91398),i=e.i(91788),s=e.i(21430);let r=(0,e.i(68489).default)(()=>e.A(2385),{loadableGenerated:{modules:[34932]},ssr:!0});function n({isHomePage:e,children:n,ogImage:a,pageTitle:l}){let o=void 0!=a?a:"https://middleware.io/wp-content/uploads/2024/08/middleware-observability-thumbnail.png";return o.indexOf("/backend/")>-1&&(o=o.split("/backend/").join("/")),(0,i.useEffect)(()=>{var e;let t,i;e=encodeURIComponent(window.location.href),(t=new Date).setTime(t.getTime()+31536e6),i="expires="+t.toUTCString(),document.cookie="mw_website_current_url="+e+";"+i+";path=/;domain=.middleware.io;SameSite=None;Secure"},[l]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("noscript",{children:(0,t.jsx)("iframe",{src:"https://www.googletagmanager.com/ns.html?id=GTM-KKBGSWD",height:"0",width:"0",style:{display:"none",visibility:"hidden"}})}),(0,t.jsxs)("div",{className:"global-wrapper-v2","data-is-root-path":e,children:[(0,t.jsx)(s.default,{}),(0,t.jsx)("main",{children:n}),(0,t.jsx)(r,{})]})]})}e.s(["default",()=>n])},61592,(e,t,i)=>{"use strict";Object.defineProperty(i,"__esModule",{value:!0}),Object.defineProperty(i,"LoadableContext",{enumerable:!0,get:function(){return s}});let s=e.r(41705)._(e.r(91788)).default.createContext(null)},52414,(e,t,i)=>{"use strict";Object.defineProperty(i,"__esModule",{value:!0}),Object.defineProperty(i,"default",{enumerable:!0,get:function(){return m}});let s=e.r(41705)._(e.r(91788)),r=e.r(61592),n=[],a=[],l=!1;function o(e){let t=e(),i={loading:!0,loaded:null,error:null};return i.promise=t.then(e=>(i.loading=!1,i.loaded=e,e)).catch(e=>{throw i.loading=!1,i.error=e,e}),i}class d{constructor(e,t){this._loadFn=e,this._opts=t,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:t}=this;e.loading&&("number"==typeof t.delay&&(0===t.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},t.delay)),"number"==typeof t.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},t.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}}function c(t){return function(t,i){let o=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},i),c=null;function u(){if(!c){let e=new d(t,o);c={getCurrentValue:e.getCurrentValue.bind(e),subscribe:e.subscribe.bind(e),retry:e.retry.bind(e),promise:e.promise.bind(e)}}return c.promise()}if("u"<typeof window&&n.push(u),!l&&"u">typeof window){let t=o.webpack&&"function"==typeof e.t.resolveWeak?o.webpack():o.modules;t&&a.push(e=>{for(let i of t)if(e.includes(i))return u()})}function m(e,t){let i;u(),(i=s.default.useContext(r.LoadableContext))&&Array.isArray(o.modules)&&o.modules.forEach(e=>{i(e)});let n=s.default.useSyncExternalStore(c.subscribe,c.getCurrentValue,c.getCurrentValue);return s.default.useImperativeHandle(t,()=>({retry:c.retry}),[]),s.default.useMemo(()=>{var t;return n.loading||n.error?s.default.createElement(o.loading,{isLoading:n.loading,pastDelay:n.pastDelay,timedOut:n.timedOut,error:n.error,retry:c.retry}):n.loaded?s.default.createElement((t=n.loaded)&&t.default?t.default:t,e):null},[e,n])}return m.preload=()=>u(),m.displayName="LoadableComponent",s.default.forwardRef(m)}(o,t)}function u(e,t){let i=[];for(;e.length;){let s=e.pop();i.push(s(t))}return Promise.all(i).then(()=>{if(e.length)return u(e,t)})}c.preloadAll=()=>new Promise((e,t)=>{u(n).then(e,t)}),c.preloadReady=(e=[])=>new Promise(t=>{let i=()=>(l=!0,t());u(a,e).then(i,i)}),"u">typeof window&&(window.__NEXT_PRELOADREADY=c.preloadReady);let m=c},25167,(e,t,i)=>{"use strict";Object.defineProperty(i,"__esModule",{value:!0});var s={default:function(){return u},noSSR:function(){return c}};for(var r in s)Object.defineProperty(i,r,{enumerable:!0,get:s[r]});let n=e.r(41705),a=e.r(91398);e.r(91788);let l=n._(e.r(52414)),o="u"<typeof window;function d(e){return{default:e?.default||e}}function c(e,t){if(delete t.webpack,delete t.modules,!o)return e(t);let i=t.loading;return()=>(0,a.jsx)(i,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function u(e,t){let i=l.default,s={loading:({error:e,isLoading:t,pastDelay:i})=>null};e instanceof Promise?s.loader=()=>e:"function"==typeof e?s.loader=e:"object"==typeof e&&(s={...s,...e});let r=(s={...s,...t}).loader;return(s.loadableGenerated&&(s={...s,...s.loadableGenerated},delete s.loadableGenerated),"boolean"!=typeof s.ssr||s.ssr)?i({...s,loader:()=>null!=r?r().then(d):Promise.resolve(d(()=>null))}):(delete s.webpack,delete s.modules,c(i,s))}("function"==typeof i.default||"object"==typeof i.default&&null!==i.default)&&void 0===i.default.__esModule&&(Object.defineProperty(i.default,"__esMo

1dule",{value:!0}),Object.assign(i.default,i),t.exports=i.default)},68489,(e,t,i)=>{t.exports=e.r(25167)},72043,(e,t,i)=>{!function(){"use strict";var i={}.hasOwnProperty;function s(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=r(e,function(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return s.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)i.call(e,n)&&e[n]&&(t=r(t,n));return t}(n)))}return e}function r(e,t){return t?e?e+" "+t:e+t:e}if(t.exports)s.default=s,t.exports=s;else if("function"==typeof define&&"object"==typeof define.amd&&define.amd)void 0!==s&&e.v(s);else window.classNames=s}()},26016,(e,t,i)=>{"use strict";Object.defineProperty(i,"__esModule",{value:!0}),Object.defineProperty(i,"setAttributesFromProps",{enumerable:!0,get:function(){return a}});let s={acceptCharset:"accept-charset",className:"class",htmlFor:"for",httpEquiv:"http-equiv",noModule:"noModule"},r=["onLoad","onReady","dangerouslySetInnerHTML","children","onError","strategy","stylesheets"];function n(e){return["async","defer","noModule"].includes(e)}function a(e,t){for(let[i,a]of Object.entries(t)){if(!t.hasOwnProperty(i)||r.includes(i)||void 0===a)continue;let l=s[i]||i.toLowerCase();"SCRIPT"===e.tagName&&n(l)?e[l]=!!a:e.setAttribute(l,String(a)),(!1===a||"SCRIPT"===e.tagName&&n(l)&&(!a||"false"===a))&&(e.setAttribute(l,""),e.removeAttribute(l))}}("function"==typeof i.default||"object"==typeof i.default&&null!==i.default)&&void 0===i.default.__esModule&&(Object.defineProperty(i.default,"__esModule",{value:!0}),Object.assign(i.default,i),t.exports=i.default)},61457,(e,t,i)=>{"use strict";Object.defineProperty(i,"__esModule",{value:!0});var s={default:function(){return w},handleClientScriptLoad:function(){return g},initScriptLoader:function(){return x}};for(var r in s)Object.defineProperty(i,r,{enumerable:!0,get:s[r]});let n=e.r(41705),a=e.r(52456),l=e.r(91398),o=n._(e.r(30943)),d=a._(e.r(91788)),c=e.r(13584),u=e.r(26016),m=e.r(99604),p=new Map,h=new Set,f=e=>{let{src:t,id:i,onLoad:s=()=>{},onReady:r=null,dangerouslySetInnerHTML:n,children:a="",strategy:l="afterInteractive",onError:d,stylesheets:c}=e,m=i||t;if(m&&h.has(m))return;if(p.has(t)){h.add(m),p.get(t).then(s,d);return}let f=()=>{r&&r(),h.add(m)},g=document.createElement("script"),x=new Promise((e,t)=>{g.addEventListener("load",function(t){e(),s&&s.call(this,t),f()}),g.addEventListener("error",function(e){t(e)})}).catch(function(e){d&&d(e)});n?(g.innerHTML=n.__html||"",f()):a?(g.textContent="string"==typeof a?a:Array.isArray(a)?a.join(""):"",f()):t&&(g.src=t,p.set(t,x)),(0,u.setAttributesFromProps)(g,e),"worker"===l&&g.setAttribute("type","text/partytown"),g.setAttribute("data-nscript",l),c&&(e=>{if(o.default.preinit)return e.forEach(e=>{o.default.preinit(e,{as:"style"})});if("u">typeof window){let t=document.head;e.forEach(e=>{let i=document.createElement("link");i.type="text/css",i.rel="stylesheet",i.href=e,t.appendChild(i)})}})(c),document.body.appendChild(g)};function g(e){let{strategy:t="afterInteractive"}=e;"lazyOnload"===t?window.addEventListener("load",()=>{(0,m.requestIdleCallback)(()=>f(e))}):f(e)}function x(e){e.forEach(g),[...document.querySelectorAll('[data-nscript="beforeInteractive"]'),...document.querySelectorAll('[data-nscript="beforePageRender"]')].forEach(e=>{let t=e.id||e.getAttribute("src");h.add(t)})}function j(e){let{id:t,src:i="",onLoad:s=()=>{},onReady:r=null,strategy:n="afterInteractive",onError:a,stylesheets:u,...p}=e,{updateScripts:g,scripts:x,getIsSsr:j,appDir:w,nonce:b}=(0,d.useContext)(c.HeadManagerContext);b=p.nonce||b;let v=(0,d.useRef)(!1);(0,d.useEffect)(()=>{let e=t||i;v.current||(r&&e&&h.has(e)&&r(),v.current=!0)},[r,t,i]);let y=(0,d.useRef)(!1);if((0,d.useEffect)(()=>{if(!y.current){if("afterInteractive"===n)f(e);else"lazyOnload"===n&&("complete"===document.readyState?(0,m.requestIdleCallback)(()=>f(e)):window.addEventListener("load",()=>{(0,m.requestIdleCallback)(()=>f(e))}));y.current=!0}},[e,n]),("beforeInteractive"===n||"worker"===n)&&(g?(x[n]=(x[n]||[]).concat([{id:t,src:i,onLoad:s,onReady:r,onError:a,...p,nonce:b}]),g(x)):j&&j()?h.add(t||i):j&&!j()&&f({...e,nonce:b}

1)),w){if(u&&u.forEach(e=>{o.default.preinit(e,{as:"style"})}),"beforeInteractive"===n)if(!i)return p.dangerouslySetInnerHTML&&(p.children=p.dangerouslySetInnerHTML.__html,delete p.dangerouslySetInnerHTML),(0,l.jsx)("script",{nonce:b,dangerouslySetInnerHTML:{__html:`(self.__next_s=self.__next_s||[]).push(${JSON.stringify([0,{...p,id:t}])})`}});else return o.default.preload(i,p.integrity?{as:"script",integrity:p.integrity,nonce:b,crossOrigin:p.crossOrigin}:{as:"script",nonce:b,crossOrigin:p.crossOrigin}),(0,l.jsx)("script",{nonce:b,dangerouslySetInnerHTML:{__html:`(self.__next_s=self.__next_s||[]).push(${JSON.stringify([i,{...p,id:t}])})`}});"afterInteractive"===n&&i&&o.default.preload(i,p.integrity?{as:"script",integrity:p.integrity,nonce:b,crossOrigin:p.crossOrigin}:{as:"script",nonce:b,crossOrigin:p.crossOrigin})}return null}Object.defineProperty(j,"__nextScript",{value:!0});let w=j;("function"==typeof i.default||"object"==typeof i.default&&null!==i.default)&&void 0===i.default.__esModule&&(Object.defineProperty(i.default,"__esModule",{value:!0}),Object.assign(i.default,i),t.exports=i.default)},3828,(e,t,i)=>{t.exports=e.r(26990)},81272,e=>{"use strict";var t=e.i(91398),i=e.i(41158),s=e.i(3828);e.s(["default",0,({children:e,skipLocaleHandling:r,...n})=>{let a=(0,s.useRouter)(),l=n.locale||"";if(!l&&a.asPath){let e=a.asPath.split("?")[0].match(/^\/([a-z]{2})(\/|$)/);e&&(l=e[1])}if(!l&&a.query?.locale){let e=a.query.locale;l=Array.isArray(e)?e[0]:e}if(!l&&a.pathname){let e=a.pathname.match(/^\/([a-z]{2})(\/|$)/);e&&(l=e[1])}let o=n.href;if(!o&&(o=a.asPath,l&&o&&"string"==typeof o)){let e=o.split("?")[0];(e.startsWith(`/${l}/`)||e===`/${l}`)&&(o=e.replace(`/${l}`,"")||"/")}if(o&&"string"==typeof o&&(0===o.indexOf("http")||0===o.indexOf("//"))&&(r=!0),l&&!r&&o&&"string"==typeof o){let e=o;if(["en","ja","es","ko"].some(t=>e.startsWith(`/${t}/`)||e===`/${t}`)||e.startsWith("#")||"/"===e||""===e)o=e;else{let t=e.startsWith("/")?e:`/${e}`;o=`/${l}${t}`}}return(0,t.jsx)(i.default,{href:o,...n,children:e})}])},21430,e=>{"use strict";var t=e.i(91398),i=e.i(91788),s=e.i(72043);e.i(64157);var r=e.i(71179),n=e.i(41158),a=e.i(91567),l=e.i(81272),o=e.i(28050),d=e.i(26019);let c=e=>{let{t:i}=(0,r.useTranslation)("header"),s=[{item1:[{title:`${i("productsName.infrastructureMonitoring")}`,link:"/product/infrastructure-monitoring/",subtitle:"Monitor servers, cloud & infra health",icon:(0,t.jsx)(o.InfraMonitoring,{})},{title:`${i("productsName.APM")}`,link:"/product/apm/",subtitle:"Track app performance & fix slowdowns",icon:(0,t.jsx)(o.APMIcon,{})},{title:`${i("productsName.logMonitoring")}`,link:"/product/log-monitoring/",subtitle:"Debug faster with AI log insights",icon:(0,t.jsx)(o.LogsIcon,{})},{title:`${i("productsName.realUserMonitoring")}`,link:"/product/real-user-monitoring/",subtitle:"Track UX, errors & performance",icon:(0,t.jsx)(o.RUMIcon,{})}]}],n=[{item2:[{title:`${i("productsName.opsAI")}`,link:"/product/ops-ai/",subtitle:"Detect, debug & auto-fix issues",icon:(0,t.jsx)(o.OpsAIcon,{})},{title:`${i("productsName.syntheticMonitoring")}`,link:"/product/synthetic-monitoring/",subtitle:"Test APIs & prevent outages",icon:(0,t.jsx)(o.SyntheticIcon,{})},{title:`${i("productsName.browserTesting")}`,link:"/product/browser-testing/",subtitle:"Test web apps across browsers & devices",icon:(0,t.jsx)(o.MetricsIcon,{})},{title:`${i("productsName.llmMonitoring")}`,link:"/product/llm-observability/",subtitle:"Monitor and evaluate LLM apps",icon:(0,t.jsx)(o.LLMObservabilityIcon,{})}]}];return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"inner-wrapper product-menu",children:(0,t.jsxs)("div",{className:"d-flex sub-menu",children:[(0,t.jsxs)("div",{className:"menus",children:[(0,t.jsx)("div",{className:"product-heading-title",children:"Products"}),(0,t.jsxs)("div",{className:"d-flex",children:[s.map((i,s)=>i.item1&&Array.isArray(i.item1)&&(0,t.jsx)("div",{className:"product-links",children:(0,t.jsx)("div",{className:"product-drop",children:i.item1&&i.item1.map((i,s)=>(0,t.jsx)("div",{children:i.link&&(0,t.jsx)(l.default,{href:i.link,"aria-label":"Middleware Dropdown",passHref:!0,children:(0,t.jsx)("div",{className:"dropdown-menu",onClick:e.onLinkClick,children:(0,t.jsxs)("div",{className:"header-heading",children:[(0,t.jsx)("span",{children:i.icon}),(0,t.jsxs)("div",{className:"header-flex",children:[i.title,i.isNew&&(0,t.jsx)("img",{src:"/images/product/new_features_dark.svg",alt:"New Feature",width:100,height:100,className:"new_features"}),(0,t.jsx)("p",{className:"small-text",children:i.subtitle})]})]})})})},s))})},s)),n.map((i,s)=>i.item2&&Array.isArray(i.item2)&&(0,t.jsx)("div",{className:"product-links",children:(0,t.jsx)("div",{className:"product-drop",children:i.item2&&i.item2.map((i,s)=>(0,t.jsx)("div",{children:i.link&&(0,t.jsx)(l.default,{href:i.link,"aria-label":"Middleware Dropdown",passHref:!0,children:(0,t.jsx)("div",{className:"dropdown-menu",onClick:e.onLinkClick,children:(0,t.jsxs)("div",{className:"header-heading",children:[(0,t.jsx)("span",{children:i.icon}),(0,t.jsxs)("div",{className:"header-flex",children:[i.title,i.isNew&&(0,t.jsx)("img",{src:"/images/product/new_features_dark.svg",alt:"New Feature",width:100,height:100,className:"new_features"}),(0,t.jsx)("p",{className:"small-text",children:i.subtitle})]})]})})})},s))})},s))]})]}),(0,t.jsxs)("div",{className:"menu-cta",children:[(0,t.jsx)(d.default,{src:"/images/sub-menu-cta.webp",alt:"Product Tour",width:360,height:200}),(0,t.jsx)("div",{className:"menu-cta-heading",children:i("productHeaderQuate.title")}),(0,t.jsx)("p",{children:i("productHeaderQuate.description")}),(0,t.jsx)(l.default,{href:"/product/",passHref:!0,children:"Explore Products"})]})]})})})};c.propTypes={pageID:a.default.number,onLinkClick:a.default.any};let u=e=>{let{t:i}=(0,r.useTranslation)("header"),s=[{item1:[{title:`${i("solutionsName.frontendBackendCorrelation")}`,link:"/solutions/frontend-backend-correlation/",icon:(0,t.jsx)(o.FrontBackEnd,{})}

1,{title:`${i("solutionsName.digitalExperienceMonitoring")}`,link:"/solutions/digital-experience-monitoring/",icon:(0,t.jsx)(o.DEMIcon,{})},{title:`${i("solutionsName.logAnalysisCorrelation")}`,link:"/solutions/log-analysis-correlation/",icon:(0,t.jsx)(o.LogAnalysisIcon,{})},{title:`${i("solutionsName.endpointMonitoring")}`,link:"/solutions/endpoint-monitoring/",icon:(0,t.jsx)(o.EndpointMonitoringIcon,{})}]}],n=[{item2:[{title:`${i("solutionsName.retailCommerce")}`,link:"/solutions/retail/",icon:(0,t.jsx)(o.RetailECommerceIcon,{})},{title:`${i("solutionsName.finance")}`,link:"/solutions/finance/",icon:(0,t.jsx)(o.FinaceIcon,{})},{title:`${i("solutionsName.gaming")}`,link:"/solutions/gaming/",icon:(0,t.jsx)(o.GamingIcon,{})},{title:`${i("solutionsName.technology")}`,link:"/solutions/technology/",icon:(0,t.jsx)(o.TechnologyIcon,{})}]}],a=[{item3:[{title:`${i("solutionsName.kubernetesMonitoring")}`,link:"/solutions/kubernetes-monitoring/",icon:(0,t.jsx)(o.KubernetesIconSolution,{})},{title:`${i("solutionsName.awsMonitoring")}`,link:"/solutions/aws/",icon:(0,t.jsx)(o.AWSIconSolution,{})},{title:`${i("solutionsName.googleCloudPlatform")}`,link:"/solutions/gcp/",icon:(0,t.jsx)(o.GCPIconSolution,{})},{title:`${i("solutionsName.microsoftAzure")}`,link:"/solutions/azure/",icon:(0,t.jsx)(o.MsAzureIcon,{})}]}];return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"inner-wrapper product-menu solutions-menu",children:(0,t.jsxs)("div",{className:"d-flex sub-menu",children:[(0,t.jsx)("div",{className:"menus",children:(0,t.jsxs)("div",{className:"d-flex",children:[s.map((i,s)=>i.item1&&Array.isArray(i.item1)&&(0,t.jsx)("div",{className:"product-links",children:(0,t.jsxs)("div",{className:"product-drop",children:[(0,t.jsx)("p",{className:"menu-subHeading",children:"Use cases"}),i.item1&&i.item1.map((i,s)=>(0,t.jsx)("div",{children:i.link&&(0,t.jsx)(l.default,{href:i.link,"aria-label":"Middleware Dropdown",passHref:!0,children:(0,t.jsxs)("div",{className:"dropdown-menu",onClick:e.onLinkClick,children:[(0,t.jsx)("span",{children:i.icon}),(0,t.jsxs)("div",{className:"header-heading",children:[i.title,i.isNew&&(0,t.jsx)("img",{src:"/images/product/new_features_dark.svg",alt:"New Feature",width:100,height:100,className:"new_features"})]})]})})},s))]})},s)),n.map((i,s)=>i.item2&&Array.isArray(i.item2)&&(0,t.jsx)("div",{className:"product-links",children:(0,t.jsxs)("div",{className:"product-drop",children:[(0,t.jsx)("p",{className:"menu-subHeading",children:"Industries"}),i.item2&&i.item2.map((i,s)=>(0,t.jsx)("div",{children:i.link&&(0,t.jsx)(l.default,{href:i.link,"aria-label":"Middleware Dropdown",passHref:!0,children:(0,t.jsxs)("div",{className:"dropdown-menu",onClick:e.onLinkClick,children:[(0,t.jsx)("span",{children:i.icon}),(0,t.jsx)("div",{className:"header-heading",children:i.title})]})})},s))]})},s)),a.map((i,s)=>i.item3&&Array.isArray(i.item3)&&(0,t.jsx)("div",{className:"product-links",children:(0,t.jsxs)("div",{className:"product-drop",children:[(0,t.jsx)("p",{className:"menu-subHeading",children:"Technology"}),i.item3&&i.item3.map((i,s)=>(0,t.jsx)("div",{children:i.link&&(0,t.jsx)(l.default,{href:i.link,"aria-label":"Middleware Dropdown",passHref:!0,children:(0,t.jsxs)("div",{className:"dropdown-menu",onClick:e.onLinkClick,children:[(0,t.jsx)("span",{children:i.icon}),(0,t.jsxs)("div",{className:"header-heading",children:[i.title,i.beta&&(0,t.jsx)("span",{className:"beta",children:i.beta}),i.isNew&&(0,t.jsx)("img",{src:"/images/product/new_features_dark.svg",alt:"New Feature",width:100,height:100,className:"new_features"})]})]})})},s))]})},s))]})}),(0,t.jsxs)("div",{className:"menu-cta solution-page-menu",children:[(0,t.jsx)("p",{className:"top-heading",children:"Customer Proof"}),(0,t.jsx)("p",{className:"customer-quots",children:"Middleware reduced the time spent debugging and resolving issues by nearly 90%."}),(0,t.jsx)("div",{className:"customer-auth",children:"Nico Laqua, CEO at Corgi"}),(0,t.jsx)(d.default,{src:"/images/solution-menu-img.svg",alt:"Solution Review",width:100,height:100}),(0,t.jsx)(l.default,{href:"/customers/",className:"sign-up ahref-btn primary","aria-label":"Middleware Register",passHref:!0,prefetch:!1,children:i("logInSignUp.customerStorys")},"mw-register")]})]})})})};u.propTypes={pageID:a.default.number,onLinkClick:a.default.any};let m=e=>{let{t:i}=(0,r.useTranslation)("header"),s=[{item1:[{title:`${i("resourcesName.resourceCenter")}`,link:"/resources/",subtitle:"",icon:(0,t.jsx)(o.ResourcesCenter,{})},{title:`${i("resourcesName.customerStories")}`,link:"/customers/",subtitle:"",icon:(0,t.jsx)(o.CustomerStorie,{})},{title:`${i("resourcesName.productUpdates")}`,link:"/product-updates/",subtitle:"",icon:(0,t.jsx)(o.ProductUpdates,{})},{title:`${i("resourcesName.ebooksWhitepaper")}`,link:"/whitepaper/",subtitle:"",icon:(0,t.jsx)(o.Whitepapers,{})}]}],n=[{item1:[{title:`${i("resourcesName.blogs")}`,link:"/blog/",subtitle:"Latest Observability trends and insights.",icon:(0,t.jsx)(o.Blogs,{})},{title:`${i("resourcesName.eventsWebinar")}`,link:"/events/",subtitle:"",icon:(0,t.jsx)(o.Events,{})},{title:`${i("resourcesName.webinar")}`,link:"/webinar/",subtitle:"",icon:(0,t.jsx)(o.Webinar,{})},{title:`${i("resourcesName.docs")}`,link:"https://docs.middleware.io/",subtitle:"Comprehensive Middleware implementation guides.",icon:(0,t.jsx)(o.Docs,{})},{title:`${i("resourcesName.podcasts")}

1`,link:"/podcast/",subtitle:"Listen to Middleware experts.",icon:(0,t.jsx)(o.Podcasts,{})}]}];return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"inner-wrapper product-menu solutions-menu learn-more",children:(0,t.jsxs)("div",{className:"d-flex sub-menu",children:[(0,t.jsx)("div",{className:"menus",children:(0,t.jsxs)("div",{className:"d-flex",children:[s.map((i,s)=>i.item1&&Array.isArray(i.item1)&&(0,t.jsx)("div",{className:"product-links",children:(0,t.jsx)("div",{className:"product-drop",children:i.item1&&i.item1.map((i,s)=>(0,t.jsx)("div",{children:i.link&&(0,t.jsx)(l.default,{href:i.link,"aria-label":"Middleware Dropdown",passHref:!0,children:(0,t.jsxs)("div",{className:"dropdown-menu",onClick:e.onLinkClick,children:[(0,t.jsx)("span",{children:i.icon}),(0,t.jsxs)("div",{className:"header-heading",children:[i.title,i.isNew&&(0,t.jsx)("img",{src:"/images/product/new_features_dark.svg",alt:"New Feature",width:100,height:100,className:"new_features"})]})]})})},s))})},s)),n.map((i,s)=>i.item1&&Array.isArray(i.item1)&&(0,t.jsx)("div",{className:"product-links",children:(0,t.jsx)("div",{className:"product-drop",children:i.item1&&i.item1.map((i,s)=>(0,t.jsx)("div",{children:i.link&&(0,t.jsx)(l.default,{href:i.link,"aria-label":"Middleware Dropdown",passHref:!0,children:(0,t.jsxs)("div",{className:"dropdown-menu",onClick:e.onLinkClick,children:[(0,t.jsx)("span",{children:i.icon}),(0,t.jsxs)("div",{className:"header-heading",children:[i.title,i.isNew&&(0,t.jsx)("img",{src:"/images/product/new_features_dark.svg",alt:"New Feature",width:100,height:100,className:"new_features"})]})]})})},s))})},s))]})}),(0,t.jsxs)("div",{className:"menu-cta solution-page-menu",children:[(0,t.jsx)(d.default,{src:"/images/community-menu-mw.png",alt:"Solution Review",width:465,height:228,sizes:"(max-width: 991px) 90vw, 320px",quality:90}),(0,t.jsx)("p",{className:"customer-quots",children:"4,200+ engineers"}),(0,t.jsx)("p",{className:"description",children:"SREs, backend, and platform folks debugging together"}),(0,t.jsx)(l.default,{href:"https://community.middleware.io/",className:"sign-up ahref-btn primary","aria-label":"Middleware Community",passHref:!0,target:"_blank",children:i("logInSignUp.joinNow")},"mw-register")]})]})})})};function p(){let[e,a]=(0,i.useState)(!1),[l,o]=(0,i.useState)(!1),[d,p]=(0,i.useState)(!1),[h,f]=(0,i.useState)(!1),[g,x]=(0,i.useState)(!1),j=t=>{h&&"product"===t&&a(!e),h&&"solutions"===t&&o(!l),h&&"learn"===t&&p(!d)},w=()=>{window.innerWidth>991&&(f(!1),a(!1),o(!1),p(!1))};(0,i.useEffect)(()=>(window.matchMedia("(max-width: 991px)").matches,window.addEventListener("resize",w),window.addEventListener("scroll",b),()=>{window.removeEventListener("resize",w),window.removeEventListener("scroll",b)}),[]);let b=e=>{let t=document.querySelector(".top-nav"),i=window.scrollY;t&&(i>=10?t.classList.add("mw-sticky"):t.classList.remove("mw-sticky"))},v=()=>{x(!1)},{t:y}=(0,r.useTranslation)("header");return(0,t.jsx)("header",{className:"header-top",children:(0,t.jsx)("nav",{id:"top-nav",className:(0,s.default)("top-nav",{}),children:(0,t.jsx)("div",{className:"container",children:(0,t.jsxs)("div",{className:"d-flex",children:[(0,t.jsxs)("div",{className:"nav-wrapper",children:[(0,t.jsx)("div",{className:"logo",children:(0,t.jsx)(n.default,{href:"/","aria-label":"Middleware logo",passHref:!0,children:(0,t.jsx)("img",{src:"/images/middleware-logo.svg",alt:"Middleware Logos",width:"215",height:"28"})},"mw-logo")}),(0,t.jsxs)("button",{className:`${h?"button-cross":""} hamburger-button`,onClick:()=>void f(!h),"aria-label":h?"Close menu":"Open menu",children:[(0,t.jsx)("span",{className:"icon-bar"}),(0,t.jsx)("span",{className:"icon-bar"}),(0,t.jsx)("span",{className:"icon-bar"})]})]}),(0,t.jsx)("div",{className:`${h?"mobile_nav-items":""} nav-items`,children:(0,t.jsxs)("div",{className:"nav-links",children:[(0,t.jsxs)("ul",{className:"nav-list",children:[(0,t.jsxs)("li",{className:"has-dropdown",onClick:()=>j("product"),onMouseEnter:e=>{!h&&a(!0)},onMouseLeave:e=>{!h&&a(!1)},children:[(0,t.jsx)(n.default,{prefetch:!1,href:"/product/",children:(0,t.jsx)("span",{className:`d-flex main-menu ${e?"active":""}`,children:y("aboutCompanyName.product")})}),(0,t.jsx)("div",{className:"padding-div",children:(0,t.jsx)("div",{className:`${e?"dropdown-open":""}  dropdown-item is-product-dropdown ${!e&&g?"link-clicked":""}`,children:(0,t.jsx)("div",{className:"dropdown-child",children:(0,t.jsx)(c,{onLinkClick:()=>{a(!e),f(!1),x(!0),setTimeout(v,5e3)}})})})})]}),(0,t.jsxs)("li",{className:"has-dropdown",onClick:()=>j("solutions"),onMouseEnter:e=>{!h&&o(!0)},onMouseLeave:e=>{!h&&o(!1)},children:[(0,t.jsx)("span",{className:`d-flex main-menu ${l?"active":""}`,children:y("productsName.solutions")}),(0,t.jsx)("div",{className:"padding-div",children:(0,t.jsx)("div",{className:`${l?"dropdown-open":""} dropdown-item is-solution-dropdown ${!l&&g?"link-clicked":""}`,children:(0,t.jsx)("div",{className:"dropdown-child",children:(0,t.jsx)(u,{onLinkClick:()=>{o(!l),f(!1),x(!0),setTimeout(v,5e3)}})})})})]}),(0,t.jsx)("li",{children:(0,t.jsx)(n.default,{href:"/pricing/","aria-label":"mw-pricing",passHref:!0,prefetch:!1,children:y("productsName.pricing")})}),(0,t.jsx)("li",{children:(0,t.jsx)(n.default,{prefetch:!1,href:"https://docs.middleware.io","aria-label":"mw-customers",target:"_blank",passHref:!0,children:y("resourcesName.docs")})}),(0,t.jsxs)("li",{className:"has-dropdown",onClick:()=>j("learn"),onMouseEnter:e=>{!h&&p(!0)},onMouseLeave:e=>{!h&&p(!1)},children:[(0,t.jsx)("span",{className:`d-flex main-menu ${d?"active":""}`,children:y("aboutCompanyName.learn")}),(0,t.jsx)("div",{className:"padding-div",children:(0,t.jsx)("div",{className:`${d?"dropdown-open":""} dropdown-item is-learn-dropdown`,children:(0,t.jsx)("div",{className:"dropdown-child",children:(0,t.jsx)(m,{})})})})]})]}),(0,t.jsx)(n.default,{href:"https://app.middleware.io/auth/login/",target:"_blank",className:"sign-up ahref-btn secondary","aria-label":"Middleware Login",passHref:!0,children:y("logInSignUp.logIn")},"mw-login"),(0,t.jsx)(n.default,{href:"https://app.middleware.io/auth/register/",target:"_blank",className:"sign-up ahref-btn primary","aria-label":"Middleware Register",passHref:!0,children:y("logInSignUp.signUp")},"mw-register")]})})]})})})})}

1m.propTypes={pageID:a.default.number,onLinkClick:a.default.any},e.s(["default",()=>p],21430)}]);
2
3//# sourceMappingURL=7a2c914739a1cf33.js.map