@ably/ui 8.7.0-dev.c598ce1 → 8.7.0-dev.cf2bf50

package/core/Meganav.jsx

@@ -7,7 +7,7 @@
 		var a = typeof exports === 'object' ? factory(require("react"), require("prop-types"), require("redux"), require("lodash.throttle"), require("scroll-lock"), require("addsearch-js-client"), require("js-cookie"), require("dompurify")) : factory(root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__, __WEBPACK_EXTERNAL_MODULE__5044__, __WEBPACK_EXTERNAL_MODULE__2040__, __WEBPACK_EXTERNAL_MODULE__6833__, __WEBPACK_EXTERNAL_MODULE__5090__, __WEBPACK_EXTERNAL_MODULE__9349__, __WEBPACK_EXTERNAL_MODULE__6357__) {
+})(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__, __WEBPACK_EXTERNAL_MODULE__5293__, __WEBPACK_EXTERNAL_MODULE__7326__, __WEBPACK_EXTERNAL_MODULE__9042__, __WEBPACK_EXTERNAL_MODULE__3916__, __WEBPACK_EXTERNAL_MODULE__4360__, __WEBPACK_EXTERNAL_MODULE__710__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -27,7 +27,7 @@ return /******/ (() => { // webpackBootstrap
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* unused harmony export ConnectStateWrapper */
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _remote_data_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3511);
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -107,9 +107,9 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
 
@@ -131,7 +131,7 @@ var FeaturedLink = function FeaturedLink(_ref) {
     style: {
       "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
     }
-  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     name: "icon-gui-link-arrow",
     size: "calc(var(--featured-link-icon-size) * 1.25)",
     color: iconColor,
@@ -150,7 +150,7 @@ FeaturedLink.propTypes = {
 
 /***/ }),
 
-/***/ 8696:
+/***/ 2139:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -163,13 +163,13 @@ __webpack_require__.d(__webpack_exports__, {
 // UNUSED EXPORTS: Flashes, default, reducerFlashes
 
 // EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
-var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
+var external_commonjs_react_commonjs2_react_ = __webpack_require__(5225);
 var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
 // EXTERNAL MODULE: external {"commonjs":"dompurify","commonjs2":"dompurify"}
-var external_commonjs_dompurify_commonjs2_dompurify_ = __webpack_require__(6357);
+var external_commonjs_dompurify_commonjs2_dompurify_ = __webpack_require__(710);
 var external_commonjs_dompurify_commonjs2_dompurify_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_dompurify_commonjs2_dompurify_);
 // EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
-var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
+var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(6073);
 var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
 ;// CONCATENATED MODULE: ./node_modules/nanoid/non-secure/index.js
 let urlAlphabet =
@@ -378,7 +378,7 @@ var Flash = function Flash(_ref) {
     "data-id": "ui-flash"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "".concat(FLASH_BG_COLOR[type], " p-32 flex align-center rounded shadow-container-subtle")
-  }, withIcons[type] && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, withIcons[type] && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
     name: withIcons[type],
     color: iconColor[type],
     size: "1.5rem",
@@ -392,7 +392,7 @@ var Flash = function Flash(_ref) {
     type: "button",
     className: "p-0 ml-auto self-start focus:outline-none",
     onClick: closeFlash
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
     name: "icon-gui-close",
     color: iconColor[type],
     size: "1.5rem",
@@ -469,7 +469,7 @@ var BackendFlashes = function BackendFlashes(_ref3) {
       });
     }
   }, []);
-  var WrappedFlashes = (0,component.default)(Flashes, {
+  var WrappedFlashes = (0,component["default"])(Flashes, {
     flashes: selectFlashes
   });
   return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(WrappedFlashes, null);
@@ -490,9 +490,9 @@ BackendFlashes.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 var _excluded = ["name", "size", "color", "additionalCSS"];
 
@@ -543,9 +543,9 @@ Icon.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -591,9 +591,9 @@ Logo.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
 
@@ -622,7 +622,7 @@ var MeganavBlogPostsList = function MeganavBlogPostsList(_ref) {
     }, post.title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
       className: "ui-meganav-media-copy"
     }, post.pubDate)));
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     url: absUrl("/blog"),
     textSize: "text-p3"
   }, "More from our Blog")) : null;
@@ -651,10 +651,10 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
-var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
+var external_commonjs_react_commonjs2_react_ = __webpack_require__(5225);
 var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
 // EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
-var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
+var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(6073);
 var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
 // EXTERNAL MODULE: ./src/core/MeganavBlogPostsList/component.jsx
 var component = __webpack_require__(2725);
@@ -783,7 +783,7 @@ var Icon_component = __webpack_require__(9008);
 var MeganavContentCompany = function MeganavContentCompany(_ref) {
   var paths = _ref.paths,
       absUrl = _ref.absUrl;
-  var BlogPostsList = (0,ConnectStateWrapper_component.default)(component.default, {
+  var BlogPostsList = (0,ConnectStateWrapper_component["default"])(component["default"], {
     recentBlogPosts: selectRecentBlogPosts
   });
   return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -802,7 +802,7 @@ var MeganavContentCompany = function MeganavContentCompany(_ref) {
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/customers"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
     name: "icon-display-customers-col",
     size: "2.5rem"
   }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -814,7 +814,7 @@ var MeganavContentCompany = function MeganavContentCompany(_ref) {
   }, "Ably supports customers across multiple industries.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/case-studies"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
     name: "icon-display-case-studies-col",
     size: "2.5rem"
   }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -826,7 +826,7 @@ var MeganavContentCompany = function MeganavContentCompany(_ref) {
   }, "Discover how customers are benefiting from Ably.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/compare"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
     name: "icon-display-compare-tech-col",
     size: "2.5rem"
   }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -855,7 +855,7 @@ var MeganavContentCompany = function MeganavContentCompany(_ref) {
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/resources"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
     name: "icon-display-resources-col",
     size: "2.5rem"
   }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -867,7 +867,7 @@ var MeganavContentCompany = function MeganavContentCompany(_ref) {
   }, "Learn more about realtime with our handy resources.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/about"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
     name: "icon-display-about-ably-col",
     size: "2.5rem"
   }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -879,7 +879,7 @@ var MeganavContentCompany = function MeganavContentCompany(_ref) {
   }, "Find out more about Ably\u2019s mission.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/careers"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
     name: "icon-display-careers-col",
     size: "2.5rem"
   }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -888,7 +888,19 @@ var MeganavContentCompany = function MeganavContentCompany(_ref) {
     className: "ui-meganav-media-heading"
   }, "Careers"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Discover our open roles and core Ably values.")))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(BlogPostsList, {
+  }, "Discover our open roles and core Ably values.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    href: absUrl("/events"),
+    className: "ui-meganav-media-with-image group"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
+    name: "icon-display-events-col",
+    size: "2.5rem"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex flex-col justify-center"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-meganav-media-heading"
+  }, "Events"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-meganav-media-copy"
+  }, "Join Ably at upcoming events.")))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(BlogPostsList, {
     absUrl: absUrl
   })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "ui-meganav-content-spacer"
@@ -905,181 +917,476 @@ MeganavContentCompany.propTypes = {
 
 /***/ }),
 
-/***/ 2619:
+/***/ 5796:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ MeganavContentDevelopers_component)
+});
+
+// EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
+var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(6073);
+var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
+// EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
+var external_commonjs_react_commonjs2_react_ = __webpack_require__(5225);
+var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
+;// CONCATENATED MODULE: ./src/core/HeadwayWidget/HeadwayWidget.jsx
+var _excluded = ["id", "account", "children", "widgetPosition", "badgePosition", "component", "trigger", "onWidgetReady", "onShowWidget", "onShowDetails", "onReadMore", "onHideWidget", "styles", "options", "translations"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+var HeadwayWidgetClassName = "HW_widget_component";
+var HeadwayWidgetSelector = "." + HeadwayWidgetClassName;
+var HeadwayWidgetTriggerClassName = "HW_trigger";
+var HeadwayWidgetTriggerSelector = "." + HeadwayWidgetTriggerClassName;
+
+var HeadwayWidgetTrigger = function HeadwayWidgetTrigger(_ref) {
+  var widgetId = _ref.widgetId,
+      component = _ref.component,
+      children = _ref.children;
+  var Component = component || "div";
+  var className = HeadwayWidgetTriggerClassName + "_".concat(widgetId);
+  return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Component, {
+    className: className
+  }, children);
+};
+
+HeadwayWidgetTrigger.defaultProps = {
+  widgetId: "widget-1"
+};
+
+var HeadwayWidget = function HeadwayWidget(_ref2) {
+  var id = _ref2.id,
+      account = _ref2.account,
+      children = _ref2.children,
+      widgetPosition = _ref2.widgetPosition,
+      badgePosition = _ref2.badgePosition,
+      component = _ref2.component,
+      trigger = _ref2.trigger,
+      onWidgetReady = _ref2.onWidgetReady,
+      onShowWidget = _ref2.onShowWidget,
+      onShowDetails = _ref2.onShowDetails,
+      onReadMore = _ref2.onReadMore,
+      onHideWidget = _ref2.onHideWidget,
+      styles = _ref2.styles,
+      options = _ref2.options,
+      translations = _ref2.translations,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  var onWidgetReadyRef = (0,external_commonjs_react_commonjs2_react_.useRef)(onWidgetReady);
+  var onShowWidgetRef = (0,external_commonjs_react_commonjs2_react_.useRef)(onShowWidget);
+  var onShowDetailsRef = (0,external_commonjs_react_commonjs2_react_.useRef)(onShowDetails);
+  var onReadMoreRef = (0,external_commonjs_react_commonjs2_react_.useRef)(onReadMore);
+  var onHideWidgetRef = (0,external_commonjs_react_commonjs2_react_.useRef)(onHideWidget);
+  var optionsRef = (0,external_commonjs_react_commonjs2_react_.useRef)(options);
+  (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
+    onWidgetReadyRef.current = onWidgetReady || options.callbacks && options.callbacks.onWidgetReady;
+    onShowWidgetRef.current = onShowWidget || options.callbacks && options.callbacks.onShowWidget;
+    onShowDetailsRef.current = onShowDetails || options.callbacks && options.callbacks.onShowDetails;
+    onReadMoreRef.current = onReadMore || options.callbacks && options.callbacks.onReadMore;
+    onHideWidgetRef.current = onHideWidget || options.callbacks && options.callbacks.onHideWidget;
+    optionsRef.current = options;
+  });
+  var handleWidgetReady = (0,external_commonjs_react_commonjs2_react_.useCallback)(function () {
+    return onWidgetReadyRef.current && onWidgetReadyRef.current();
+  }, []);
+  var handleShowWidget = (0,external_commonjs_react_commonjs2_react_.useCallback)(function () {
+    return onShowWidgetRef.current && onShowWidgetRef.current();
+  }, []);
+  var handleShowDetails = (0,external_commonjs_react_commonjs2_react_.useCallback)(function () {
+    return onShowDetailsRef.current && onShowDetailsRef.current();
+  }, []);
+  var handleReadMore = (0,external_commonjs_react_commonjs2_react_.useCallback)(function () {
+    return onReadMoreRef.current && onReadMoreRef.current();
+  }, []);
+  var handleHideWidget = (0,external_commonjs_react_commonjs2_react_.useCallback)(function () {
+    return onHideWidgetRef.current && onHideWidgetRef.current();
+  }, []);
+  var initHeadway = (0,external_commonjs_react_commonjs2_react_.useCallback)(function () {
+    var hwConfig = _objectSpread({
+      selector: HeadwayWidgetSelector + "_".concat(id),
+      account: account || options.account,
+      trigger: trigger ? HeadwayWidgetSelector + "_".concat(id) : options.trigger || HeadwayWidgetTriggerSelector + "_".concat(id),
+      callbacks: {
+        onWidgetReady: handleWidgetReady,
+        onShowWidget: handleShowWidget,
+        onShowDetails: handleShowDetails,
+        onReadMore: handleReadMore,
+        onHideWidget: handleHideWidget
+      },
+      translations: translations,
+      widgetPosition: widgetPosition,
+      badgePosition: badgePosition,
+      __component: true,
+      styles: styles
+    }, options);
+
+    var widget = window.Headway.getNewWidget();
+    widget.init(hwConfig);
+    return function () {
+      widget.destroy();
+    };
+  }, [account, trigger, handleWidgetReady, handleShowWidget, handleShowDetails, handleReadMore, handleHideWidget, badgePosition, widgetPosition, translations]);
+  console.log(window.Headway);
+  (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
+    console.log("test");
+    var destroy;
+
+    if (window.Headway) {
+      console.log("destroy");
+      destroy = initHeadway();
+    } else {
+      console.log("else");
+      var head = document.getElementsByTagName("head")[0];
+      var script = document.createElement("script");
+      script.type = "text/javascript";
+      var p = new Promise(function (resolve) {
+        script.onload = function () {
+          var d = initHeadway();
+          resolve(d);
+        };
+      });
+
+      destroy = function destroy() {
+        p.then(function (d) {
+          return d();
+        });
+      };
+
+      script.src = "https://cdn.headwayapp.co/widget.js"; // "https://cdn.headwaystaging.com/widget.js"; //;
+
+      head.appendChild(script);
+    }
+
+    return destroy;
+  }, [initHeadway]);
+  var Component = component || "div";
+  return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Component, _extends({
+    className: HeadwayWidgetClassName + "_".concat(id)
+  }, rest, {
+    style: {
+      position: "relative",
+      display: "inline-block"
+    }
+  }), children);
+};
+
+/* harmony default export */ const HeadwayWidget_HeadwayWidget = (HeadwayWidget);
+HeadwayWidget.propTypes = {
+  /**
+   * account of your Headway.
+   */
+  account: (external_commonjs_prop_types_commonjs2_prop_types_default()).string.isRequired,
+
+  /**
+   * id of the Widget. It is required if you have more than one widget instance on the page.
+   */
+  id: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+
+  /**
+   * position of a badge
+   */
+  badgePosition: external_commonjs_prop_types_commonjs2_prop_types_default().oneOf(["top-left", "top-center", "top-right", "center-left", "center", "center-right", "bottom-left", "bottom-center", "bottom-right"]),
+
+  /**
+   * badge relative widget position
+   */
+  widgetPosition: external_commonjs_prop_types_commonjs2_prop_types_default().oneOf(["top-left", "top-right", "center-left", "center-right", "bottom-left", "bottom-right"]),
+
+  /**
+   * callback fired when widget has loaded
+   */
+  onWidgetReady: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
+
+  /**
+   * callback fired when widget is shown
+   */
+  onShowWidget: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
+
+  /**
+   * callback fired when an item in the widget is clicked
+   */
+  onShowDetails: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
+
+  /**
+   * callback fired when user clicks on readMore link
+   */
+  onReadMore: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
+
+  /**
+   * callback fired when user closes the widget
+   */
+  onHideWidget: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
+
+  /**
+   * Translating the text inside of the widget
+   * */
+  translations: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
+    title: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+    labels: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
+      "new": (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+      update: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+      improvement: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
+    }),
+    readMore: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+    footer: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
+  }),
+
+  /**
+   * options defined in classic object format. Read more at https://docs.headwayapp.co/widget
+   */
+  options: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
+    account: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+    callbacks: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
+      onWidgetReady: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
+      onShowWidget: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
+      onShowDetails: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
+      onReadMore: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
+      onHideWidget: (external_commonjs_prop_types_commonjs2_prop_types_default()).func
+    }),
+    translations: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
+      title: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+      labels: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
+        "new": (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+        update: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+        improvement: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
+      }),
+      readMore: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+      footer: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
+    }),
+    trigger: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
+  }),
+  component: external_commonjs_prop_types_commonjs2_prop_types_default().oneOfType([(external_commonjs_prop_types_commonjs2_prop_types_default()).string, (external_commonjs_prop_types_commonjs2_prop_types_default()).func]),
+  children: (external_commonjs_prop_types_commonjs2_prop_types_default()).node,
+  trigger: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+  styles: (external_commonjs_prop_types_commonjs2_prop_types_default()).object
+};
+HeadwayWidget.defaultProps = {
+  account: "",
+  id: "widget-1",
+  badgePosition: "bottom-right",
+  widgetPosition: "bottom-right",
+  styles: {},
+  translations: {},
+  options: {}
+};
+HeadwayWidgetTrigger.propTypes = {
+  widgetId: (external_commonjs_prop_types_commonjs2_prop_types_default()).string.isRequired,
+  component: external_commonjs_prop_types_commonjs2_prop_types_default().oneOfType([(external_commonjs_prop_types_commonjs2_prop_types_default()).string, (external_commonjs_prop_types_commonjs2_prop_types_default()).func]),
+  children: (external_commonjs_prop_types_commonjs2_prop_types_default()).node
+};
+
+// EXTERNAL MODULE: ./src/core/Icon/component.jsx
+var component = __webpack_require__(9008);
+;// CONCATENATED MODULE: ./src/core/MeganavContentDevelopers/component.jsx
+
 
 
 
 
 var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
   var absUrl = _ref.absUrl;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  console.log("render MeganavContentDevelopers");
+  return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "flex max-w-screen-xl mx-auto"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "ui-meganav-content-spacer"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
-    className: "grid grid-cols-12 ui-grid-gap-x w-full"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    className: "ui-meganav-overline uppercase",
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("section", {
+    className: "grid w-full grid-cols-12 ui-grid-gap-x"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "px-24 pt-24 col-span-full md:col-span-4 md:py-24 lg:py-32 sm:px-32 md:pl-0 md:pr-24"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h3", {
+    className: "uppercase ui-meganav-overline",
     id: "meganav-developers-panel-explore"
-  }, "Explore"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
+  }, "Explore"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", {
     "aria-labelledby": "meganav-developers-panel-explore"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/docs"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
     name: "icon-display-docs-col",
     size: "2.5rem"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Documentation"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Documentation"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Technical guides to help you build with Ably.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "Technical guides to help you build with Ably.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/docs/quick-start-guide"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
     name: "icon-display-quickstart-guides-col",
     size: "2.5rem"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Quickstart guides"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Quickstart guides"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Documentation to help you get started quickly.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "Documentation to help you get started quickly.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/integrations"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
     name: "icon-display-integrations-col",
     size: "2.5rem"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Integrations"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Find out more about Ably integrations. ")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
+  }, "Find out more about Ably integrations. ")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    href: absUrl("/examples"),
+    className: "ui-meganav-media-with-image group"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
+    name: "icon-display-examples-col",
+    size: "2.5rem"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex flex-col justify-center"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-meganav-media-heading"
+  }, "Live examples"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-meganav-media-copy"
+  }, "Discover our features and their use cases.")))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "px-24 pb-8 col-span-full md:col-span-4 md:py-24 lg:py-32 sm:px-32 md:px-0"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", {
     className: "md:mt-40",
     "aria-labelledby": "meganav-developers-panel-explore"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/download"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
     name: "icon-display-sdks-col",
     size: "2.5rem"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "SDKs"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "SDKs"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Download an SDK to help you build realtime apps faster.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "Download an SDK to help you build realtime apps faster.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/tutorials"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
     name: "icon-display-tutorials-demos-col",
     size: "2.5rem"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Tutorials & Demos"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Get stuck in with our hands-on resources. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "Get stuck in with our hands-on resources.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/reference-guide-chat"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
     name: "icon-display-chat-col",
     size: "2.5rem"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Chat apps reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Chat apps reference guide"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Learn how to build chat apps with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    className: "ui-meganav-overline uppercase",
+  }, "Learn how to build chat apps with Ably.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    href: absUrl("/reference-guide-multiplayer"),
+    className: "ui-meganav-media-with-image group"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
+    name: "icon-multi-user-spaces-col",
+    size: "2.5rem"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex flex-col justify-center"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-meganav-media-heading"
+  }, "Multiplayer reference guide"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-meganav-media-copy"
+  }, "Learn how to build collaborative features with Ably.")))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "px-24 pt-8 pb-24 col-span-full md:col-span-4 md:py-24 lg:py-32 sm:px-32 md:px-0"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h3", {
+    className: "uppercase ui-meganav-overline",
     id: "meganav-developers-panel-quick-links"
-  }, "Quick links"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
+  }, "Quick links"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", {
     "aria-labelledby": "meganav-developers-panel-quick-links"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: "https://discord.gg/jwBPhEZ9g5",
-    className: "group ui-meganav-media py-12"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "py-12 group ui-meganav-media"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Discord"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "Discord"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: "https://github.com/ably",
-    className: "group ui-meganav-media py-12"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "py-12 group ui-meganav-media"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "GitHub"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "GitHub"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: "https://changelog.ably.com/",
-    className: "group ui-meganav-media py-12"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "py-12 group ui-meganav-media"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("span", {
     className: "ui-meganav-media-heading"
-  }, "Changelog"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "Changelog"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(HeadwayWidget_HeadwayWidget, {
+    account: "yZ1rmJ",
+    badgePosition: "center-right"
+  }))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: "https://status.ably.com/",
-    className: "group ui-meganav-media py-12"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "py-12 group ui-meganav-media"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Status", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("iframe", {
+  }, "Status", /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("iframe", {
+    title: "Ably status",
     src: "https://status.ably.com/embed/icon",
     allowtransparency: "true",
     frameBorder: "0",
     scrolling: "no",
-    className: "w-24 h-24 ml-4 border-none pointer-events-none align-middle"
-  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    className: "w-24 h-24 ml-4 align-middle border-none pointer-events-none"
+  })))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/support"),
-    className: "group ui-meganav-media py-12"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "py-12 group ui-meganav-media"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Support & FAQs")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, "Support & FAQs")))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "ui-meganav-content-spacer"
   }));
 };
 
 MeganavContentDevelopers.propTypes = {
-  absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
+  absUrl: (external_commonjs_prop_types_commonjs2_prop_types_default()).func
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentDevelopers);
+/* harmony default export */ const MeganavContentDevelopers_component = (MeganavContentDevelopers);
 
 /***/ }),
 
-/***/ 6654:
+/***/ 8254:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
 
 
 
 
-var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
+var MeganavContentProducts = function MeganavContentProducts(_ref) {
   var paths = _ref.paths,
       absUrl = _ref.absUrl;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -1102,70 +1409,46 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
     style: {
       maxWidth: "330px"
     }
-  }, "Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything realtime, and lets you focus on your code."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, "Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything realtime, and lets you focus on your code."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     url: absUrl("/platform"),
     textSize: "text-p2"
   }, "Explore how it works")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
     className: "ui-meganav-overline",
-    id: "meganav-platform-panel-list-examples"
-  }, "Our Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
+    id: "meganav-products-panel-list-examples"
+  }, "Products"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
     className: "mb-16",
-    "aria-labelledby": "meganav-platform-panel-list-examples"
+    "aria-labelledby": "meganav-products-panel-list-examples"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/examples/avatar-stack"),
+    href: absUrl("/solutions/channels"),
     className: "group ui-meganav-media"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-copy"
-  }, "See who is connected in a digital space."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/examples/emoji-reactions"),
-    className: "ui-meganav-media group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-heading"
-  }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Pub/Sub Channels"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "React with an emoji to a message."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/examples/activity-feed"),
-    className: "ui-meganav-media group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-heading"
-  }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-copy"
-  }, "Display a list of user actions in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/examples/live-charts"),
-    className: "ui-meganav-media group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-heading"
-  }, "Live Charts"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-copy"
-  }, "Visualise live metrics and data in a chart."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/examples/live-cursors"),
-    className: "ui-meganav-media group"
+  }, "Build infinitely scalable realtime applications."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/spaces"),
+    className: "group ui-meganav-media"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Spaces (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/examples/typing-indicator"),
-    className: "ui-meganav-media group"
+  }, "Create multi-user collaborative environments."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/livesync"),
+    className: "group ui-meganav-media"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "LiveSync (Pre release)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "See when a user is typing a message.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
-    url: absUrl("/examples"),
-    textSize: "text-p3"
-  }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, "Keep clients in sync with any relational database."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
     className: "ui-meganav-overline",
-    id: "meganav-platform-panel-list-our-technology"
-  }, "Our technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
+    id: "meganav-products-panel-list-our-technology"
+  }, "Technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
     className: "mb-16",
-    "aria-labelledby": "meganav-platform-panel-list-our-technology"
+    "aria-labelledby": "meganav-products-panel-list-our-technology"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/four-pillars-of-dependability#performance"),
     className: "ui-meganav-media group"
@@ -1201,7 +1484,7 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
     className: "ui-meganav-media-heading"
   }, "Global edge network"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "An edge network of 15 core routing datacenters and 205+ PoPs.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, "An edge network of 15 core routing datacenters and 205+ PoPs.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     url: absUrl("/four-pillars-of-dependability"),
     textSize: "text-p3"
   }, "Explore Four Pillars of Dependability"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -1209,14 +1492,14 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
   }));
 };
 
-MeganavContentPlatform.propTypes = {
+MeganavContentProducts.propTypes = {
   paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
     ablyStack: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
     iconSprites: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
   }),
   absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentPlatform);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentProducts);
 
 /***/ }),
 
@@ -1227,9 +1510,9 @@ MeganavContentPlatform.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
 
@@ -1249,58 +1532,82 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
     className: "ui-meganav-overline",
     id: "meganav-use-cases-panel-use-cases"
-  }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
+  }, "Solutions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
     "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/solutions/live-updates-results-metrics"),
+    href: absUrl("/solutions/chat"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
-    name: "icon-live-updates-results-metrics-col",
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    name: "icon-display-chat-stack-col",
     size: "2.5rem"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Live updates, results & metrics"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Live Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Deliver live updates to keep users informed.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/solutions/chat"),
+  }, "Deliver highly reliable chat experiences at scale.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/solutions/multiplayer-collaboration"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
-    name: "icon-display-chat-stack-col",
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    name: "icon-multi-user-spaces-col",
     size: "2.5rem"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Multiplayer Collaboration"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Deliver highly reliable chat experiences at scale. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/solutions/virtual-events"),
+  }, "Bring collaborative multiplayer experiences to your users.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/solutions/data-broadcast"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
-    name: "icon-display-virtual-events-col",
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    name: "icon-display-data-broadcast-col",
     size: "2.5rem"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Data Broadcast"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Power engaging virtual events with realtime features.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/solutions/multi-user-virtual-spaces"),
+  }, "Broadcast realtime event data to millions of devices around the globe.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/solutions/data-synchronization"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
-    name: "icon-multi-user-spaces-col",
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    name: "icon-display-data-synchronization-col",
     size: "2.5rem"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+  }, "Data Synchronization"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
+  }, "Keep your frontend and backend in realtime sync, at global scale.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/push-notifications"),
+    className: "ui-meganav-media-with-image group"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    name: "icon-display-push-notifications-col",
+    size: "2.5rem"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "flex flex-col justify-center"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-heading"
+  }, "Notifications"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-copy"
+  }, "Deliver cross-platform push notifications with a simple unified API.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/solutions/asset-tracking"),
+    className: "ui-meganav-media-with-image group"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    name: "icon-display-asset-tracking-col",
+    size: "2.5rem"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "flex flex-col justify-center"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-heading"
+  }, "Asset Tracking (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-copy"
+  }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "col-span-full md:col-span-4 pt-24 pb-0 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
     className: "ui-meganav-overline",
     id: "meganav-use-cases-panel-industry"
@@ -1341,7 +1648,12 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
     className: "ui-meganav-media-heading"
   }, "Healthcare (HIPAA)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Provide trustworthy, HIPAA-compliant realtime apps."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "Provide trustworthy, HIPAA-compliant realtime apps."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "col-span-full md:col-span-4 pt-0 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
+    "aria-labelledby": "meganav-use-cases-panel-solutions",
+    className: "mt-0 md:mt-40"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/solutions/ecommerce-and-retail"),
     className: "ui-meganav-media group"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -1369,28 +1681,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
     className: "ui-meganav-media-heading"
   }, "IoT & Connected Devices"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Monitor and control global IoT deployments in realtime."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
-    className: "ui-meganav-overline",
-    id: "meganav-use-cases-panel-solutions"
-  }, "Solutions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
-    "aria-labelledby": "meganav-use-cases-panel-solutions"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/solutions/extend-kafka-to-the-edge"),
-    className: "ui-meganav-media group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-heading"
-  }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-copy"
-  }, "Reliably expand Kafka\u2019s event streaming beyond your private network."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
-    href: absUrl("/solutions/asset-tracking"),
-    className: "ui-meganav-media group"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-heading"
-  }, "Asset Tracking"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
-    className: "ui-meganav-media-copy"
-  }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, "Monitor and control global IoT deployments in realtime.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "ui-meganav-content-spacer"
   }));
 };
@@ -1409,9 +1700,9 @@ MeganavContentUseCases.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
 
@@ -1431,7 +1722,7 @@ var MeganavControl = function MeganavControl(_ref) {
     "aria-expanded": "false",
     "aria-controls": ariaControls,
     "aria-label": "Show ".concat(ariaLabel, " panel")
-  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     name: "icon-gui-disclosure-arrow",
     color: "text-cool-black",
     size: "1.5rem",
@@ -1457,9 +1748,9 @@ MeganavControl.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
 
@@ -1474,13 +1765,13 @@ var MeganavControlMobileDropdown = function MeganavControlMobileDropdown(_ref) {
     "data-id": "meganav-control-mobile-dropdown",
     "aria-expanded": "false",
     "aria-controls": "meganav-mobile-dropdown"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     name: "icon-gui-burger-menu",
     size: "1.5rem",
     color: theme.mobileMenuColor,
     additionalCSS: "transition-colors",
     "data-id": "meganav-control-mobile-dropdown-menu"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     name: "icon-gui-close",
     size: "1.5rem",
     color: theme.mobileMenuColor,
@@ -1503,9 +1794,9 @@ MeganavControlMobileDropdown.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
 
@@ -1525,7 +1816,7 @@ var MeganavControlMobilePanelClose = function MeganavControlMobilePanelClose(_re
     "aria-expanded": "false",
     "aria-controls": ariaControls,
     "aria-label": "Hide panel"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     name: "icon-gui-disclosure-arrow",
     color: "text-cool-black",
     size: "1.5rem",
@@ -1550,9 +1841,9 @@ MeganavControlMobilePanelClose.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
 
@@ -1569,7 +1860,7 @@ var MeganavControlMobilePanelOpen = function MeganavControlMobilePanelOpen(_ref)
     "aria-expanded": "false",
     "aria-controls": ariaControls,
     "aria-label": "Show ".concat(children)
-  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     name: "icon-gui-disclosure-arrow",
     color: "text-cool-black",
     size: "1.5rem",
@@ -1592,11 +1883,11 @@ MeganavControlMobilePanelOpen.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Meganav_component_json__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3379);
+/* harmony import */ var _Meganav_component_json__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3166);
 /* harmony import */ var _MeganavControl_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(140);
 
 
@@ -1613,11 +1904,11 @@ var MeganavDesktopItems = function MeganavDesktopItems(_ref) {
     "data-id": "meganav-items-desktop"
   }, _Meganav_component_json__WEBPACK_IMPORTED_MODULE_2__/* .panels.map */ .h.map(function (panel) {
     var PanelComponent = panels[panel.component];
-    var bgCSS = ["platform-panel", "use-cases-panel"].includes(panel.id) ? "ui-meganav-panel-split-bg" : "";
+    var bgCSS = ["products-panel", "use-cases-panel"].includes(panel.id) ? "ui-meganav-panel-split-bg" : "";
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
       className: "ui-meganav-item",
       key: panel.id
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControl_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControl_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
       theme: theme,
       ariaControls: panel.id,
       ariaLabel: panel.label
@@ -1666,14 +1957,14 @@ MeganavDesktopItems.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1866);
 /* harmony import */ var _MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8926);
 /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9008);
-/* harmony import */ var _Meganav_component_json__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3379);
+/* harmony import */ var _Meganav_component_json__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3166);
 /* harmony import */ var _MeganavControlMobileDropdown_component_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8746);
 /* harmony import */ var _MeganavControlMobilePanelClose_component_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(5598);
 /* harmony import */ var _MeganavControlMobilePanelOpen_component_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(7806);
@@ -1702,7 +1993,7 @@ var MeganavItemsMobile = function MeganavItemsMobile(_ref) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
     className: "flex md:hidden",
     "data-id": "meganav-items-mobile"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, sessionState.signedIn && sessionState.logOut ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, _extends({
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, sessionState.signedIn && sessionState.logOut ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
     absUrl: absUrl
   }, sessionState.logOut), function (_ref2) {
     var text = _ref2.text,
@@ -1720,7 +2011,7 @@ var MeganavItemsMobile = function MeganavItemsMobile(_ref) {
     "data-id": "meganav-link"
   }, "Login")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
     className: "ui-meganav-item"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobileDropdown_component_jsx__WEBPACK_IMPORTED_MODULE_6__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobileDropdown_component_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
     theme: theme
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "ui-meganav-mobile-dropdown invisible",
@@ -1734,7 +2025,7 @@ var MeganavItemsMobile = function MeganavItemsMobile(_ref) {
     method: "get"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "relative w-full"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
     name: "icon-gui-search",
     color: "text-cool-black",
     size: "1.5rem",
@@ -1743,7 +2034,7 @@ var MeganavItemsMobile = function MeganavItemsMobile(_ref) {
     type: "button",
     className: "absolute top-12 right-16 p-0 focus:outline-gui-focus m-0 md:hidden invisible",
     "data-id": "meganav-search-input-clear"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
     name: "icon-gui-cross-circled-fill",
     color: "text-dark-grey",
     size: "1.5rem",
@@ -1758,10 +2049,10 @@ var MeganavItemsMobile = function MeganavItemsMobile(_ref) {
     placeholder: "Search",
     autoComplete: "off",
     "data-id": "meganav-mobile-search-input"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_9__.default, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_9__["default"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "max-h-0 overflow-hidden transition-all",
     "data-id": "meganav-mobile-search-suggestions"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
     absUrl: absUrl,
     displaySupportLink: false
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
@@ -1773,13 +2064,13 @@ var MeganavItemsMobile = function MeganavItemsMobile(_ref) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
       className: "ui-meganav-mobile-item",
       key: "".concat(panel.id, "-mobile")
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobilePanelOpen_component_jsx__WEBPACK_IMPORTED_MODULE_8__.default, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobilePanelOpen_component_jsx__WEBPACK_IMPORTED_MODULE_8__["default"], {
       ariaControls: "".concat(panel.id, "-mobile")
     }, panel.label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: "ui-meganav-panel-mobile hidden",
       id: "".concat(panel.id, "-mobile"),
       "data-scroll-lock-scrollable": true
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobilePanelClose_component_jsx__WEBPACK_IMPORTED_MODULE_7__.default, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobilePanelClose_component_jsx__WEBPACK_IMPORTED_MODULE_7__["default"], {
       ariaControls: "".concat(panel.id, "-mobile"),
       displayHr: displayHr
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PanelComponent, {
@@ -1837,9 +2128,9 @@ MeganavItemsMobile.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _MeganavControl_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(140);
 /* harmony import */ var _SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1866);
@@ -1869,7 +2160,7 @@ var MeganavItemsSignedIn = function MeganavItemsSignedIn(_ref) {
     className: "hidden md:flex items-center"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
     className: "ui-meganav-item relative"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControl_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControl_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     ariaControls: "account-panel",
     ariaLabel: "Account",
     theme: theme,
@@ -1905,7 +2196,7 @@ var MeganavItemsSignedIn = function MeganavItemsSignedIn(_ref) {
     className: "ui-meganav-hr mb-16"
   }), sessionState.logOut && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "mb-16 px-16"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, _extends({
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({
     absUrl: absUrl
   }, sessionState.logOut), function (_ref2) {
     var text = _ref2.text,
@@ -1916,7 +2207,7 @@ var MeganavItemsSignedIn = function MeganavItemsSignedIn(_ref) {
       href: absUrl(href),
       className: "ui-meganav-account-link"
     }, text);
-  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearch_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, {
+  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearch_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
     absUrl: absUrl
   })), sessionState.account && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl(sessionState.account.links.dashboard.href),
@@ -1943,9 +2234,9 @@ MeganavItemsSignedIn.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
 /* harmony import */ var _MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6569);
@@ -1964,7 +2255,7 @@ var MeganavSearch = function MeganavSearch(_ref) {
     "aria-expanded": "false",
     "aria-controls": "panel-search",
     "aria-label": "Show Search Panel"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     name: "icon-gui-search",
     color: "text-cool-black",
     size: "1.5rem",
@@ -1973,7 +2264,7 @@ var MeganavSearch = function MeganavSearch(_ref) {
     className: "ui-meganav-panel invisible",
     id: "panel-search",
     "data-id": "meganav-panel"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
     absUrl: absUrl
   })));
 };
@@ -1992,7 +2283,7 @@ MeganavSearch.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 
 
@@ -2017,9 +2308,9 @@ var MeganavSearchAutocomplete = function MeganavSearchAutocomplete() {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
 /* harmony import */ var _MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8926);
@@ -2044,7 +2335,7 @@ var MeganavSearchPanel = function MeganavSearchPanel(_ref) {
     method: "get"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "relative w-full"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     name: "icon-gui-search",
     color: "text-cool-black",
     size: "1.5rem",
@@ -2056,12 +2347,12 @@ var MeganavSearchPanel = function MeganavSearchPanel(_ref) {
     placeholder: "Search",
     autoComplete: "off",
     "data-id": "meganav-search-input"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     type: "submit",
     className: "ui-btn-secondary flex-shrink-0 ml-8 sm:ml-16 md:ml-24 xl:ml-32"
   }, "Search")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "col-span-12"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
     displaySupportLink: true,
     absUrl: absUrl
   })));
@@ -2081,9 +2372,9 @@ MeganavSearchPanel.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
 
@@ -2119,7 +2410,7 @@ var MeganavSearchSuggestions = function MeganavSearchSuggestions(_ref) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/platform"),
     className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
-  }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     url: absUrl("/support"),
     textSize: "text-p2"
   }, "Support") : null));
@@ -2144,21 +2435,21 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
-var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
+var external_commonjs_react_commonjs2_react_ = __webpack_require__(5225);
 var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
 // EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
-var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
+var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(6073);
 var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
 // EXTERNAL MODULE: external {"commonjs":"js-cookie","commonjs2":"js-cookie"}
-var external_commonjs_js_cookie_commonjs2_js_cookie_ = __webpack_require__(9349);
+var external_commonjs_js_cookie_commonjs2_js_cookie_ = __webpack_require__(4360);
 var external_commonjs_js_cookie_commonjs2_js_cookie_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_js_cookie_commonjs2_js_cookie_);
 // EXTERNAL MODULE: external {"commonjs":"lodash.throttle","commonjs2":"lodash.throttle"}
-var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_ = __webpack_require__(2040);
+var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_ = __webpack_require__(7326);
 var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_lodash_throttle_commonjs2_lodash_throttle_);
 // EXTERNAL MODULE: ./src/core/dom-query.js
 var dom_query = __webpack_require__(9581);
 // EXTERNAL MODULE: ./src/core/Flash/component.jsx + 1 modules
-var component = __webpack_require__(8696);
+var component = __webpack_require__(2139);
 ;// CONCATENATED MODULE: ./src/core/Notice/component.js
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -2370,7 +2661,7 @@ var component_Notice = function Notice(_ref2) {
   }, buttonLabel)), closeBtn && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("button", {
     type: "button",
     className: "ml-auto h-20 w-20 border-none bg-none self-baseline"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
     name: "icon-gui-close",
     size: "1.25rem",
     color: "text-white"
@@ -2402,9 +2693,9 @@ component_Notice.propTypes = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -2481,7 +2772,7 @@ var queryIdAll = function queryIdAll(val) {
 /* harmony export */   "kZ": () => (/* binding */ connectState)
 /* harmony export */ });
 /* unused harmony exports attachStoreToWindow, createRemoteDataStore */
-/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5044);
+/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5293);
 /* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_0__);
 
 var attachStoreToWindow = function attachStoreToWindow(store) {
@@ -3270,75 +3561,75 @@ try {
 
 /***/ }),
 
-/***/ 3379:
+/***/ 3916:
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"n":{"white":{"backgroundColor":"bg-white","textColor":"text-cool-black","buttonBackgroundColor":"","buttonTextColor":"","mobileMenuColor":"text-cool-black","logoTextColor":"text-cool-black","barShadow":"shadow-subtle"},"black":{"backgroundColor":"bg-cool-black","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""},"transparentToWhite":{"backgroundColor":"bg-transparent","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""}},"h":[{"label":"Platform","shortLabel":"Platform","id":"platform-panel","component":"MeganavContentPlatform"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
+module.exports = __WEBPACK_EXTERNAL_MODULE__3916__;
 
 /***/ }),
 
-/***/ 5090:
+/***/ 710:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__5090__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__710__;
 
 /***/ }),
 
-/***/ 6357:
+/***/ 4360:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__6357__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__4360__;
 
 /***/ }),
 
-/***/ 9349:
+/***/ 7326:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__9349__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__7326__;
 
 /***/ }),
 
-/***/ 2040:
+/***/ 6073:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__2040__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
 
 /***/ }),
 
-/***/ 3474:
+/***/ 5225:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
 
 /***/ }),
 
-/***/ 9281:
+/***/ 5293:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__5293__;
 
 /***/ }),
 
-/***/ 5044:
+/***/ 9042:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__5044__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__9042__;
 
 /***/ }),
 
-/***/ 6833:
+/***/ 3166:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__6833__;
+module.exports = JSON.parse('{"n":{"white":{"backgroundColor":"bg-white","textColor":"text-cool-black","buttonBackgroundColor":"","buttonTextColor":"","mobileMenuColor":"text-cool-black","logoTextColor":"text-cool-black","barShadow":"shadow-subtle"},"black":{"backgroundColor":"bg-cool-black","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""},"transparentToWhite":{"backgroundColor":"bg-transparent","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""}},"h":[{"label":"Products","shortLabel":"Products","id":"products-panel","component":"MeganavContentProducts"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
 
 /***/ })
 
@@ -3423,10 +3714,10 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
-var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
+var external_commonjs_react_commonjs2_react_ = __webpack_require__(5225);
 var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
 // EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
-var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
+var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(6073);
 var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
 // EXTERNAL MODULE: ./src/core/remote-data-store.js
 var remote_data_store = __webpack_require__(3511);
@@ -3558,7 +3849,7 @@ var selectSessionData = function selectSessionData(store) {
 // EXTERNAL MODULE: ./src/core/Logo/component.jsx
 var component = __webpack_require__(3774);
 // EXTERNAL MODULE: external {"commonjs":"lodash.throttle","commonjs2":"lodash.throttle"}
-var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_ = __webpack_require__(2040);
+var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_ = __webpack_require__(7326);
 var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_lodash_throttle_commonjs2_lodash_throttle_);
 // EXTERNAL MODULE: ./src/core/dom-query.js
 var dom_query = __webpack_require__(9581);
@@ -3694,7 +3985,7 @@ var MeganavControl = function MeganavControl() {
 
 /* harmony default export */ const MeganavControl_component = (MeganavControl);
 // EXTERNAL MODULE: external {"commonjs":"scroll-lock","commonjs2":"scroll-lock"}
-var external_commonjs_scroll_lock_commonjs2_scroll_lock_ = __webpack_require__(6833);
+var external_commonjs_scroll_lock_commonjs2_scroll_lock_ = __webpack_require__(9042);
 var external_commonjs_scroll_lock_commonjs2_scroll_lock_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_scroll_lock_commonjs2_scroll_lock_);
 ;// CONCATENATED MODULE: ./src/core/MeganavControlMobileDropdown/component.js
 
@@ -3822,7 +4113,7 @@ var remsToPixelValue = function remsToPixelValue(remString) {
   });
 });
 // EXTERNAL MODULE: external {"commonjs":"addsearch-js-client","commonjs2":"addsearch-js-client"}
-var external_commonjs_addsearch_js_client_commonjs2_addsearch_js_client_ = __webpack_require__(5090);
+var external_commonjs_addsearch_js_client_commonjs2_addsearch_js_client_ = __webpack_require__(3916);
 var external_commonjs_addsearch_js_client_commonjs2_addsearch_js_client_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_addsearch_js_client_commonjs2_addsearch_js_client_);
 ;// CONCATENATED MODULE: ./src/core/MeganavSearchAutocomplete/component.js
 
@@ -4301,7 +4592,7 @@ var MeganavItemsMobile_component = __webpack_require__(2016);
 // EXTERNAL MODULE: ./src/core/Notice/component.jsx + 1 modules
 var Notice_component = __webpack_require__(3044);
 // EXTERNAL MODULE: ./src/core/Meganav/component.json
-var Meganav_component = __webpack_require__(3379);
+var Meganav_component = __webpack_require__(3166);
 ;// CONCATENATED MODULE: ./src/core/url-base.js
 var DEFAULT_URL_BASE = "";
 
@@ -4311,14 +4602,14 @@ var absUrl = function absUrl(path) {
 };
 
 /* harmony default export */ const url_base = (absUrl);
-// EXTERNAL MODULE: ./src/core/MeganavContentPlatform/component.jsx
-var MeganavContentPlatform_component = __webpack_require__(6654);
+// EXTERNAL MODULE: ./src/core/MeganavContentProducts/component.jsx
+var MeganavContentProducts_component = __webpack_require__(8254);
 // EXTERNAL MODULE: ./src/core/MeganavContentUseCases/component.jsx
 var MeganavContentUseCases_component = __webpack_require__(1118);
 // EXTERNAL MODULE: ./src/core/MeganavContentCompany/component.jsx + 1 modules
 var MeganavContentCompany_component = __webpack_require__(1505);
-// EXTERNAL MODULE: ./src/core/MeganavContentDevelopers/component.jsx
-var MeganavContentDevelopers_component = __webpack_require__(2619);
+// EXTERNAL MODULE: ./src/core/MeganavContentDevelopers/component.jsx + 1 modules
+var MeganavContentDevelopers_component = __webpack_require__(5796);
 // EXTERNAL MODULE: ./src/core/MeganavSearch/component.jsx
 var MeganavSearch_component = __webpack_require__(97);
 ;// CONCATENATED MODULE: ./src/core/Meganav/component.jsx
@@ -4359,7 +4650,7 @@ var SignIn = function SignIn(_ref) {
       theme = _ref.theme,
       loginLink = _ref.loginLink,
       absUrl = _ref.absUrl;
-  return sessionState.signedIn ? /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(MeganavItemsSignedIn_component.default, {
+  return sessionState.signedIn ? /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(MeganavItemsSignedIn_component["default"], {
     absUrl: absUrl,
     sessionState: sessionState,
     theme: theme
@@ -4379,7 +4670,7 @@ var SignIn = function SignIn(_ref) {
     "data-id": "meganav-link"
   }, "Login")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
     className: "ui-meganav-item"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(MeganavSearch_component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(MeganavSearch_component["default"], {
     absUrl: absUrl
   })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
     className: "ui-meganav-item"
@@ -4403,10 +4694,10 @@ var SignInPlaceholder = function SignInPlaceholder() {
 };
 
 var panels = {
-  MeganavContentPlatform: MeganavContentPlatform_component.default,
-  MeganavContentUseCases: MeganavContentUseCases_component.default,
-  MeganavContentCompany: MeganavContentCompany_component.default,
-  MeganavContentDevelopers: MeganavContentDevelopers_component.default
+  MeganavContentProducts: MeganavContentProducts_component["default"],
+  MeganavContentUseCases: MeganavContentUseCases_component["default"],
+  MeganavContentCompany: MeganavContentCompany_component["default"],
+  MeganavContentDevelopers: MeganavContentDevelopers_component["default"]
 };
 function component_Meganav(_ref2) {
   var paths = _ref2.paths,
@@ -4447,17 +4738,17 @@ function component_Meganav(_ref2) {
     className: "ui-meganav-wrapper ".concat(theme.backgroundColor, " ").concat(theme.barShadow),
     "data-id": "meganav",
     "aria-label": "Main"
-  }, notice && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Notice_component.default, _extends({}, notice.props, {
+  }, notice && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Notice_component["default"], _extends({}, notice.props, {
     config: notice.config
   })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "ui-meganav ui-grid-px"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "mr-24"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
     dataId: "meganav-logo",
     href: urlBase,
     logoUrl: paths.logo
-  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(MeganavItemsDesktop_component.default, {
+  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(MeganavItemsDesktop_component["default"], {
     panels: panels,
     paths: paths,
     theme: theme,
@@ -4467,7 +4758,7 @@ function component_Meganav(_ref2) {
     theme: theme,
     loginLink: loginLink,
     absUrl: absUrl
-  }) : /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(SignInPlaceholder, null), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(MeganavItemsMobile_component.default, {
+  }) : /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(SignInPlaceholder, null), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(MeganavItemsMobile_component["default"], {
     panels: panels,
     sessionState: sessionState || {},
     paths: paths,