diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 0cea654d601..2135361814b 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -2,7 +2,7 @@
 name: Bug Report 🐛
 about: Something isn't working as expected? Here is the right place to report.
 labels: bug
-assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, oliviaflory, IgnacioBecerra
+assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, guilhermelMoraes
 ---
 
 <!-- Feel free to remove sections that aren't relevant.
diff --git a/.github/ISSUE_TEMPLATE/contribution_request.md b/.github/ISSUE_TEMPLATE/contribution_request.md
index e0e2f2ec25e..4531e1dc369 100644
--- a/.github/ISSUE_TEMPLATE/contribution_request.md
+++ b/.github/ISSUE_TEMPLATE/contribution_request.md
@@ -3,7 +3,7 @@ name: Contribution Request 💓
 about: Contribute things large and small—of code, design, ideas, and guidance.
 title: ''
 labels: contribution
-assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, oliviaflory, IgnacioBecerra
+assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, guilhermelMoraes
 
 ---
 
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
index 0026b39d0bf..d23bb068fe4 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -3,7 +3,7 @@ name: Feature Request 💡
 about: Suggest a new idea for the project.
 title: ''
 labels: Feature request
-assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, oliviaflory, IgnacioBecerra
+assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, guilhermelMoraes
 ---
 
 <!-- replace _{{...}}_ with your own words -->
diff --git a/.github/ISSUE_TEMPLATE/question.md b/.github/ISSUE_TEMPLATE/question.md
index 02b23c3e80f..5b445b2373a 100644
--- a/.github/ISSUE_TEMPLATE/question.md
+++ b/.github/ISSUE_TEMPLATE/question.md
@@ -2,7 +2,7 @@
 name: Question 🤔
 about: Usage question or discussion about Carbon for IBM.com.
 labels: question
-assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, oliviaflory, IgnacioBecerra
+assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, guilhermelMoraes
 ---
 
 <!--
diff --git a/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap b/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
index 3c497f81421..730b395797d 100644
--- a/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
+++ b/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
@@ -1699,18 +1699,24 @@ exports[`Storyshots Components|CTASection Default 1`] = `
                 "href": "https://example.com/",
                 "iconDescription": "right arrow icon",
                 "onClick": [Function],
-                "renderIcon": null,
+                "renderIcon": Object {
+                  "$$typeof": Symbol(react.forward_ref),
+                  "render": [Function],
+                },
                 "target": null,
-                "type": "default",
+                "type": "local",
               },
               Object {
                 "copy": "Primary button",
                 "href": "https://example.com/",
                 "iconDescription": "right arrow icon",
                 "onClick": [Function],
-                "renderIcon": null,
+                "renderIcon": Object {
+                  "$$typeof": Symbol(react.forward_ref),
+                  "render": [Function],
+                },
                 "target": null,
-                "type": "default",
+                "type": "local",
               },
             ],
             "style": "button",
@@ -1774,18 +1780,24 @@ exports[`Storyshots Components|CTASection Default 1`] = `
                     "href": "https://example.com/",
                     "iconDescription": "right arrow icon",
                     "onClick": [Function],
-                    "renderIcon": null,
+                    "renderIcon": Object {
+                      "$$typeof": Symbol(react.forward_ref),
+                      "render": [Function],
+                    },
                     "target": null,
-                    "type": "default",
+                    "type": "local",
                   },
                   Object {
                     "copy": "Primary button",
                     "href": "https://example.com/",
                     "iconDescription": "right arrow icon",
                     "onClick": [Function],
-                    "renderIcon": null,
+                    "renderIcon": Object {
+                      "$$typeof": Symbol(react.forward_ref),
+                      "render": [Function],
+                    },
                     "target": null,
-                    "type": "default",
+                    "type": "local",
                   },
                 ],
                 "style": "button",
@@ -1838,18 +1850,24 @@ exports[`Storyshots Components|CTASection Default 1`] = `
                       "href": "https://example.com/",
                       "iconDescription": "right arrow icon",
                       "onClick": [Function],
-                      "renderIcon": null,
+                      "renderIcon": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "render": [Function],
+                      },
                       "target": null,
-                      "type": "default",
+                      "type": "local",
                     },
                     Object {
                       "copy": "Primary button",
                       "href": "https://example.com/",
                       "iconDescription": "right arrow icon",
                       "onClick": [Function],
-                      "renderIcon": null,
+                      "renderIcon": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "render": [Function],
+                      },
                       "target": null,
-                      "type": "default",
+                      "type": "local",
                     },
                   ]
                 }
@@ -1870,18 +1888,24 @@ exports[`Storyshots Components|CTASection Default 1`] = `
                           "href": "https://example.com/",
                           "iconDescription": "right arrow icon",
                           "onClick": [Function],
-                          "renderIcon": null,
+                          "renderIcon": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "render": [Function],
+                          },
                           "target": null,
-                          "type": "default",
+                          "type": "local",
                         },
                         Object {
                           "copy": "Primary button",
                           "href": "https://example.com/",
                           "iconDescription": "right arrow icon",
                           "onClick": [Function],
-                          "renderIcon": null,
+                          "renderIcon": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "render": [Function],
+                          },
                           "target": null,
-                          "type": "default",
+                          "type": "local",
                         },
                       ]
                     }
@@ -1910,18 +1934,24 @@ exports[`Storyshots Components|CTASection Default 1`] = `
                             "href": "https://example.com/",
                             "iconDescription": "right arrow icon",
                             "onClick": [Function],
-                            "renderIcon": null,
+                            "renderIcon": Object {
+                              "$$typeof": Symbol(react.forward_ref),
+                              "render": [Function],
+                            },
                             "target": null,
-                            "type": "default",
+                            "type": "local",
                           },
                           Object {
                             "copy": "Primary button",
                             "href": "https://example.com/",
                             "iconDescription": "right arrow icon",
                             "onClick": [Function],
-                            "renderIcon": null,
+                            "renderIcon": Object {
+                              "$$typeof": Symbol(react.forward_ref),
+                              "render": [Function],
+                            },
                             "target": null,
-                            "type": "default",
+                            "type": "local",
                           },
                         ]
                       }
@@ -1942,7 +1972,12 @@ exports[`Storyshots Components|CTASection Default 1`] = `
                             iconDescription="right arrow icon"
                             kind="tertiary"
                             onClick={[Function]}
-                            renderIcon={null}
+                            renderIcon={
+                              Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "render": [Function],
+                              }
+                            }
                             size="default"
                             tabIndex={0}
                             target={null}
@@ -1960,6 +1995,41 @@ exports[`Storyshots Components|CTASection Default 1`] = `
                               target={null}
                             >
                               Secondary button
+                              <ForwardRef(ArrowRight20)
+                                aria-hidden="true"
+                                aria-label="right arrow icon"
+                                className="bx--btn__icon"
+                              >
+                                <Icon
+                                  aria-hidden="true"
+                                  aria-label="right arrow icon"
+                                  className="bx--btn__icon"
+                                  fill="currentColor"
+                                  height={20}
+                                  preserveAspectRatio="xMidYMid meet"
+                                  viewBox="0 0 20 20"
+                                  width={20}
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    aria-label="right arrow icon"
+                                    className="bx--btn__icon"
+                                    fill="currentColor"
+                                    focusable="false"
+                                    height={20}
+                                    preserveAspectRatio="xMidYMid meet"
+                                    role="img"
+                                    viewBox="0 0 20 20"
+                                    width={20}
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"
+                                    />
+                                  </svg>
+                                </Icon>
+                              </ForwardRef(ArrowRight20)>
                             </a>
                           </Button>
                         </li>
@@ -1975,7 +2045,12 @@ exports[`Storyshots Components|CTASection Default 1`] = `
                             iconDescription="right arrow icon"
                             kind="primary"
                             onClick={[Function]}
-                            renderIcon={null}
+                            renderIcon={
+                              Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "render": [Function],
+                              }
+                            }
                             size="default"
                             tabIndex={0}
                             target={null}
@@ -1993,6 +2068,41 @@ exports[`Storyshots Components|CTASection Default 1`] = `
                               target={null}
                             >
                               Primary button
+                              <ForwardRef(ArrowRight20)
+                                aria-hidden="true"
+                                aria-label="right arrow icon"
+                                className="bx--btn__icon"
+                              >
+                                <Icon
+                                  aria-hidden="true"
+                                  aria-label="right arrow icon"
+                                  className="bx--btn__icon"
+                                  fill="currentColor"
+                                  height={20}
+                                  preserveAspectRatio="xMidYMid meet"
+                                  viewBox="0 0 20 20"
+                                  width={20}
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    aria-label="right arrow icon"
+                                    className="bx--btn__icon"
+                                    fill="currentColor"
+                                    focusable="false"
+                                    height={20}
+                                    preserveAspectRatio="xMidYMid meet"
+                                    role="img"
+                                    viewBox="0 0 20 20"
+                                    width={20}
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"
+                                    />
+                                  </svg>
+                                </Icon>
+                              </ForwardRef(ArrowRight20)>
                             </a>
                           </Button>
                         </li>
@@ -2064,18 +2174,24 @@ exports[`Storyshots Components|CTASection With Content Items 1`] = `
                 "href": "https://example.com/",
                 "iconDescription": "right arrow icon",
                 "onClick": [Function],
-                "renderIcon": null,
+                "renderIcon": Object {
+                  "$$typeof": Symbol(react.forward_ref),
+                  "render": [Function],
+                },
                 "target": null,
-                "type": "default",
+                "type": "local",
               },
               Object {
                 "copy": "Primary button",
                 "href": "https://example.com/",
                 "iconDescription": "right arrow icon",
                 "onClick": [Function],
-                "renderIcon": null,
+                "renderIcon": Object {
+                  "$$typeof": Symbol(react.forward_ref),
+                  "render": [Function],
+                },
                 "target": null,
-                "type": "default",
+                "type": "local",
               },
             ],
             "style": "button",
@@ -2133,18 +2249,24 @@ exports[`Storyshots Components|CTASection With Content Items 1`] = `
                     "href": "https://example.com/",
                     "iconDescription": "right arrow icon",
                     "onClick": [Function],
-                    "renderIcon": null,
+                    "renderIcon": Object {
+                      "$$typeof": Symbol(react.forward_ref),
+                      "render": [Function],
+                    },
                     "target": null,
-                    "type": "default",
+                    "type": "local",
                   },
                   Object {
                     "copy": "Primary button",
                     "href": "https://example.com/",
                     "iconDescription": "right arrow icon",
                     "onClick": [Function],
-                    "renderIcon": null,
+                    "renderIcon": Object {
+                      "$$typeof": Symbol(react.forward_ref),
+                      "render": [Function],
+                    },
                     "target": null,
-                    "type": "default",
+                    "type": "local",
                   },
                 ],
                 "style": "button",
@@ -2219,18 +2341,24 @@ exports[`Storyshots Components|CTASection With Content Items 1`] = `
                       "href": "https://example.com/",
                       "iconDescription": "right arrow icon",
                       "onClick": [Function],
-                      "renderIcon": null,
+                      "renderIcon": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "render": [Function],
+                      },
                       "target": null,
-                      "type": "default",
+                      "type": "local",
                     },
                     Object {
                       "copy": "Primary button",
                       "href": "https://example.com/",
                       "iconDescription": "right arrow icon",
                       "onClick": [Function],
-                      "renderIcon": null,
+                      "renderIcon": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "render": [Function],
+                      },
                       "target": null,
-                      "type": "default",
+                      "type": "local",
                     },
                   ]
                 }
@@ -2251,18 +2379,24 @@ exports[`Storyshots Components|CTASection With Content Items 1`] = `
                           "href": "https://example.com/",
                           "iconDescription": "right arrow icon",
                           "onClick": [Function],
-                          "renderIcon": null,
+                          "renderIcon": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "render": [Function],
+                          },
                           "target": null,
-                          "type": "default",
+                          "type": "local",
                         },
                         Object {
                           "copy": "Primary button",
                           "href": "https://example.com/",
                           "iconDescription": "right arrow icon",
                           "onClick": [Function],
-                          "renderIcon": null,
+                          "renderIcon": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "render": [Function],
+                          },
                           "target": null,
-                          "type": "default",
+                          "type": "local",
                         },
                       ]
                     }
@@ -2291,18 +2425,24 @@ exports[`Storyshots Components|CTASection With Content Items 1`] = `
                             "href": "https://example.com/",
                             "iconDescription": "right arrow icon",
                             "onClick": [Function],
-                            "renderIcon": null,
+                            "renderIcon": Object {
+                              "$$typeof": Symbol(react.forward_ref),
+                              "render": [Function],
+                            },
                             "target": null,
-                            "type": "default",
+                            "type": "local",
                           },
                           Object {
                             "copy": "Primary button",
                             "href": "https://example.com/",
                             "iconDescription": "right arrow icon",
                             "onClick": [Function],
-                            "renderIcon": null,
+                            "renderIcon": Object {
+                              "$$typeof": Symbol(react.forward_ref),
+                              "render": [Function],
+                            },
                             "target": null,
-                            "type": "default",
+                            "type": "local",
                           },
                         ]
                       }
@@ -2323,7 +2463,12 @@ exports[`Storyshots Components|CTASection With Content Items 1`] = `
                             iconDescription="right arrow icon"
                             kind="tertiary"
                             onClick={[Function]}
-                            renderIcon={null}
+                            renderIcon={
+                              Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "render": [Function],
+                              }
+                            }
                             size="default"
                             tabIndex={0}
                             target={null}
@@ -2341,6 +2486,41 @@ exports[`Storyshots Components|CTASection With Content Items 1`] = `
                               target={null}
                             >
                               Secondary button
+                              <ForwardRef(ArrowRight20)
+                                aria-hidden="true"
+                                aria-label="right arrow icon"
+                                className="bx--btn__icon"
+                              >
+                                <Icon
+                                  aria-hidden="true"
+                                  aria-label="right arrow icon"
+                                  className="bx--btn__icon"
+                                  fill="currentColor"
+                                  height={20}
+                                  preserveAspectRatio="xMidYMid meet"
+                                  viewBox="0 0 20 20"
+                                  width={20}
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    aria-label="right arrow icon"
+                                    className="bx--btn__icon"
+                                    fill="currentColor"
+                                    focusable="false"
+                                    height={20}
+                                    preserveAspectRatio="xMidYMid meet"
+                                    role="img"
+                                    viewBox="0 0 20 20"
+                                    width={20}
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"
+                                    />
+                                  </svg>
+                                </Icon>
+                              </ForwardRef(ArrowRight20)>
                             </a>
                           </Button>
                         </li>
@@ -2356,7 +2536,12 @@ exports[`Storyshots Components|CTASection With Content Items 1`] = `
                             iconDescription="right arrow icon"
                             kind="primary"
                             onClick={[Function]}
-                            renderIcon={null}
+                            renderIcon={
+                              Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "render": [Function],
+                              }
+                            }
                             size="default"
                             tabIndex={0}
                             target={null}
@@ -2374,6 +2559,41 @@ exports[`Storyshots Components|CTASection With Content Items 1`] = `
                               target={null}
                             >
                               Primary button
+                              <ForwardRef(ArrowRight20)
+                                aria-hidden="true"
+                                aria-label="right arrow icon"
+                                className="bx--btn__icon"
+                              >
+                                <Icon
+                                  aria-hidden="true"
+                                  aria-label="right arrow icon"
+                                  className="bx--btn__icon"
+                                  fill="currentColor"
+                                  height={20}
+                                  preserveAspectRatio="xMidYMid meet"
+                                  viewBox="0 0 20 20"
+                                  width={20}
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    aria-label="right arrow icon"
+                                    className="bx--btn__icon"
+                                    fill="currentColor"
+                                    focusable="false"
+                                    height={20}
+                                    preserveAspectRatio="xMidYMid meet"
+                                    role="img"
+                                    viewBox="0 0 20 20"
+                                    width={20}
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"
+                                    />
+                                  </svg>
+                                </Icon>
+                              </ForwardRef(ArrowRight20)>
                             </a>
                           </Button>
                         </li>
@@ -3501,7 +3721,7 @@ exports[`Storyshots Components|Card Section Carousel Default 1`] = `
        library with a
        
       <a
-        class="bx--link"
+        className="bx--link"
         href="http://ibmdotcom-web-components-react.mybluemix.net/?path=/story/components-card-section-carousel--default"
         target="_blank"
       >
@@ -11156,15 +11376,15 @@ exports[`Storyshots Components|CardSectionSimple Default 1`] = `
         ]
       }
       heading="Aliquam condimentum interdum"
-      theme=""
+      theme="white"
     >
       <ContentSection
         autoid="dds--card-group-simple-group"
-        customClassName="bx--card-group"
+        customClassName="bx--card-group bx--card-group--white"
         heading="Aliquam condimentum interdum"
       >
         <section
-          className="bx--content-section bx--card-group"
+          className="bx--content-section bx--card-group bx--card-group--white"
           data-autoid="dds--card-group-simple-group"
         >
           <div
@@ -13780,7 +14000,7 @@ exports[`Storyshots Components|Carousel Default 1`] = `
        library with a
        
       <a
-        class="bx--link"
+        className="bx--link"
         href="https://ibmdotcom-web-components-react.mybluemix.net/?path=/story/components-carousel--default"
         target="_blank"
       >
@@ -44353,6 +44573,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                       defaultValue="en"
                       disabled={false}
                       helperText=""
+                      id="bx--language-selector"
                       inline={false}
                       invalid={false}
                       invalidText=""
@@ -44369,6 +44590,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                         >
                           <label
                             className="bx--label"
+                            htmlFor="bx--language-selector"
                           >
                             Choose a language
                           </label>
@@ -44380,12 +44602,14 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               className="bx--select-input"
                               data-autoid="dds--language-selector__select"
                               defaultValue="en"
+                              id="bx--language-selector"
                               onChange={[Function]}
                               text="English"
                             >
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="0"
                                 text="Arabic / عربية"
                                 value="ar"
                               >
@@ -44401,6 +44625,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="1"
                                 text="Bosnian / Bosanski"
                                 value="bs"
                               >
@@ -44416,6 +44641,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="2"
                                 text="Bulgarian / Български"
                                 value="bg"
                               >
@@ -44431,6 +44657,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="3"
                                 text="Catalan / Català"
                                 value="ca"
                               >
@@ -44446,6 +44673,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="4"
                                 text="Chinese Simplified / 简体中文"
                                 value="zh"
                               >
@@ -44461,6 +44689,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="5"
                                 text="Chinese Traditional / 繁體中文"
                                 value="zh-tw"
                               >
@@ -44476,6 +44705,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="6"
                                 text="Croatian / Hrvatski"
                                 value="hr"
                               >
@@ -44491,6 +44721,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="7"
                                 text="Czech / Čeština"
                                 value="cs"
                               >
@@ -44506,6 +44737,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="8"
                                 text="Danish / Dansk"
                                 value="da"
                               >
@@ -44521,6 +44753,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="9"
                                 text="Dutch / Nederlands"
                                 value="nl"
                               >
@@ -44536,6 +44769,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="10"
                                 text="English"
                                 value="en"
                               >
@@ -44551,6 +44785,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="11"
                                 text="Finnish / Suomi"
                                 value="fi"
                               >
@@ -44566,6 +44801,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="12"
                                 text="French / Français"
                                 value="fr"
                               >
@@ -44581,6 +44817,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="13"
                                 text="German / Deutsch"
                                 value="de"
                               >
@@ -44596,6 +44833,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="14"
                                 text="Greek / Ελληνικά"
                                 value="el"
                               >
@@ -44611,6 +44849,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="15"
                                 text="Hebrew / עברית"
                                 value="he"
                               >
@@ -44626,6 +44865,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="16"
                                 text="Hungarian / Magyar"
                                 value="hu"
                               >
@@ -44641,6 +44881,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="17"
                                 text="Italian / Italiano"
                                 value="it"
                               >
@@ -44656,6 +44897,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="18"
                                 text="Japanese / 日本語"
                                 value="ja"
                               >
@@ -44671,6 +44913,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="19"
                                 text="Kazakh / Қазақша"
                                 value="kk"
                               >
@@ -44686,6 +44929,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="20"
                                 text="Korean / 한국어"
                                 value="ko"
                               >
@@ -44701,6 +44945,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="21"
                                 text="Macedonian / македонски"
                                 value="mk"
                               >
@@ -44716,6 +44961,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="22"
                                 text="Norwegian / Norsk"
                                 value="no"
                               >
@@ -44731,6 +44977,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="23"
                                 text="Polish / polski"
                                 value="pl"
                               >
@@ -44746,6 +44993,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="24"
                                 text="Portuguese/Brazil/Brazil / Português/Brasil"
                                 value="pt-br"
                               >
@@ -44761,6 +45009,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="25"
                                 text="Portuguese/Portugal / Português/Portugal"
                                 value="pt"
                               >
@@ -44776,6 +45025,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="26"
                                 text="Romanian / Română"
                                 value="ro"
                               >
@@ -44791,6 +45041,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="27"
                                 text="Russian / Русский"
                                 value="ru"
                               >
@@ -44806,6 +45057,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="28"
                                 text="Serbian / srpski"
                                 value="sr"
                               >
@@ -44821,6 +45073,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="29"
                                 text="Slovak / Slovenčina"
                                 value="sk"
                               >
@@ -44836,6 +45089,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="30"
                                 text="Slovenian / Slovenščina"
                                 value="sl"
                               >
@@ -44851,6 +45105,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="31"
                                 text="Spanish / Español"
                                 value="es"
                               >
@@ -44866,6 +45121,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="32"
                                 text="Swedish / Svenska"
                                 value="sv"
                               >
@@ -44881,6 +45137,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="33"
                                 text="Thai / ภาษาไทย"
                                 value="th"
                               >
@@ -44896,6 +45153,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="34"
                                 text="Turkish / Türkçe"
                                 value="tr"
                               >
@@ -44911,6 +45169,7 @@ exports[`Storyshots Components|Dotcom Shell Default (footer language only) 1`] =
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="35"
                                 text="Vietnamese / Tiếng Việt"
                                 value="vi"
                               >
@@ -56576,6 +56835,262 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
             "hasSearch": true,
             "mastheadL1Data": Object {
               "navigationL1": Array [
+                Object {
+                  "hasMegapanel": true,
+                  "hasMenu": true,
+                  "menuSections": Array [
+                    Object {
+                      "heading": "The essentials",
+                      "menuItems": Array [
+                        Object {
+                          "highlighted": true,
+                          "megapanelContent": Object {
+                            "description": "Blend cloud and on-premises resources for flexibility and balance",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Hybrid Cloud",
+                            "headingUrl": "",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "What is Hybrid Cloud?",
+                                  "titleEnglish": "What is Hybrid Cloud?",
+                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                },
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "Hybrid cloud solutions",
+                                  "titleEnglish": "Hybrid cloud solutions",
+                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Hybrid Cloud",
+                          "titleEnglish": "Hybrid Cloud",
+                          "url": "",
+                        },
+                        Object {
+                          "highlighted": true,
+                          "megapanelContent": Object {
+                            "description": "Unlock the value in your organization with AI",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Artificial intelligence",
+                            "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "What is AI?",
+                                  "titleEnglish": "What is AI?",
+                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                },
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "AI solutions",
+                                  "titleEnglish": "AI solutions",
+                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Artificial intelligence",
+                          "titleEnglish": "Artificial intelligence",
+                          "url": "",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Top products & platforms",
+                            "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Db2",
+                                  "titleEnglish": "Db2",
+                                  "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Hybrid Cloud",
+                                  "titleEnglish": "Hybrid Cloud",
+                                  "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Cloud",
+                                  "titleEnglish": "IBM Cloud",
+                                  "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Security",
+                                  "titleEnglish": "IBM Security",
+                                  "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Sterling",
+                                  "titleEnglish": "IBM Sterling",
+                                  "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Z",
+                                  "titleEnglish": "IBM Z",
+                                  "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Red Hat",
+                                  "titleEnglish": "Red Hat",
+                                  "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "SPSS Statistics",
+                                  "titleEnglish": "SPSS Statistics",
+                                  "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "The Weather Company",
+                                  "titleEnglish": "The Weather Company",
+                                  "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Watson",
+                                  "titleEnglish": "Watson",
+                                  "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "WebSphere",
+                                  "titleEnglish": "WebSphere",
+                                  "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Top products & platforms",
+                          "titleEnglish": "Top products & platforms",
+                          "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Security",
+                            "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Data security",
+                                  "titleEnglish": "Data security",
+                                  "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Identity & access management",
+                                  "titleEnglish": "Identity & access management",
+                                  "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Security information & event management",
+                                  "titleEnglish": "Security information & event management",
+                                  "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Security orchestration, automation & response",
+                                  "titleEnglish": "Security orchestration, automation & response",
+                                  "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                },
+                                Object {
+                                  "title": "View all Security products",
+                                  "titleEnglish": "View all Security products",
+                                  "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Security",
+                          "titleEnglish": "Security",
+                          "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Supply chain",
+                            "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Supply chain visibility",
+                                  "titleEnglish": "Supply chain visibility",
+                                  "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Supplier collaboration",
+                                  "titleEnglish": "Supplier collaboration",
+                                  "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Business process improvement",
+                                  "titleEnglish": "Business process improvement",
+                                  "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Order management and fulfillment",
+                                  "titleEnglish": "Order management and fulfillment",
+                                  "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "View all Supply Chain products",
+                                  "titleEnglish": "View all Supply Chain products",
+                                  "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Supply chain",
+                          "titleEnglish": "Supply chain",
+                          "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                        },
+                        Object {
+                          "megaPanelViewAll": true,
+                          "title": "View all products",
+                          "titleEnglish": "View all products",
+                          "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                        },
+                      ],
+                    },
+                  ],
+                  "title": "Products & Solutions",
+                  "titleEnglish": "Products & Solutions",
+                  "url": "",
+                },
                 Object {
                   "hasMegapanel": true,
                   "hasMenu": true,
@@ -56948,6 +57463,262 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                 "hasSearch": true,
                 "mastheadL1Data": Object {
                   "navigationL1": Array [
+                    Object {
+                      "hasMegapanel": true,
+                      "hasMenu": true,
+                      "menuSections": Array [
+                        Object {
+                          "heading": "The essentials",
+                          "menuItems": Array [
+                            Object {
+                              "highlighted": true,
+                              "megapanelContent": Object {
+                                "description": "Blend cloud and on-premises resources for flexibility and balance",
+                                "feature": Object {
+                                  "heading": "",
+                                  "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                  "linkTitle": "",
+                                  "linkUrl": "",
+                                },
+                                "headingTitle": "Hybrid Cloud",
+                                "headingUrl": "",
+                                "quickLinks": Object {
+                                  "links": Array [
+                                    Object {
+                                      "highlightedLink": true,
+                                      "title": "What is Hybrid Cloud?",
+                                      "titleEnglish": "What is Hybrid Cloud?",
+                                      "url": "https://www.ibm.com/cloud/hybrid",
+                                    },
+                                    Object {
+                                      "highlightedLink": true,
+                                      "title": "Hybrid cloud solutions",
+                                      "titleEnglish": "Hybrid cloud solutions",
+                                      "url": "https://www.ibm.com/cloud/hybrid",
+                                    },
+                                  ],
+                                  "title": "",
+                                },
+                              },
+                              "title": "Hybrid Cloud",
+                              "titleEnglish": "Hybrid Cloud",
+                              "url": "",
+                            },
+                            Object {
+                              "highlighted": true,
+                              "megapanelContent": Object {
+                                "description": "Unlock the value in your organization with AI",
+                                "feature": Object {
+                                  "heading": "",
+                                  "imageUrl": "",
+                                  "linkTitle": "",
+                                  "linkUrl": "",
+                                },
+                                "headingTitle": "Artificial intelligence",
+                                "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                                "quickLinks": Object {
+                                  "links": Array [
+                                    Object {
+                                      "highlightedLink": true,
+                                      "title": "What is AI?",
+                                      "titleEnglish": "What is AI?",
+                                      "url": "https://www.ibm.com/artificial-intelligence",
+                                    },
+                                    Object {
+                                      "highlightedLink": true,
+                                      "title": "AI solutions",
+                                      "titleEnglish": "AI solutions",
+                                      "url": "https://www.ibm.com/artificial-intelligence",
+                                    },
+                                  ],
+                                  "title": "",
+                                },
+                              },
+                              "title": "Artificial intelligence",
+                              "titleEnglish": "Artificial intelligence",
+                              "url": "",
+                            },
+                            Object {
+                              "megapanelContent": Object {
+                                "description": "",
+                                "feature": Object {
+                                  "heading": "",
+                                  "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                  "linkTitle": "",
+                                  "linkUrl": "",
+                                },
+                                "headingTitle": "Top products & platforms",
+                                "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                                "quickLinks": Object {
+                                  "links": Array [
+                                    Object {
+                                      "title": "Db2",
+                                      "titleEnglish": "Db2",
+                                      "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "Hybrid Cloud",
+                                      "titleEnglish": "Hybrid Cloud",
+                                      "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "IBM Cloud",
+                                      "titleEnglish": "IBM Cloud",
+                                      "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "IBM Security",
+                                      "titleEnglish": "IBM Security",
+                                      "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "IBM Sterling",
+                                      "titleEnglish": "IBM Sterling",
+                                      "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "IBM Z",
+                                      "titleEnglish": "IBM Z",
+                                      "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "Red Hat",
+                                      "titleEnglish": "Red Hat",
+                                      "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "SPSS Statistics",
+                                      "titleEnglish": "SPSS Statistics",
+                                      "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "The Weather Company",
+                                      "titleEnglish": "The Weather Company",
+                                      "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "Watson",
+                                      "titleEnglish": "Watson",
+                                      "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "WebSphere",
+                                      "titleEnglish": "WebSphere",
+                                      "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                    },
+                                  ],
+                                  "title": "",
+                                },
+                              },
+                              "title": "Top products & platforms",
+                              "titleEnglish": "Top products & platforms",
+                              "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                            },
+                            Object {
+                              "megapanelContent": Object {
+                                "description": "",
+                                "feature": Object {
+                                  "heading": "",
+                                  "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                                  "linkTitle": "",
+                                  "linkUrl": "",
+                                },
+                                "headingTitle": "Security",
+                                "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                                "quickLinks": Object {
+                                  "links": Array [
+                                    Object {
+                                      "title": "Data security",
+                                      "titleEnglish": "Data security",
+                                      "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "Identity & access management",
+                                      "titleEnglish": "Identity & access management",
+                                      "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "Security information & event management",
+                                      "titleEnglish": "Security information & event management",
+                                      "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "Security orchestration, automation & response",
+                                      "titleEnglish": "Security orchestration, automation & response",
+                                      "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                    },
+                                    Object {
+                                      "title": "View all Security products",
+                                      "titleEnglish": "View all Security products",
+                                      "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                    },
+                                  ],
+                                  "title": "",
+                                },
+                              },
+                              "title": "Security",
+                              "titleEnglish": "Security",
+                              "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                            },
+                            Object {
+                              "megapanelContent": Object {
+                                "description": "",
+                                "feature": Object {
+                                  "heading": "",
+                                  "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                                  "linkTitle": "",
+                                  "linkUrl": "",
+                                },
+                                "headingTitle": "Supply chain",
+                                "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                                "quickLinks": Object {
+                                  "links": Array [
+                                    Object {
+                                      "title": "Supply chain visibility",
+                                      "titleEnglish": "Supply chain visibility",
+                                      "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "Supplier collaboration",
+                                      "titleEnglish": "Supplier collaboration",
+                                      "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "Business process improvement",
+                                      "titleEnglish": "Business process improvement",
+                                      "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "Order management and fulfillment",
+                                      "titleEnglish": "Order management and fulfillment",
+                                      "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                    },
+                                    Object {
+                                      "title": "View all Supply Chain products",
+                                      "titleEnglish": "View all Supply Chain products",
+                                      "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                    },
+                                  ],
+                                  "title": "",
+                                },
+                              },
+                              "title": "Supply chain",
+                              "titleEnglish": "Supply chain",
+                              "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                            },
+                            Object {
+                              "megaPanelViewAll": true,
+                              "title": "View all products",
+                              "titleEnglish": "View all products",
+                              "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                            },
+                          ],
+                        },
+                      ],
+                      "title": "Products & Solutions",
+                      "titleEnglish": "Products & Solutions",
+                      "url": "",
+                    },
                     Object {
                       "hasMegapanel": true,
                       "hasMenu": true,
@@ -57272,6 +58043,262 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
             "hasSearch": true,
             "mastheadL1Data": Object {
               "navigationL1": Array [
+                Object {
+                  "hasMegapanel": true,
+                  "hasMenu": true,
+                  "menuSections": Array [
+                    Object {
+                      "heading": "The essentials",
+                      "menuItems": Array [
+                        Object {
+                          "highlighted": true,
+                          "megapanelContent": Object {
+                            "description": "Blend cloud and on-premises resources for flexibility and balance",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Hybrid Cloud",
+                            "headingUrl": "",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "What is Hybrid Cloud?",
+                                  "titleEnglish": "What is Hybrid Cloud?",
+                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                },
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "Hybrid cloud solutions",
+                                  "titleEnglish": "Hybrid cloud solutions",
+                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Hybrid Cloud",
+                          "titleEnglish": "Hybrid Cloud",
+                          "url": "",
+                        },
+                        Object {
+                          "highlighted": true,
+                          "megapanelContent": Object {
+                            "description": "Unlock the value in your organization with AI",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Artificial intelligence",
+                            "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "What is AI?",
+                                  "titleEnglish": "What is AI?",
+                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                },
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "AI solutions",
+                                  "titleEnglish": "AI solutions",
+                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Artificial intelligence",
+                          "titleEnglish": "Artificial intelligence",
+                          "url": "",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Top products & platforms",
+                            "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Db2",
+                                  "titleEnglish": "Db2",
+                                  "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Hybrid Cloud",
+                                  "titleEnglish": "Hybrid Cloud",
+                                  "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Cloud",
+                                  "titleEnglish": "IBM Cloud",
+                                  "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Security",
+                                  "titleEnglish": "IBM Security",
+                                  "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Sterling",
+                                  "titleEnglish": "IBM Sterling",
+                                  "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Z",
+                                  "titleEnglish": "IBM Z",
+                                  "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Red Hat",
+                                  "titleEnglish": "Red Hat",
+                                  "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "SPSS Statistics",
+                                  "titleEnglish": "SPSS Statistics",
+                                  "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "The Weather Company",
+                                  "titleEnglish": "The Weather Company",
+                                  "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Watson",
+                                  "titleEnglish": "Watson",
+                                  "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "WebSphere",
+                                  "titleEnglish": "WebSphere",
+                                  "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Top products & platforms",
+                          "titleEnglish": "Top products & platforms",
+                          "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Security",
+                            "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Data security",
+                                  "titleEnglish": "Data security",
+                                  "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Identity & access management",
+                                  "titleEnglish": "Identity & access management",
+                                  "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Security information & event management",
+                                  "titleEnglish": "Security information & event management",
+                                  "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Security orchestration, automation & response",
+                                  "titleEnglish": "Security orchestration, automation & response",
+                                  "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                },
+                                Object {
+                                  "title": "View all Security products",
+                                  "titleEnglish": "View all Security products",
+                                  "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Security",
+                          "titleEnglish": "Security",
+                          "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Supply chain",
+                            "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Supply chain visibility",
+                                  "titleEnglish": "Supply chain visibility",
+                                  "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Supplier collaboration",
+                                  "titleEnglish": "Supplier collaboration",
+                                  "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Business process improvement",
+                                  "titleEnglish": "Business process improvement",
+                                  "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Order management and fulfillment",
+                                  "titleEnglish": "Order management and fulfillment",
+                                  "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "View all Supply Chain products",
+                                  "titleEnglish": "View all Supply Chain products",
+                                  "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Supply chain",
+                          "titleEnglish": "Supply chain",
+                          "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                        },
+                        Object {
+                          "megaPanelViewAll": true,
+                          "title": "View all products",
+                          "titleEnglish": "View all products",
+                          "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                        },
+                      ],
+                    },
+                  ],
+                  "title": "Products & Solutions",
+                  "titleEnglish": "Products & Solutions",
+                  "url": "",
+                },
                 Object {
                   "hasMegapanel": true,
                   "hasMenu": true,
@@ -57591,6 +58618,262 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
           mastheadL1Data={
             Object {
               "navigationL1": Array [
+                Object {
+                  "hasMegapanel": true,
+                  "hasMenu": true,
+                  "menuSections": Array [
+                    Object {
+                      "heading": "The essentials",
+                      "menuItems": Array [
+                        Object {
+                          "highlighted": true,
+                          "megapanelContent": Object {
+                            "description": "Blend cloud and on-premises resources for flexibility and balance",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Hybrid Cloud",
+                            "headingUrl": "",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "What is Hybrid Cloud?",
+                                  "titleEnglish": "What is Hybrid Cloud?",
+                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                },
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "Hybrid cloud solutions",
+                                  "titleEnglish": "Hybrid cloud solutions",
+                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Hybrid Cloud",
+                          "titleEnglish": "Hybrid Cloud",
+                          "url": "",
+                        },
+                        Object {
+                          "highlighted": true,
+                          "megapanelContent": Object {
+                            "description": "Unlock the value in your organization with AI",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Artificial intelligence",
+                            "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "What is AI?",
+                                  "titleEnglish": "What is AI?",
+                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                },
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "AI solutions",
+                                  "titleEnglish": "AI solutions",
+                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Artificial intelligence",
+                          "titleEnglish": "Artificial intelligence",
+                          "url": "",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Top products & platforms",
+                            "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Db2",
+                                  "titleEnglish": "Db2",
+                                  "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Hybrid Cloud",
+                                  "titleEnglish": "Hybrid Cloud",
+                                  "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Cloud",
+                                  "titleEnglish": "IBM Cloud",
+                                  "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Security",
+                                  "titleEnglish": "IBM Security",
+                                  "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Sterling",
+                                  "titleEnglish": "IBM Sterling",
+                                  "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Z",
+                                  "titleEnglish": "IBM Z",
+                                  "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Red Hat",
+                                  "titleEnglish": "Red Hat",
+                                  "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "SPSS Statistics",
+                                  "titleEnglish": "SPSS Statistics",
+                                  "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "The Weather Company",
+                                  "titleEnglish": "The Weather Company",
+                                  "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Watson",
+                                  "titleEnglish": "Watson",
+                                  "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "WebSphere",
+                                  "titleEnglish": "WebSphere",
+                                  "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Top products & platforms",
+                          "titleEnglish": "Top products & platforms",
+                          "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Security",
+                            "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Data security",
+                                  "titleEnglish": "Data security",
+                                  "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Identity & access management",
+                                  "titleEnglish": "Identity & access management",
+                                  "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Security information & event management",
+                                  "titleEnglish": "Security information & event management",
+                                  "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Security orchestration, automation & response",
+                                  "titleEnglish": "Security orchestration, automation & response",
+                                  "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                },
+                                Object {
+                                  "title": "View all Security products",
+                                  "titleEnglish": "View all Security products",
+                                  "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Security",
+                          "titleEnglish": "Security",
+                          "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Supply chain",
+                            "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Supply chain visibility",
+                                  "titleEnglish": "Supply chain visibility",
+                                  "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Supplier collaboration",
+                                  "titleEnglish": "Supplier collaboration",
+                                  "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Business process improvement",
+                                  "titleEnglish": "Business process improvement",
+                                  "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Order management and fulfillment",
+                                  "titleEnglish": "Order management and fulfillment",
+                                  "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "View all Supply Chain products",
+                                  "titleEnglish": "View all Supply Chain products",
+                                  "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Supply chain",
+                          "titleEnglish": "Supply chain",
+                          "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                        },
+                        Object {
+                          "megaPanelViewAll": true,
+                          "title": "View all products",
+                          "titleEnglish": "View all products",
+                          "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                        },
+                      ],
+                    },
+                  ],
+                  "title": "Products & Solutions",
+                  "titleEnglish": "Products & Solutions",
+                  "url": "",
+                },
                 Object {
                   "hasMegapanel": true,
                   "hasMenu": true,
@@ -58255,6 +59538,262 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                     navType="alt"
                     navigationL1={
                       Array [
+                        Object {
+                          "hasMegapanel": true,
+                          "hasMenu": true,
+                          "menuSections": Array [
+                            Object {
+                              "heading": "The essentials",
+                              "menuItems": Array [
+                                Object {
+                                  "highlighted": true,
+                                  "megapanelContent": Object {
+                                    "description": "Blend cloud and on-premises resources for flexibility and balance",
+                                    "feature": Object {
+                                      "heading": "",
+                                      "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                      "linkTitle": "",
+                                      "linkUrl": "",
+                                    },
+                                    "headingTitle": "Hybrid Cloud",
+                                    "headingUrl": "",
+                                    "quickLinks": Object {
+                                      "links": Array [
+                                        Object {
+                                          "highlightedLink": true,
+                                          "title": "What is Hybrid Cloud?",
+                                          "titleEnglish": "What is Hybrid Cloud?",
+                                          "url": "https://www.ibm.com/cloud/hybrid",
+                                        },
+                                        Object {
+                                          "highlightedLink": true,
+                                          "title": "Hybrid cloud solutions",
+                                          "titleEnglish": "Hybrid cloud solutions",
+                                          "url": "https://www.ibm.com/cloud/hybrid",
+                                        },
+                                      ],
+                                      "title": "",
+                                    },
+                                  },
+                                  "title": "Hybrid Cloud",
+                                  "titleEnglish": "Hybrid Cloud",
+                                  "url": "",
+                                },
+                                Object {
+                                  "highlighted": true,
+                                  "megapanelContent": Object {
+                                    "description": "Unlock the value in your organization with AI",
+                                    "feature": Object {
+                                      "heading": "",
+                                      "imageUrl": "",
+                                      "linkTitle": "",
+                                      "linkUrl": "",
+                                    },
+                                    "headingTitle": "Artificial intelligence",
+                                    "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                                    "quickLinks": Object {
+                                      "links": Array [
+                                        Object {
+                                          "highlightedLink": true,
+                                          "title": "What is AI?",
+                                          "titleEnglish": "What is AI?",
+                                          "url": "https://www.ibm.com/artificial-intelligence",
+                                        },
+                                        Object {
+                                          "highlightedLink": true,
+                                          "title": "AI solutions",
+                                          "titleEnglish": "AI solutions",
+                                          "url": "https://www.ibm.com/artificial-intelligence",
+                                        },
+                                      ],
+                                      "title": "",
+                                    },
+                                  },
+                                  "title": "Artificial intelligence",
+                                  "titleEnglish": "Artificial intelligence",
+                                  "url": "",
+                                },
+                                Object {
+                                  "megapanelContent": Object {
+                                    "description": "",
+                                    "feature": Object {
+                                      "heading": "",
+                                      "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                      "linkTitle": "",
+                                      "linkUrl": "",
+                                    },
+                                    "headingTitle": "Top products & platforms",
+                                    "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                                    "quickLinks": Object {
+                                      "links": Array [
+                                        Object {
+                                          "title": "Db2",
+                                          "titleEnglish": "Db2",
+                                          "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "Hybrid Cloud",
+                                          "titleEnglish": "Hybrid Cloud",
+                                          "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "IBM Cloud",
+                                          "titleEnglish": "IBM Cloud",
+                                          "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "IBM Security",
+                                          "titleEnglish": "IBM Security",
+                                          "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "IBM Sterling",
+                                          "titleEnglish": "IBM Sterling",
+                                          "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "IBM Z",
+                                          "titleEnglish": "IBM Z",
+                                          "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "Red Hat",
+                                          "titleEnglish": "Red Hat",
+                                          "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "SPSS Statistics",
+                                          "titleEnglish": "SPSS Statistics",
+                                          "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "The Weather Company",
+                                          "titleEnglish": "The Weather Company",
+                                          "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "Watson",
+                                          "titleEnglish": "Watson",
+                                          "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "WebSphere",
+                                          "titleEnglish": "WebSphere",
+                                          "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                        },
+                                      ],
+                                      "title": "",
+                                    },
+                                  },
+                                  "title": "Top products & platforms",
+                                  "titleEnglish": "Top products & platforms",
+                                  "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                                },
+                                Object {
+                                  "megapanelContent": Object {
+                                    "description": "",
+                                    "feature": Object {
+                                      "heading": "",
+                                      "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                                      "linkTitle": "",
+                                      "linkUrl": "",
+                                    },
+                                    "headingTitle": "Security",
+                                    "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                                    "quickLinks": Object {
+                                      "links": Array [
+                                        Object {
+                                          "title": "Data security",
+                                          "titleEnglish": "Data security",
+                                          "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "Identity & access management",
+                                          "titleEnglish": "Identity & access management",
+                                          "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "Security information & event management",
+                                          "titleEnglish": "Security information & event management",
+                                          "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "Security orchestration, automation & response",
+                                          "titleEnglish": "Security orchestration, automation & response",
+                                          "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                        },
+                                        Object {
+                                          "title": "View all Security products",
+                                          "titleEnglish": "View all Security products",
+                                          "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                        },
+                                      ],
+                                      "title": "",
+                                    },
+                                  },
+                                  "title": "Security",
+                                  "titleEnglish": "Security",
+                                  "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                                },
+                                Object {
+                                  "megapanelContent": Object {
+                                    "description": "",
+                                    "feature": Object {
+                                      "heading": "",
+                                      "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                                      "linkTitle": "",
+                                      "linkUrl": "",
+                                    },
+                                    "headingTitle": "Supply chain",
+                                    "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                                    "quickLinks": Object {
+                                      "links": Array [
+                                        Object {
+                                          "title": "Supply chain visibility",
+                                          "titleEnglish": "Supply chain visibility",
+                                          "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "Supplier collaboration",
+                                          "titleEnglish": "Supplier collaboration",
+                                          "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "Business process improvement",
+                                          "titleEnglish": "Business process improvement",
+                                          "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "Order management and fulfillment",
+                                          "titleEnglish": "Order management and fulfillment",
+                                          "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                        },
+                                        Object {
+                                          "title": "View all Supply Chain products",
+                                          "titleEnglish": "View all Supply Chain products",
+                                          "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                        },
+                                      ],
+                                      "title": "",
+                                    },
+                                  },
+                                  "title": "Supply chain",
+                                  "titleEnglish": "Supply chain",
+                                  "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                                },
+                                Object {
+                                  "megaPanelViewAll": true,
+                                  "title": "View all products",
+                                  "titleEnglish": "View all products",
+                                  "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                                },
+                              ],
+                            },
+                          ],
+                          "title": "Products & Solutions",
+                          "titleEnglish": "Products & Solutions",
+                          "url": "",
+                        },
                         Object {
                           "hasMegapanel": true,
                           "hasMenu": true,
@@ -58607,16 +60146,1301 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                   aria-label=""
                                   className="bx--header__menu-bar"
                                 >
+                                  <ForwardRef
+                                    aria-label="Products & Solutions"
+                                    autoId="dds--masthead-alt__l1-nav0"
+                                    className="bx--masthead__megamenu__l1-nav"
+                                    key=".$0"
+                                    menuLinkName="Products & Solutions"
+                                  >
+                                    <HeaderMenu
+                                      aria-label="Products & Solutions"
+                                      autoId="dds--masthead-alt__l1-nav0"
+                                      className="bx--masthead__megamenu__l1-nav"
+                                      focusRef={[Function]}
+                                      menuLinkName="Products & Solutions"
+                                      renderMenuContent={[Function]}
+                                      setOverlay={[Function]}
+                                    >
+                                      <li
+                                        className="bx--header__submenu bx--masthead__megamenu__l1-nav"
+                                        data-autoid="dds--masthead-alt__l1-nav0"
+                                        onBlur={[Function]}
+                                        onKeyDown={[Function]}
+                                      >
+                                        <a
+                                          aria-expanded={false}
+                                          aria-haspopup="menu"
+                                          aria-label="Products & Solutions"
+                                          aria-selected="false"
+                                          className="bx--header__menu-item bx--header__menu-title"
+                                          href="#"
+                                          onClick={[Function]}
+                                          onKeyDown={[Function]}
+                                          role="menuitem"
+                                          tabIndex={0}
+                                        >
+                                          Products & Solutions
+                                          <defaultRenderMenuContent>
+                                            <ForwardRef(ChevronDown20)
+                                              className="bx--header__menu-arrow"
+                                            >
+                                              <Icon
+                                                className="bx--header__menu-arrow"
+                                                fill="currentColor"
+                                                height={20}
+                                                preserveAspectRatio="xMidYMid meet"
+                                                viewBox="0 0 32 32"
+                                                width={20}
+                                                xmlns="http://www.w3.org/2000/svg"
+                                              >
+                                                <svg
+                                                  aria-hidden={true}
+                                                  className="bx--header__menu-arrow"
+                                                  fill="currentColor"
+                                                  focusable="false"
+                                                  height={20}
+                                                  preserveAspectRatio="xMidYMid meet"
+                                                  viewBox="0 0 32 32"
+                                                  width={20}
+                                                  xmlns="http://www.w3.org/2000/svg"
+                                                >
+                                                  <path
+                                                    d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
+                                                  />
+                                                </svg>
+                                              </Icon>
+                                            </ForwardRef(ChevronDown20)>
+                                          </defaultRenderMenuContent>
+                                        </a>
+                                        <ul
+                                          aria-label="Products & Solutions"
+                                          className="bx--header__menu"
+                                        >
+                                          <MegaMenu
+                                            autoid="dds--masthead-alt__l1-nav0"
+                                            data={
+                                              Object {
+                                                "hasMegapanel": true,
+                                                "hasMenu": true,
+                                                "menuSections": Array [
+                                                  Object {
+                                                    "heading": "The essentials",
+                                                    "menuItems": Array [
+                                                      Object {
+                                                        "highlighted": true,
+                                                        "megapanelContent": Object {
+                                                          "description": "Blend cloud and on-premises resources for flexibility and balance",
+                                                          "feature": Object {
+                                                            "heading": "",
+                                                            "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                                            "linkTitle": "",
+                                                            "linkUrl": "",
+                                                          },
+                                                          "headingTitle": "Hybrid Cloud",
+                                                          "headingUrl": "",
+                                                          "quickLinks": Object {
+                                                            "links": Array [
+                                                              Object {
+                                                                "highlightedLink": true,
+                                                                "title": "What is Hybrid Cloud?",
+                                                                "titleEnglish": "What is Hybrid Cloud?",
+                                                                "url": "https://www.ibm.com/cloud/hybrid",
+                                                              },
+                                                              Object {
+                                                                "highlightedLink": true,
+                                                                "title": "Hybrid cloud solutions",
+                                                                "titleEnglish": "Hybrid cloud solutions",
+                                                                "url": "https://www.ibm.com/cloud/hybrid",
+                                                              },
+                                                            ],
+                                                            "title": "",
+                                                          },
+                                                        },
+                                                        "title": "Hybrid Cloud",
+                                                        "titleEnglish": "Hybrid Cloud",
+                                                        "url": "",
+                                                      },
+                                                      Object {
+                                                        "highlighted": true,
+                                                        "megapanelContent": Object {
+                                                          "description": "Unlock the value in your organization with AI",
+                                                          "feature": Object {
+                                                            "heading": "",
+                                                            "imageUrl": "",
+                                                            "linkTitle": "",
+                                                            "linkUrl": "",
+                                                          },
+                                                          "headingTitle": "Artificial intelligence",
+                                                          "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                                                          "quickLinks": Object {
+                                                            "links": Array [
+                                                              Object {
+                                                                "highlightedLink": true,
+                                                                "title": "What is AI?",
+                                                                "titleEnglish": "What is AI?",
+                                                                "url": "https://www.ibm.com/artificial-intelligence",
+                                                              },
+                                                              Object {
+                                                                "highlightedLink": true,
+                                                                "title": "AI solutions",
+                                                                "titleEnglish": "AI solutions",
+                                                                "url": "https://www.ibm.com/artificial-intelligence",
+                                                              },
+                                                            ],
+                                                            "title": "",
+                                                          },
+                                                        },
+                                                        "title": "Artificial intelligence",
+                                                        "titleEnglish": "Artificial intelligence",
+                                                        "url": "",
+                                                      },
+                                                      Object {
+                                                        "megapanelContent": Object {
+                                                          "description": "",
+                                                          "feature": Object {
+                                                            "heading": "",
+                                                            "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                                            "linkTitle": "",
+                                                            "linkUrl": "",
+                                                          },
+                                                          "headingTitle": "Top products & platforms",
+                                                          "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                                                          "quickLinks": Object {
+                                                            "links": Array [
+                                                              Object {
+                                                                "title": "Db2",
+                                                                "titleEnglish": "Db2",
+                                                                "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "Hybrid Cloud",
+                                                                "titleEnglish": "Hybrid Cloud",
+                                                                "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "IBM Cloud",
+                                                                "titleEnglish": "IBM Cloud",
+                                                                "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "IBM Security",
+                                                                "titleEnglish": "IBM Security",
+                                                                "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "IBM Sterling",
+                                                                "titleEnglish": "IBM Sterling",
+                                                                "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "IBM Z",
+                                                                "titleEnglish": "IBM Z",
+                                                                "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "Red Hat",
+                                                                "titleEnglish": "Red Hat",
+                                                                "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "SPSS Statistics",
+                                                                "titleEnglish": "SPSS Statistics",
+                                                                "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "The Weather Company",
+                                                                "titleEnglish": "The Weather Company",
+                                                                "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "Watson",
+                                                                "titleEnglish": "Watson",
+                                                                "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "WebSphere",
+                                                                "titleEnglish": "WebSphere",
+                                                                "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                                              },
+                                                            ],
+                                                            "title": "",
+                                                          },
+                                                        },
+                                                        "title": "Top products & platforms",
+                                                        "titleEnglish": "Top products & platforms",
+                                                        "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                                                      },
+                                                      Object {
+                                                        "megapanelContent": Object {
+                                                          "description": "",
+                                                          "feature": Object {
+                                                            "heading": "",
+                                                            "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                                                            "linkTitle": "",
+                                                            "linkUrl": "",
+                                                          },
+                                                          "headingTitle": "Security",
+                                                          "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                                                          "quickLinks": Object {
+                                                            "links": Array [
+                                                              Object {
+                                                                "title": "Data security",
+                                                                "titleEnglish": "Data security",
+                                                                "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "Identity & access management",
+                                                                "titleEnglish": "Identity & access management",
+                                                                "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "Security information & event management",
+                                                                "titleEnglish": "Security information & event management",
+                                                                "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "Security orchestration, automation & response",
+                                                                "titleEnglish": "Security orchestration, automation & response",
+                                                                "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                                              },
+                                                              Object {
+                                                                "title": "View all Security products",
+                                                                "titleEnglish": "View all Security products",
+                                                                "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                                              },
+                                                            ],
+                                                            "title": "",
+                                                          },
+                                                        },
+                                                        "title": "Security",
+                                                        "titleEnglish": "Security",
+                                                        "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                                                      },
+                                                      Object {
+                                                        "megapanelContent": Object {
+                                                          "description": "",
+                                                          "feature": Object {
+                                                            "heading": "",
+                                                            "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                                                            "linkTitle": "",
+                                                            "linkUrl": "",
+                                                          },
+                                                          "headingTitle": "Supply chain",
+                                                          "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                                                          "quickLinks": Object {
+                                                            "links": Array [
+                                                              Object {
+                                                                "title": "Supply chain visibility",
+                                                                "titleEnglish": "Supply chain visibility",
+                                                                "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "Supplier collaboration",
+                                                                "titleEnglish": "Supplier collaboration",
+                                                                "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "Business process improvement",
+                                                                "titleEnglish": "Business process improvement",
+                                                                "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "Order management and fulfillment",
+                                                                "titleEnglish": "Order management and fulfillment",
+                                                                "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                                              },
+                                                              Object {
+                                                                "title": "View all Supply Chain products",
+                                                                "titleEnglish": "View all Supply Chain products",
+                                                                "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                                              },
+                                                            ],
+                                                            "title": "",
+                                                          },
+                                                        },
+                                                        "title": "Supply chain",
+                                                        "titleEnglish": "Supply chain",
+                                                        "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                                                      },
+                                                      Object {
+                                                        "megaPanelViewAll": true,
+                                                        "title": "View all products",
+                                                        "titleEnglish": "View all products",
+                                                        "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                                                      },
+                                                    ],
+                                                  },
+                                                ],
+                                                "title": "Products & Solutions",
+                                                "titleEnglish": "Products & Solutions",
+                                                "url": "",
+                                              }
+                                            }
+                                            key=".$Products & Solutions"
+                                            refs={[Function]}
+                                            role="none"
+                                          >
+                                            <NavigationGroup>
+                                              <section
+                                                className="bx--masthead__megamenu"
+                                                data-autoid="dds--masthead__megamenu"
+                                              >
+                                                <div
+                                                  className="bx--masthead__megamenu__container"
+                                                >
+                                                  <div
+                                                    className="bx--masthead__megamenu__container--row"
+                                                  >
+                                                    <LeftNavigation>
+                                                      <div
+                                                        className="bx--masthead__megamenu__highlight-section"
+                                                      >
+                                                        <p
+                                                          className="bx--masthead__megamenu__copy"
+                                                        >
+                                                          The essentials
+                                                        </p>
+                                                        <CategoryGroup
+                                                          autoid="dds--masthead-alt__l1-nav0"
+                                                          href=""
+                                                          key="0"
+                                                          title="Hybrid Cloud"
+                                                        >
+                                                          <div
+                                                            className="bx--masthead__megamenu__category-group"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group-shield"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-content"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-headline"
+                                                                  data-autoid="dds--masthead-alt__l1-nav0-listundefined"
+                                                                >
+                                                                  <p>
+                                                                    Hybrid Cloud
+                                                                  </p>
+                                                                </div>
+                                                                <p
+                                                                  className="bx--masthead__megamenu__copy"
+                                                                >
+                                                                  Blend cloud and on-premises resources for flexibility and balance
+                                                                </p>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                  highlighted={true}
+                                                                  href="https://www.ibm.com/cloud/hybrid"
+                                                                  key="0"
+                                                                  title="What is Hybrid Cloud?"
+                                                                >
+                                                                  <LinkWithIcon
+                                                                    className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                    href="https://www.ibm.com/cloud/hybrid"
+                                                                    iconPlacement="right"
+                                                                  >
+                                                                    <div
+                                                                      className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                      data-autoid="dds--link-with-icon"
+                                                                    >
+                                                                      <Link
+                                                                        className="bx--link-with-icon"
+                                                                        href="https://www.ibm.com/cloud/hybrid"
+                                                                      >
+                                                                        <a
+                                                                          className="bx--link bx--link-with-icon"
+                                                                          href="https://www.ibm.com/cloud/hybrid"
+                                                                          rel={null}
+                                                                        >
+                                                                          <span>
+                                                                            What is Hybrid Cloud?
+                                                                          </span>
+                                                                          <ForwardRef(ArrowRight16)>
+                                                                            <Icon
+                                                                              fill="currentColor"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <svg
+                                                                                aria-hidden={true}
+                                                                                fill="currentColor"
+                                                                                focusable="false"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <path
+                                                                                  d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                />
+                                                                              </svg>
+                                                                            </Icon>
+                                                                          </ForwardRef(ArrowRight16)>
+                                                                        </a>
+                                                                      </Link>
+                                                                    </div>
+                                                                  </LinkWithIcon>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                  highlighted={true}
+                                                                  href="https://www.ibm.com/cloud/hybrid"
+                                                                  key="1"
+                                                                  title="Hybrid cloud solutions"
+                                                                >
+                                                                  <LinkWithIcon
+                                                                    className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                    href="https://www.ibm.com/cloud/hybrid"
+                                                                    iconPlacement="right"
+                                                                  >
+                                                                    <div
+                                                                      className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                      data-autoid="dds--link-with-icon"
+                                                                    >
+                                                                      <Link
+                                                                        className="bx--link-with-icon"
+                                                                        href="https://www.ibm.com/cloud/hybrid"
+                                                                      >
+                                                                        <a
+                                                                          className="bx--link bx--link-with-icon"
+                                                                          href="https://www.ibm.com/cloud/hybrid"
+                                                                          rel={null}
+                                                                        >
+                                                                          <span>
+                                                                            Hybrid cloud solutions
+                                                                          </span>
+                                                                          <ForwardRef(ArrowRight16)>
+                                                                            <Icon
+                                                                              fill="currentColor"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <svg
+                                                                                aria-hidden={true}
+                                                                                fill="currentColor"
+                                                                                focusable="false"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <path
+                                                                                  d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                />
+                                                                              </svg>
+                                                                            </Icon>
+                                                                          </ForwardRef(ArrowRight16)>
+                                                                        </a>
+                                                                      </Link>
+                                                                    </div>
+                                                                  </LinkWithIcon>
+                                                                </CategoryLink>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        </CategoryGroup>
+                                                        <CategoryGroup
+                                                          autoid="dds--masthead-alt__l1-nav0"
+                                                          href=""
+                                                          key="1"
+                                                          title="Artificial intelligence"
+                                                        >
+                                                          <div
+                                                            className="bx--masthead__megamenu__category-group"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group-shield"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-content"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-headline"
+                                                                  data-autoid="dds--masthead-alt__l1-nav0-listundefined"
+                                                                >
+                                                                  <p>
+                                                                    Artificial intelligence
+                                                                  </p>
+                                                                </div>
+                                                                <p
+                                                                  className="bx--masthead__megamenu__copy"
+                                                                >
+                                                                  Unlock the value in your organization with AI
+                                                                </p>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list1"
+                                                                  highlighted={true}
+                                                                  href="https://www.ibm.com/artificial-intelligence"
+                                                                  key="0"
+                                                                  title="What is AI?"
+                                                                >
+                                                                  <LinkWithIcon
+                                                                    className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                    href="https://www.ibm.com/artificial-intelligence"
+                                                                    iconPlacement="right"
+                                                                  >
+                                                                    <div
+                                                                      className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                      data-autoid="dds--link-with-icon"
+                                                                    >
+                                                                      <Link
+                                                                        className="bx--link-with-icon"
+                                                                        href="https://www.ibm.com/artificial-intelligence"
+                                                                      >
+                                                                        <a
+                                                                          className="bx--link bx--link-with-icon"
+                                                                          href="https://www.ibm.com/artificial-intelligence"
+                                                                          rel={null}
+                                                                        >
+                                                                          <span>
+                                                                            What is AI?
+                                                                          </span>
+                                                                          <ForwardRef(ArrowRight16)>
+                                                                            <Icon
+                                                                              fill="currentColor"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <svg
+                                                                                aria-hidden={true}
+                                                                                fill="currentColor"
+                                                                                focusable="false"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <path
+                                                                                  d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                />
+                                                                              </svg>
+                                                                            </Icon>
+                                                                          </ForwardRef(ArrowRight16)>
+                                                                        </a>
+                                                                      </Link>
+                                                                    </div>
+                                                                  </LinkWithIcon>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list1"
+                                                                  highlighted={true}
+                                                                  href="https://www.ibm.com/artificial-intelligence"
+                                                                  key="1"
+                                                                  title="AI solutions"
+                                                                >
+                                                                  <LinkWithIcon
+                                                                    className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                    href="https://www.ibm.com/artificial-intelligence"
+                                                                    iconPlacement="right"
+                                                                  >
+                                                                    <div
+                                                                      className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                      data-autoid="dds--link-with-icon"
+                                                                    >
+                                                                      <Link
+                                                                        className="bx--link-with-icon"
+                                                                        href="https://www.ibm.com/artificial-intelligence"
+                                                                      >
+                                                                        <a
+                                                                          className="bx--link bx--link-with-icon"
+                                                                          href="https://www.ibm.com/artificial-intelligence"
+                                                                          rel={null}
+                                                                        >
+                                                                          <span>
+                                                                            AI solutions
+                                                                          </span>
+                                                                          <ForwardRef(ArrowRight16)>
+                                                                            <Icon
+                                                                              fill="currentColor"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <svg
+                                                                                aria-hidden={true}
+                                                                                fill="currentColor"
+                                                                                focusable="false"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <path
+                                                                                  d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                />
+                                                                              </svg>
+                                                                            </Icon>
+                                                                          </ForwardRef(ArrowRight16)>
+                                                                        </a>
+                                                                      </Link>
+                                                                    </div>
+                                                                  </LinkWithIcon>
+                                                                </CategoryLink>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        </CategoryGroup>
+                                                      </div>
+                                                    </LeftNavigation>
+                                                    <RightNavigation
+                                                      autoid="dds--masthead-alt__l1-nav0"
+                                                      hasHighlights={true}
+                                                      viewAllLinkHref="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                      viewAllLinkTitle="View all products"
+                                                    >
+                                                      <div
+                                                        className="bx--masthead__megamenu__categories-section"
+                                                      >
+                                                        <div
+                                                          className="bx--masthead__megamenu__categories bx--masthead__megamenu--hasHighlights"
+                                                        >
+                                                          <CategoryGroup
+                                                            autoid="dds--masthead-alt__l1-nav0"
+                                                            href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                            index={2}
+                                                            key="0"
+                                                            title="Top products & platforms"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-shield"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-group-content"
+                                                                >
+                                                                  <LinkWithIcon
+                                                                    className="bx--masthead__megamenu__category-headline"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                                    iconPlacement="right"
+                                                                  >
+                                                                    <div
+                                                                      className="bx--link-with-icon__container bx--masthead__megamenu__category-headline"
+                                                                      data-autoid="dds--link-with-icon"
+                                                                    >
+                                                                      <Link
+                                                                        className="bx--link-with-icon"
+                                                                        data-autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                        href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                                      >
+                                                                        <a
+                                                                          className="bx--link bx--link-with-icon"
+                                                                          data-autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                          href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                                          rel={null}
+                                                                        >
+                                                                          <span>
+                                                                            Top products & platforms
+                                                                          </span>
+                                                                          <ForwardRef(ArrowRight16)>
+                                                                            <Icon
+                                                                              fill="currentColor"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <svg
+                                                                                aria-hidden={true}
+                                                                                fill="currentColor"
+                                                                                focusable="false"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <path
+                                                                                  d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                />
+                                                                              </svg>
+                                                                            </Icon>
+                                                                          </ForwardRef(ArrowRight16)>
+                                                                        </a>
+                                                                      </Link>
+                                                                    </div>
+                                                                  </LinkWithIcon>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={0}
+                                                                    key="0"
+                                                                    title="Db2"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item0"
+                                                                      href="https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Db2
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={1}
+                                                                    key="1"
+                                                                    title="Hybrid Cloud"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item1"
+                                                                      href="https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Hybrid Cloud
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={2}
+                                                                    key="2"
+                                                                    title="IBM Cloud"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item2"
+                                                                      href="https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      IBM Cloud
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={3}
+                                                                    key="3"
+                                                                    title="IBM Security"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item3"
+                                                                      href="https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      IBM Security
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={4}
+                                                                    key="4"
+                                                                    title="IBM Sterling"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item4"
+                                                                      href="https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      IBM Sterling
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={5}
+                                                                    key="5"
+                                                                    title="IBM Z"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item5"
+                                                                      href="https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      IBM Z
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={6}
+                                                                    key="6"
+                                                                    title="Red Hat"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item6"
+                                                                      href="https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Red Hat
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={7}
+                                                                    key="7"
+                                                                    title="SPSS Statistics"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item7"
+                                                                      href="https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      SPSS Statistics
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={8}
+                                                                    key="8"
+                                                                    title="The Weather Company"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item8"
+                                                                      href="https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      The Weather Company
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={9}
+                                                                    key="9"
+                                                                    title="Watson"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item9"
+                                                                      href="https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Watson
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                    href="https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn"
+                                                                    index={10}
+                                                                    key="10"
+                                                                    title="WebSphere"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2-item10"
+                                                                      href="https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      WebSphere
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                </div>
+                                                              </div>
+                                                            </div>
+                                                          </CategoryGroup>
+                                                          <CategoryGroup
+                                                            autoid="dds--masthead-alt__l1-nav0"
+                                                            href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                            index={3}
+                                                            key="1"
+                                                            title="Security"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-shield"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-group-content"
+                                                                >
+                                                                  <LinkWithIcon
+                                                                    className="bx--masthead__megamenu__category-headline"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                    href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                                    iconPlacement="right"
+                                                                  >
+                                                                    <div
+                                                                      className="bx--link-with-icon__container bx--masthead__megamenu__category-headline"
+                                                                      data-autoid="dds--link-with-icon"
+                                                                    >
+                                                                      <Link
+                                                                        className="bx--link-with-icon"
+                                                                        data-autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                        href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                                      >
+                                                                        <a
+                                                                          className="bx--link bx--link-with-icon"
+                                                                          data-autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                          href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                                          rel={null}
+                                                                        >
+                                                                          <span>
+                                                                            Security
+                                                                          </span>
+                                                                          <ForwardRef(ArrowRight16)>
+                                                                            <Icon
+                                                                              fill="currentColor"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <svg
+                                                                                aria-hidden={true}
+                                                                                fill="currentColor"
+                                                                                focusable="false"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <path
+                                                                                  d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                />
+                                                                              </svg>
+                                                                            </Icon>
+                                                                          </ForwardRef(ArrowRight16)>
+                                                                        </a>
+                                                                      </Link>
+                                                                    </div>
+                                                                  </LinkWithIcon>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                    href="https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn"
+                                                                    index={0}
+                                                                    key="0"
+                                                                    title="Data security"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list3-item0"
+                                                                      href="https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Data security
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                    href="https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn"
+                                                                    index={1}
+                                                                    key="1"
+                                                                    title="Identity & access management"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list3-item1"
+                                                                      href="https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Identity & access management
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                    href="https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn"
+                                                                    index={2}
+                                                                    key="2"
+                                                                    title="Security information & event management"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list3-item2"
+                                                                      href="https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Security information & event management
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                    href="https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse"
+                                                                    index={3}
+                                                                    key="3"
+                                                                    title="Security orchestration, automation & response"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list3-item3"
+                                                                      href="https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Security orchestration, automation & response
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                    href="https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn"
+                                                                    index={4}
+                                                                    key="4"
+                                                                    title="View all Security products"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list3-item4"
+                                                                      href="https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      View all Security products
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                </div>
+                                                              </div>
+                                                            </div>
+                                                          </CategoryGroup>
+                                                          <CategoryGroup
+                                                            autoid="dds--masthead-alt__l1-nav0"
+                                                            href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                            index={4}
+                                                            key="2"
+                                                            title="Supply chain"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-shield"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-group-content"
+                                                                >
+                                                                  <LinkWithIcon
+                                                                    className="bx--masthead__megamenu__category-headline"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                    href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                                    iconPlacement="right"
+                                                                  >
+                                                                    <div
+                                                                      className="bx--link-with-icon__container bx--masthead__megamenu__category-headline"
+                                                                      data-autoid="dds--link-with-icon"
+                                                                    >
+                                                                      <Link
+                                                                        className="bx--link-with-icon"
+                                                                        data-autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                        href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                                      >
+                                                                        <a
+                                                                          className="bx--link bx--link-with-icon"
+                                                                          data-autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                          href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                                          rel={null}
+                                                                        >
+                                                                          <span>
+                                                                            Supply chain
+                                                                          </span>
+                                                                          <ForwardRef(ArrowRight16)>
+                                                                            <Icon
+                                                                              fill="currentColor"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <svg
+                                                                                aria-hidden={true}
+                                                                                fill="currentColor"
+                                                                                focusable="false"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <path
+                                                                                  d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                />
+                                                                              </svg>
+                                                                            </Icon>
+                                                                          </ForwardRef(ArrowRight16)>
+                                                                        </a>
+                                                                      </Link>
+                                                                    </div>
+                                                                  </LinkWithIcon>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                    href="https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn"
+                                                                    index={0}
+                                                                    key="0"
+                                                                    title="Supply chain visibility"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list4-item0"
+                                                                      href="https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Supply chain visibility
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                    href="https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                    index={1}
+                                                                    key="1"
+                                                                    title="Supplier collaboration"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list4-item1"
+                                                                      href="https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Supplier collaboration
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                    href="https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                    index={2}
+                                                                    key="2"
+                                                                    title="Business process improvement"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list4-item2"
+                                                                      href="https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Business process improvement
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                    href="https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn"
+                                                                    index={3}
+                                                                    key="3"
+                                                                    title="Order management and fulfillment"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list4-item3"
+                                                                      href="https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      Order management and fulfillment
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                    href="https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn"
+                                                                    index={4}
+                                                                    key="4"
+                                                                    title="View all Supply Chain products"
+                                                                  >
+                                                                    <a
+                                                                      className="bx--masthead__megamenu__category-sublink"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list4-item4"
+                                                                      href="https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn"
+                                                                      tabIndex={0}
+                                                                    >
+                                                                      View all Supply Chain products
+                                                                    </a>
+                                                                  </CategoryLink>
+                                                                </div>
+                                                              </div>
+                                                            </div>
+                                                          </CategoryGroup>
+                                                        </div>
+                                                        <LinkWithIcon
+                                                          className="bx--masthead__megamenu__view-all-cta"
+                                                          data-autoid="dds--masthead-alt__l1-nav0-view-all"
+                                                          href="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                          iconPlacement="right"
+                                                        >
+                                                          <div
+                                                            className="bx--link-with-icon__container bx--masthead__megamenu__view-all-cta"
+                                                            data-autoid="dds--link-with-icon"
+                                                          >
+                                                            <Link
+                                                              className="bx--link-with-icon"
+                                                              data-autoid="dds--masthead-alt__l1-nav0-view-all"
+                                                              href="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                            >
+                                                              <a
+                                                                className="bx--link bx--link-with-icon"
+                                                                data-autoid="dds--masthead-alt__l1-nav0-view-all"
+                                                                href="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                                rel={null}
+                                                              >
+                                                                <span>
+                                                                  View all products
+                                                                </span>
+                                                                <ForwardRef(ArrowRight16)>
+                                                                  <Icon
+                                                                    fill="currentColor"
+                                                                    height={16}
+                                                                    preserveAspectRatio="xMidYMid meet"
+                                                                    viewBox="0 0 16 16"
+                                                                    width={16}
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <svg
+                                                                      aria-hidden={true}
+                                                                      fill="currentColor"
+                                                                      focusable="false"
+                                                                      height={16}
+                                                                      preserveAspectRatio="xMidYMid meet"
+                                                                      viewBox="0 0 16 16"
+                                                                      width={16}
+                                                                      xmlns="http://www.w3.org/2000/svg"
+                                                                    >
+                                                                      <path
+                                                                        d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                      />
+                                                                    </svg>
+                                                                  </Icon>
+                                                                </ForwardRef(ArrowRight16)>
+                                                              </a>
+                                                            </Link>
+                                                          </div>
+                                                        </LinkWithIcon>
+                                                      </div>
+                                                    </RightNavigation>
+                                                  </div>
+                                                </div>
+                                              </section>
+                                            </NavigationGroup>
+                                          </MegaMenu>
+                                        </ul>
+                                      </li>
+                                    </HeaderMenu>
+                                  </ForwardRef>
                                   <ForwardRef
                                     aria-label="Lorem ipsum dolor sit amet"
-                                    autoId="dds--masthead-alt__l1-nav0"
+                                    autoId="dds--masthead-alt__l1-nav1"
                                     className="bx--masthead__megamenu__l1-nav"
-                                    key=".$0"
+                                    key=".$1"
                                     menuLinkName="Lorem ipsum dolor sit amet"
                                   >
                                     <HeaderMenu
                                       aria-label="Lorem ipsum dolor sit amet"
-                                      autoId="dds--masthead-alt__l1-nav0"
+                                      autoId="dds--masthead-alt__l1-nav1"
                                       className="bx--masthead__megamenu__l1-nav"
                                       focusRef={[Function]}
                                       menuLinkName="Lorem ipsum dolor sit amet"
@@ -58625,7 +61449,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                     >
                                       <li
                                         className="bx--header__submenu bx--masthead__megamenu__l1-nav"
-                                        data-autoid="dds--masthead-alt__l1-nav0"
+                                        data-autoid="dds--masthead-alt__l1-nav1"
                                         onBlur={[Function]}
                                         onKeyDown={[Function]}
                                       >
@@ -58679,7 +61503,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                           className="bx--header__menu"
                                         >
                                           <MegaMenu
-                                            autoid="dds--masthead-alt__l1-nav0"
+                                            autoid="dds--masthead-alt__l1-nav1"
                                             data={
                                               Object {
                                                 "hasMegapanel": true,
@@ -58733,6 +61557,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                               }
                                             }
                                             key=".$Lorem ipsum dolor sit amet"
+                                            refs={[Function]}
                                             role="none"
                                           >
                                             <NavigationGroup>
@@ -58747,7 +61572,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                     className="bx--masthead__megamenu__container--row"
                                                   >
                                                     <RightNavigation
-                                                      autoid="dds--masthead-alt__l1-nav0"
+                                                      autoid="dds--masthead-alt__l1-nav1"
                                                       hasHighlights={false}
                                                     >
                                                       <div
@@ -58757,7 +61582,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                           className="bx--masthead__megamenu__categories"
                                                         >
                                                           <CategoryGroup
-                                                            autoid="dds--masthead-alt__l1-nav0"
+                                                            autoid="dds--masthead-alt__l1-nav1"
                                                             href=""
                                                             index={0}
                                                             key="0"
@@ -58774,14 +61599,14 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                 >
                                                                   <div
                                                                     className="bx--masthead__megamenu__category-headline"
-                                                                    data-autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                    data-autoid="dds--masthead-alt__l1-nav1-list0"
                                                                   >
                                                                     <p>
                                                                       Link 1
                                                                     </p>
                                                                   </div>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                    autoid="dds--masthead-alt__l1-nav1-list0"
                                                                     href=""
                                                                     index={0}
                                                                     key="0"
@@ -58789,7 +61614,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav0-list0-item0"
+                                                                      data-autoid="dds--masthead-alt__l1-nav1-list0-item0"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -58797,7 +61622,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                    autoid="dds--masthead-alt__l1-nav1-list0"
                                                                     href=""
                                                                     index={1}
                                                                     key="1"
@@ -58805,7 +61630,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav0-list0-item1"
+                                                                      data-autoid="dds--masthead-alt__l1-nav1-list0-item1"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -58813,7 +61638,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                    autoid="dds--masthead-alt__l1-nav1-list0"
                                                                     href=""
                                                                     index={2}
                                                                     key="2"
@@ -58821,7 +61646,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav0-list0-item2"
+                                                                      data-autoid="dds--masthead-alt__l1-nav1-list0-item2"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -58829,7 +61654,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                    autoid="dds--masthead-alt__l1-nav1-list0"
                                                                     href=""
                                                                     index={3}
                                                                     key="3"
@@ -58837,7 +61662,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav0-list0-item3"
+                                                                      data-autoid="dds--masthead-alt__l1-nav1-list0-item3"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -58862,14 +61687,14 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                   </ForwardRef>
                                   <ForwardRef
                                     aria-label="Consectetur adipiscing elit"
-                                    autoId="dds--masthead-alt__l1-nav1"
+                                    autoId="dds--masthead-alt__l1-nav2"
                                     className=""
-                                    key=".$1"
+                                    key=".$2"
                                     menuLinkName="Consectetur adipiscing elit"
                                   >
                                     <HeaderMenu
                                       aria-label="Consectetur adipiscing elit"
-                                      autoId="dds--masthead-alt__l1-nav1"
+                                      autoId="dds--masthead-alt__l1-nav2"
                                       className=""
                                       focusRef={[Function]}
                                       menuLinkName="Consectetur adipiscing elit"
@@ -58878,7 +61703,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                     >
                                       <li
                                         className="bx--header__submenu"
-                                        data-autoid="dds--masthead-alt__l1-nav1"
+                                        data-autoid="dds--masthead-alt__l1-nav2"
                                         onBlur={[Function]}
                                         onKeyDown={[Function]}
                                       >
@@ -58935,6 +61760,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                             data-autoid="dds--masthead-alt__l1-nav0-item0"
                                             href=""
                                             key=".$Link 2"
+                                            refs={[Function]}
                                             role="none"
                                           >
                                             <li
@@ -58945,12 +61771,14 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                 data-autoid="dds--masthead-alt__l1-nav0-item0"
                                                 element="a"
                                                 href=""
+                                                refs={[Function]}
                                                 tabIndex={0}
                                               >
                                                 <a
                                                   className="bx--header__menu-item"
                                                   data-autoid="dds--masthead-alt__l1-nav0-item0"
                                                   href=""
+                                                  refs={[Function]}
                                                   tabIndex={0}
                                                 >
                                                   <span
@@ -58966,6 +61794,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                             data-autoid="dds--masthead-alt__l1-nav0-item1"
                                             href="https://www.ibm.com/financing?lnk=hpmse_fin&lnk2=learn"
                                             key=".$Financing"
+                                            refs={[Function]}
                                             role="none"
                                           >
                                             <li
@@ -58976,12 +61805,14 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                 data-autoid="dds--masthead-alt__l1-nav0-item1"
                                                 element="a"
                                                 href="https://www.ibm.com/financing?lnk=hpmse_fin&lnk2=learn"
+                                                refs={[Function]}
                                                 tabIndex={0}
                                               >
                                                 <a
                                                   className="bx--header__menu-item"
                                                   data-autoid="dds--masthead-alt__l1-nav0-item1"
                                                   href="https://www.ibm.com/financing?lnk=hpmse_fin&lnk2=learn"
+                                                  refs={[Function]}
                                                   tabIndex={0}
                                                 >
                                                   <span
@@ -58998,21 +61829,21 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                     </HeaderMenu>
                                   </ForwardRef>
                                   <ForwardRef(HeaderMenuItem)
-                                    data-autoid="dds--masthead-alt__l1-nav2"
+                                    data-autoid="dds--masthead-alt__l1-nav3"
                                     href="https://www.ibm.com/industries?lnk=min"
-                                    key=".$2"
+                                    key=".$3"
                                   >
                                     <li>
                                       <Link
                                         className="bx--header__menu-item"
-                                        data-autoid="dds--masthead-alt__l1-nav2"
+                                        data-autoid="dds--masthead-alt__l1-nav3"
                                         element="a"
                                         href="https://www.ibm.com/industries?lnk=min"
                                         tabIndex={0}
                                       >
                                         <a
                                           className="bx--header__menu-item"
-                                          data-autoid="dds--masthead-alt__l1-nav2"
+                                          data-autoid="dds--masthead-alt__l1-nav3"
                                           href="https://www.ibm.com/industries?lnk=min"
                                           tabIndex={0}
                                         >
@@ -59027,14 +61858,14 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                   </ForwardRef(HeaderMenuItem)>
                                   <ForwardRef
                                     aria-label="Fusce nec tellus sed augue semper porta"
-                                    autoId="dds--masthead-alt__l1-nav3"
+                                    autoId="dds--masthead-alt__l1-nav4"
                                     className="bx--masthead__megamenu__l1-nav"
-                                    key=".$3"
+                                    key=".$4"
                                     menuLinkName="Fusce nec tellus sed augue semper porta"
                                   >
                                     <HeaderMenu
                                       aria-label="Fusce nec tellus sed augue semper porta"
-                                      autoId="dds--masthead-alt__l1-nav3"
+                                      autoId="dds--masthead-alt__l1-nav4"
                                       className="bx--masthead__megamenu__l1-nav"
                                       focusRef={[Function]}
                                       menuLinkName="Fusce nec tellus sed augue semper porta"
@@ -59043,7 +61874,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                     >
                                       <li
                                         className="bx--header__submenu bx--masthead__megamenu__l1-nav"
-                                        data-autoid="dds--masthead-alt__l1-nav3"
+                                        data-autoid="dds--masthead-alt__l1-nav4"
                                         onBlur={[Function]}
                                         onKeyDown={[Function]}
                                       >
@@ -59097,7 +61928,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                           className="bx--header__menu"
                                         >
                                           <MegaMenu
-                                            autoid="dds--masthead-alt__l1-nav3"
+                                            autoid="dds--masthead-alt__l1-nav4"
                                             data={
                                               Object {
                                                 "hasMegapanel": true,
@@ -59255,6 +62086,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                               }
                                             }
                                             key=".$Fusce nec tellus sed augue semper porta"
+                                            refs={[Function]}
                                             role="none"
                                           >
                                             <NavigationGroup>
@@ -59269,7 +62101,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                     className="bx--masthead__megamenu__container--row"
                                                   >
                                                     <RightNavigation
-                                                      autoid="dds--masthead-alt__l1-nav3"
+                                                      autoid="dds--masthead-alt__l1-nav4"
                                                       hasHighlights={false}
                                                     >
                                                       <div
@@ -59279,7 +62111,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                           className="bx--masthead__megamenu__categories"
                                                         >
                                                           <CategoryGroup
-                                                            autoid="dds--masthead-alt__l1-nav3"
+                                                            autoid="dds--masthead-alt__l1-nav4"
                                                             href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                             index={0}
                                                             key="0"
@@ -59296,7 +62128,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                 >
                                                                   <LinkWithIcon
                                                                     className="bx--masthead__megamenu__category-headline"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list0"
                                                                     href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                                     iconPlacement="right"
                                                                   >
@@ -59306,12 +62138,12 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     >
                                                                       <Link
                                                                         className="bx--link-with-icon"
-                                                                        data-autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                        data-autoid="dds--masthead-alt__l1-nav4-list0"
                                                                         href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                                       >
                                                                         <a
                                                                           className="bx--link bx--link-with-icon"
-                                                                          data-autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                          data-autoid="dds--masthead-alt__l1-nav4-list0"
                                                                           href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                                           rel={null}
                                                                         >
@@ -59348,7 +62180,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </div>
                                                                   </LinkWithIcon>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list0"
                                                                     href=""
                                                                     index={0}
                                                                     key="0"
@@ -59356,7 +62188,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list0-item0"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list0-item0"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -59364,7 +62196,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list0"
                                                                     href=""
                                                                     index={1}
                                                                     key="1"
@@ -59372,7 +62204,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list0-item1"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list0-item1"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -59380,7 +62212,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list0"
                                                                     href=""
                                                                     index={2}
                                                                     key="2"
@@ -59388,7 +62220,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list0-item2"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list0-item2"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -59396,7 +62228,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list0"
                                                                     href=""
                                                                     index={3}
                                                                     key="3"
@@ -59404,7 +62236,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list0-item3"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list0-item3"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -59416,7 +62248,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                             </div>
                                                           </CategoryGroup>
                                                           <CategoryGroup
-                                                            autoid="dds--masthead-alt__l1-nav3"
+                                                            autoid="dds--masthead-alt__l1-nav4"
                                                             href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                             index={1}
                                                             key="1"
@@ -59433,7 +62265,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                 >
                                                                   <LinkWithIcon
                                                                     className="bx--masthead__megamenu__category-headline"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list1"
                                                                     href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                                     iconPlacement="right"
                                                                   >
@@ -59443,12 +62275,12 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     >
                                                                       <Link
                                                                         className="bx--link-with-icon"
-                                                                        data-autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                        data-autoid="dds--masthead-alt__l1-nav4-list1"
                                                                         href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                                       >
                                                                         <a
                                                                           className="bx--link bx--link-with-icon"
-                                                                          data-autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                          data-autoid="dds--masthead-alt__l1-nav4-list1"
                                                                           href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                                           rel={null}
                                                                         >
@@ -59485,7 +62317,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </div>
                                                                   </LinkWithIcon>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list1"
                                                                     href=""
                                                                     index={0}
                                                                     key="0"
@@ -59493,7 +62325,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list1-item0"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list1-item0"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -59501,7 +62333,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list1"
                                                                     href=""
                                                                     index={1}
                                                                     key="1"
@@ -59509,7 +62341,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list1-item1"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list1-item1"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -59517,7 +62349,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list1"
                                                                     href=""
                                                                     index={2}
                                                                     key="2"
@@ -59525,7 +62357,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list1-item2"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list1-item2"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -59533,7 +62365,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list1"
                                                                     href=""
                                                                     index={3}
                                                                     key="3"
@@ -59541,7 +62373,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list1-item3"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list1-item3"
                                                                       href=""
                                                                       tabIndex={0}
                                                                     >
@@ -59553,7 +62385,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                             </div>
                                                           </CategoryGroup>
                                                           <CategoryGroup
-                                                            autoid="dds--masthead-alt__l1-nav3"
+                                                            autoid="dds--masthead-alt__l1-nav4"
                                                             href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                             index={2}
                                                             key="2"
@@ -59570,7 +62402,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                 >
                                                                   <LinkWithIcon
                                                                     className="bx--masthead__megamenu__category-headline"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list2"
                                                                     href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                     iconPlacement="right"
                                                                   >
@@ -59580,12 +62412,12 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     >
                                                                       <Link
                                                                         className="bx--link-with-icon"
-                                                                        data-autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                        data-autoid="dds--masthead-alt__l1-nav4-list2"
                                                                         href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                       >
                                                                         <a
                                                                           className="bx--link bx--link-with-icon"
-                                                                          data-autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                          data-autoid="dds--masthead-alt__l1-nav4-list2"
                                                                           href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                           rel={null}
                                                                         >
@@ -59622,7 +62454,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </div>
                                                                   </LinkWithIcon>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list2"
                                                                     href="https://developer.ibm.com/patterns/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                     index={0}
                                                                     key="0"
@@ -59630,7 +62462,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list2-item0"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list2-item0"
                                                                       href="https://developer.ibm.com/patterns/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                       tabIndex={0}
                                                                     >
@@ -59638,7 +62470,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list2"
                                                                     href="https://developer.ibm.com/tutorials/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                     index={1}
                                                                     key="1"
@@ -59646,7 +62478,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list2-item1"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list2-item1"
                                                                       href="https://developer.ibm.com/tutorials/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                       tabIndex={0}
                                                                     >
@@ -59654,7 +62486,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list2"
                                                                     href="https://developer.ibm.com/events/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                     index={2}
                                                                     key="2"
@@ -59662,7 +62494,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list2-item2"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list2-item2"
                                                                       href="https://developer.ibm.com/events/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                       tabIndex={0}
                                                                     >
@@ -59674,7 +62506,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                             </div>
                                                           </CategoryGroup>
                                                           <CategoryGroup
-                                                            autoid="dds--masthead-alt__l1-nav3"
+                                                            autoid="dds--masthead-alt__l1-nav4"
                                                             href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                             index={3}
                                                             key="3"
@@ -59691,7 +62523,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                 >
                                                                   <LinkWithIcon
                                                                     className="bx--masthead__megamenu__category-headline"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list3"
                                                                     href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                     iconPlacement="right"
                                                                   >
@@ -59701,12 +62533,12 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     >
                                                                       <Link
                                                                         className="bx--link-with-icon"
-                                                                        data-autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                        data-autoid="dds--masthead-alt__l1-nav4-list3"
                                                                         href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                       >
                                                                         <a
                                                                           className="bx--link bx--link-with-icon"
-                                                                          data-autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                          data-autoid="dds--masthead-alt__l1-nav4-list3"
                                                                           href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                           rel={null}
                                                                         >
@@ -59743,7 +62575,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </div>
                                                                   </LinkWithIcon>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list3"
                                                                     href="https://developer.ibm.com/patterns/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                     index={0}
                                                                     key="0"
@@ -59751,7 +62583,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list3-item0"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list3-item0"
                                                                       href="https://developer.ibm.com/patterns/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                       tabIndex={0}
                                                                     >
@@ -59759,7 +62591,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list3"
                                                                     href="https://developer.ibm.com/tutorials/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                     index={1}
                                                                     key="1"
@@ -59767,7 +62599,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list3-item1"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list3-item1"
                                                                       href="https://developer.ibm.com/tutorials/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                       tabIndex={0}
                                                                     >
@@ -59775,7 +62607,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list3"
                                                                     href="https://developer.ibm.com/events/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                     index={2}
                                                                     key="2"
@@ -59783,7 +62615,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list3-item2"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list3-item2"
                                                                       href="https://developer.ibm.com/events/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                       tabIndex={0}
                                                                     >
@@ -59791,7 +62623,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                     </a>
                                                                   </CategoryLink>
                                                                   <CategoryLink
-                                                                    autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                    autoid="dds--masthead-alt__l1-nav4-list3"
                                                                     href="https://developer.ibm.com/watson/?lnk=hpmdev_dw&lnk2=learn"
                                                                     index={3}
                                                                     key="3"
@@ -59799,7 +62631,7 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                                                   >
                                                                     <a
                                                                       className="bx--masthead__megamenu__category-sublink"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list3-item3"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list3-item3"
                                                                       href="https://developer.ibm.com/watson/?lnk=hpmdev_dw&lnk2=learn"
                                                                       tabIndex={0}
                                                                     >
@@ -59823,21 +62655,21 @@ exports[`Storyshots Components|Dotcom Shell With L1 1`] = `
                                     </HeaderMenu>
                                   </ForwardRef>
                                   <ForwardRef(HeaderMenuItem)
-                                    data-autoid="dds--masthead-alt__l1-nav4"
+                                    data-autoid="dds--masthead-alt__l1-nav5"
                                     href="https://www.ibm.com/support/home/?lnk=msu_usen"
-                                    key=".$4"
+                                    key=".$5"
                                   >
                                     <li>
                                       <Link
                                         className="bx--header__menu-item"
-                                        data-autoid="dds--masthead-alt__l1-nav4"
+                                        data-autoid="dds--masthead-alt__l1-nav5"
                                         element="a"
                                         href="https://www.ibm.com/support/home/?lnk=msu_usen"
                                         tabIndex={0}
                                       >
                                         <a
                                           className="bx--header__menu-item"
-                                          data-autoid="dds--masthead-alt__l1-nav4"
+                                          data-autoid="dds--masthead-alt__l1-nav5"
                                           href="https://www.ibm.com/support/home/?lnk=msu_usen"
                                           tabIndex={0}
                                         >
@@ -89599,6 +92431,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                       defaultValue="en"
                       disabled={false}
                       helperText=""
+                      id="bx--language-selector"
                       inline={false}
                       invalid={false}
                       invalidText=""
@@ -89615,6 +92448,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                         >
                           <label
                             className="bx--label"
+                            htmlFor="bx--language-selector"
                           >
                             Choose a language
                           </label>
@@ -89626,12 +92460,14 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               className="bx--select-input"
                               data-autoid="dds--language-selector__select"
                               defaultValue="en"
+                              id="bx--language-selector"
                               onChange={[Function]}
                               text="English"
                             >
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="0"
                                 text="Arabic / عربية"
                                 value="ar"
                               >
@@ -89647,6 +92483,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="1"
                                 text="Bosnian / Bosanski"
                                 value="bs"
                               >
@@ -89662,6 +92499,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="2"
                                 text="Bulgarian / Български"
                                 value="bg"
                               >
@@ -89677,6 +92515,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="3"
                                 text="Catalan / Català"
                                 value="ca"
                               >
@@ -89692,6 +92531,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="4"
                                 text="Chinese Simplified / 简体中文"
                                 value="zh"
                               >
@@ -89707,6 +92547,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="5"
                                 text="Chinese Traditional / 繁體中文"
                                 value="zh-tw"
                               >
@@ -89722,6 +92563,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="6"
                                 text="Croatian / Hrvatski"
                                 value="hr"
                               >
@@ -89737,6 +92579,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="7"
                                 text="Czech / Čeština"
                                 value="cs"
                               >
@@ -89752,6 +92595,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="8"
                                 text="Danish / Dansk"
                                 value="da"
                               >
@@ -89767,6 +92611,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="9"
                                 text="Dutch / Nederlands"
                                 value="nl"
                               >
@@ -89782,6 +92627,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="10"
                                 text="English"
                                 value="en"
                               >
@@ -89797,6 +92643,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="11"
                                 text="Finnish / Suomi"
                                 value="fi"
                               >
@@ -89812,6 +92659,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="12"
                                 text="French / Français"
                                 value="fr"
                               >
@@ -89827,6 +92675,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="13"
                                 text="German / Deutsch"
                                 value="de"
                               >
@@ -89842,6 +92691,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="14"
                                 text="Greek / Ελληνικά"
                                 value="el"
                               >
@@ -89857,6 +92707,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="15"
                                 text="Hebrew / עברית"
                                 value="he"
                               >
@@ -89872,6 +92723,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="16"
                                 text="Hungarian / Magyar"
                                 value="hu"
                               >
@@ -89887,6 +92739,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="17"
                                 text="Italian / Italiano"
                                 value="it"
                               >
@@ -89902,6 +92755,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="18"
                                 text="Japanese / 日本語"
                                 value="ja"
                               >
@@ -89917,6 +92771,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="19"
                                 text="Kazakh / Қазақша"
                                 value="kk"
                               >
@@ -89932,6 +92787,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="20"
                                 text="Korean / 한국어"
                                 value="ko"
                               >
@@ -89947,6 +92803,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="21"
                                 text="Macedonian / македонски"
                                 value="mk"
                               >
@@ -89962,6 +92819,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="22"
                                 text="Norwegian / Norsk"
                                 value="no"
                               >
@@ -89977,6 +92835,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="23"
                                 text="Polish / polski"
                                 value="pl"
                               >
@@ -89992,6 +92851,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="24"
                                 text="Portuguese/Brazil/Brazil / Português/Brasil"
                                 value="pt-br"
                               >
@@ -90007,6 +92867,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="25"
                                 text="Portuguese/Portugal / Português/Portugal"
                                 value="pt"
                               >
@@ -90022,6 +92883,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="26"
                                 text="Romanian / Română"
                                 value="ro"
                               >
@@ -90037,6 +92899,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="27"
                                 text="Russian / Русский"
                                 value="ru"
                               >
@@ -90052,6 +92915,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="28"
                                 text="Serbian / srpski"
                                 value="sr"
                               >
@@ -90067,6 +92931,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="29"
                                 text="Slovak / Slovenčina"
                                 value="sk"
                               >
@@ -90082,6 +92947,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="30"
                                 text="Slovenian / Slovenščina"
                                 value="sl"
                               >
@@ -90097,6 +92963,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="31"
                                 text="Spanish / Español"
                                 value="es"
                               >
@@ -90112,6 +92979,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="32"
                                 text="Swedish / Svenska"
                                 value="sv"
                               >
@@ -90127,6 +92995,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="33"
                                 text="Thai / ภาษาไทย"
                                 value="th"
                               >
@@ -90142,6 +93011,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="34"
                                 text="Turkish / Türkçe"
                                 value="tr"
                               >
@@ -90157,6 +93027,7 @@ exports[`Storyshots Components|Dotcom Shell With short footer (language only) 1`
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="35"
                                 text="Vietnamese / Tiếng Việt"
                                 value="vi"
                               >
@@ -98856,6 +101727,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                     defaultValue="en"
                     disabled={false}
                     helperText=""
+                    id="bx--language-selector"
                     inline={false}
                     invalid={false}
                     invalidText=""
@@ -98872,6 +101744,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                       >
                         <label
                           className="bx--label"
+                          htmlFor="bx--language-selector"
                         >
                           Choose a language
                         </label>
@@ -98883,12 +101756,14 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             className="bx--select-input"
                             data-autoid="dds--language-selector__select"
                             defaultValue="en"
+                            id="bx--language-selector"
                             onChange={[Function]}
                             text="English"
                           >
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="0"
                               text="Arabic / عربية"
                               value="ar"
                             >
@@ -98904,6 +101779,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="1"
                               text="Bosnian / Bosanski"
                               value="bs"
                             >
@@ -98919,6 +101795,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="2"
                               text="Bulgarian / Български"
                               value="bg"
                             >
@@ -98934,6 +101811,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="3"
                               text="Catalan / Català"
                               value="ca"
                             >
@@ -98949,6 +101827,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="4"
                               text="Chinese Simplified / 简体中文"
                               value="zh"
                             >
@@ -98964,6 +101843,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="5"
                               text="Chinese Traditional / 繁體中文"
                               value="zh-tw"
                             >
@@ -98979,6 +101859,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="6"
                               text="Croatian / Hrvatski"
                               value="hr"
                             >
@@ -98994,6 +101875,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="7"
                               text="Czech / Čeština"
                               value="cs"
                             >
@@ -99009,6 +101891,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="8"
                               text="Danish / Dansk"
                               value="da"
                             >
@@ -99024,6 +101907,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="9"
                               text="Dutch / Nederlands"
                               value="nl"
                             >
@@ -99039,6 +101923,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="10"
                               text="English"
                               value="en"
                             >
@@ -99054,6 +101939,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="11"
                               text="Finnish / Suomi"
                               value="fi"
                             >
@@ -99069,6 +101955,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="12"
                               text="French / Français"
                               value="fr"
                             >
@@ -99084,6 +101971,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="13"
                               text="German / Deutsch"
                               value="de"
                             >
@@ -99099,6 +101987,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="14"
                               text="Greek / Ελληνικά"
                               value="el"
                             >
@@ -99114,6 +102003,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="15"
                               text="Hebrew / עברית"
                               value="he"
                             >
@@ -99129,6 +102019,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="16"
                               text="Hungarian / Magyar"
                               value="hu"
                             >
@@ -99144,6 +102035,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="17"
                               text="Italian / Italiano"
                               value="it"
                             >
@@ -99159,6 +102051,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="18"
                               text="Japanese / 日本語"
                               value="ja"
                             >
@@ -99174,6 +102067,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="19"
                               text="Kazakh / Қазақша"
                               value="kk"
                             >
@@ -99189,6 +102083,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="20"
                               text="Korean / 한국어"
                               value="ko"
                             >
@@ -99204,6 +102099,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="21"
                               text="Macedonian / македонски"
                               value="mk"
                             >
@@ -99219,6 +102115,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="22"
                               text="Norwegian / Norsk"
                               value="no"
                             >
@@ -99234,6 +102131,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="23"
                               text="Polish / polski"
                               value="pl"
                             >
@@ -99249,6 +102147,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="24"
                               text="Portuguese/Brazil/Brazil / Português/Brasil"
                               value="pt-br"
                             >
@@ -99264,6 +102163,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="25"
                               text="Portuguese/Portugal / Português/Portugal"
                               value="pt"
                             >
@@ -99279,6 +102179,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="26"
                               text="Romanian / Română"
                               value="ro"
                             >
@@ -99294,6 +102195,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="27"
                               text="Russian / Русский"
                               value="ru"
                             >
@@ -99309,6 +102211,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="28"
                               text="Serbian / srpski"
                               value="sr"
                             >
@@ -99324,6 +102227,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="29"
                               text="Slovak / Slovenčina"
                               value="sk"
                             >
@@ -99339,6 +102243,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="30"
                               text="Slovenian / Slovenščina"
                               value="sl"
                             >
@@ -99354,6 +102259,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="31"
                               text="Spanish / Español"
                               value="es"
                             >
@@ -99369,6 +102275,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="32"
                               text="Swedish / Svenska"
                               value="sv"
                             >
@@ -99384,6 +102291,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="33"
                               text="Thai / ภาษาไทย"
                               value="th"
                             >
@@ -99399,6 +102307,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="34"
                               text="Turkish / Türkçe"
                               value="tr"
                             >
@@ -99414,6 +102323,7 @@ exports[`Storyshots Components|Footer Default Language Only 1`] = `
                             <SelectItem
                               disabled={false}
                               hidden={false}
+                              key="35"
                               text="Vietnamese / Tiếng Việt"
                               value="vi"
                             >
@@ -101858,6 +104768,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                       defaultValue="en"
                       disabled={false}
                       helperText=""
+                      id="bx--language-selector"
                       inline={false}
                       invalid={false}
                       invalidText=""
@@ -101874,6 +104785,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                         >
                           <label
                             className="bx--label"
+                            htmlFor="bx--language-selector"
                           >
                             Choose a language
                           </label>
@@ -101885,12 +104797,14 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               className="bx--select-input"
                               data-autoid="dds--language-selector__select"
                               defaultValue="en"
+                              id="bx--language-selector"
                               onChange={[Function]}
                               text="English"
                             >
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="0"
                                 text="Arabic / عربية"
                                 value="ar"
                               >
@@ -101906,6 +104820,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="1"
                                 text="Bosnian / Bosanski"
                                 value="bs"
                               >
@@ -101921,6 +104836,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="2"
                                 text="Bulgarian / Български"
                                 value="bg"
                               >
@@ -101936,6 +104852,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="3"
                                 text="Catalan / Català"
                                 value="ca"
                               >
@@ -101951,6 +104868,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="4"
                                 text="Chinese Simplified / 简体中文"
                                 value="zh"
                               >
@@ -101966,6 +104884,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="5"
                                 text="Chinese Traditional / 繁體中文"
                                 value="zh-tw"
                               >
@@ -101981,6 +104900,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="6"
                                 text="Croatian / Hrvatski"
                                 value="hr"
                               >
@@ -101996,6 +104916,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="7"
                                 text="Czech / Čeština"
                                 value="cs"
                               >
@@ -102011,6 +104932,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="8"
                                 text="Danish / Dansk"
                                 value="da"
                               >
@@ -102026,6 +104948,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="9"
                                 text="Dutch / Nederlands"
                                 value="nl"
                               >
@@ -102041,6 +104964,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="10"
                                 text="English"
                                 value="en"
                               >
@@ -102056,6 +104980,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="11"
                                 text="Finnish / Suomi"
                                 value="fi"
                               >
@@ -102071,6 +104996,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="12"
                                 text="French / Français"
                                 value="fr"
                               >
@@ -102086,6 +105012,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="13"
                                 text="German / Deutsch"
                                 value="de"
                               >
@@ -102101,6 +105028,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="14"
                                 text="Greek / Ελληνικά"
                                 value="el"
                               >
@@ -102116,6 +105044,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="15"
                                 text="Hebrew / עברית"
                                 value="he"
                               >
@@ -102131,6 +105060,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="16"
                                 text="Hungarian / Magyar"
                                 value="hu"
                               >
@@ -102146,6 +105076,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="17"
                                 text="Italian / Italiano"
                                 value="it"
                               >
@@ -102161,6 +105092,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="18"
                                 text="Japanese / 日本語"
                                 value="ja"
                               >
@@ -102176,6 +105108,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="19"
                                 text="Kazakh / Қазақша"
                                 value="kk"
                               >
@@ -102191,6 +105124,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="20"
                                 text="Korean / 한국어"
                                 value="ko"
                               >
@@ -102206,6 +105140,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="21"
                                 text="Macedonian / македонски"
                                 value="mk"
                               >
@@ -102221,6 +105156,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="22"
                                 text="Norwegian / Norsk"
                                 value="no"
                               >
@@ -102236,6 +105172,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="23"
                                 text="Polish / polski"
                                 value="pl"
                               >
@@ -102251,6 +105188,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="24"
                                 text="Portuguese/Brazil/Brazil / Português/Brasil"
                                 value="pt-br"
                               >
@@ -102266,6 +105204,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="25"
                                 text="Portuguese/Portugal / Português/Portugal"
                                 value="pt"
                               >
@@ -102281,6 +105220,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="26"
                                 text="Romanian / Română"
                                 value="ro"
                               >
@@ -102296,6 +105236,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="27"
                                 text="Russian / Русский"
                                 value="ru"
                               >
@@ -102311,6 +105252,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="28"
                                 text="Serbian / srpski"
                                 value="sr"
                               >
@@ -102326,6 +105268,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="29"
                                 text="Slovak / Slovenčina"
                                 value="sk"
                               >
@@ -102341,6 +105284,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="30"
                                 text="Slovenian / Slovenščina"
                                 value="sl"
                               >
@@ -102356,6 +105300,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="31"
                                 text="Spanish / Español"
                                 value="es"
                               >
@@ -102371,6 +105316,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="32"
                                 text="Swedish / Svenska"
                                 value="sv"
                               >
@@ -102386,6 +105332,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="33"
                                 text="Thai / ภาษาไทย"
                                 value="th"
                               >
@@ -102401,6 +105348,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="34"
                                 text="Turkish / Türkçe"
                                 value="tr"
                               >
@@ -102416,6 +105364,7 @@ exports[`Storyshots Components|Footer Short Language Only 1`] = `
                               <SelectItem
                                 disabled={false}
                                 hidden={false}
+                                key="35"
                                 text="Vietnamese / Tiếng Việt"
                                 value="vi"
                               >
@@ -114157,6 +117106,262 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
           "hasProfile": true,
           "hasSearch": true,
           "navigation": Array [
+            Object {
+              "hasMegapanel": true,
+              "hasMenu": true,
+              "menuSections": Array [
+                Object {
+                  "heading": "The essentials",
+                  "menuItems": Array [
+                    Object {
+                      "highlighted": true,
+                      "megapanelContent": Object {
+                        "description": "Blend cloud and on-premises resources for flexibility and balance",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Hybrid Cloud",
+                        "headingUrl": "",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "highlightedLink": true,
+                              "title": "What is Hybrid Cloud?",
+                              "titleEnglish": "What is Hybrid Cloud?",
+                              "url": "https://www.ibm.com/cloud/hybrid",
+                            },
+                            Object {
+                              "highlightedLink": true,
+                              "title": "Hybrid cloud solutions",
+                              "titleEnglish": "Hybrid cloud solutions",
+                              "url": "https://www.ibm.com/cloud/hybrid",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Hybrid Cloud",
+                      "titleEnglish": "Hybrid Cloud",
+                      "url": "",
+                    },
+                    Object {
+                      "highlighted": true,
+                      "megapanelContent": Object {
+                        "description": "Unlock the value in your organization with AI",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Artificial intelligence",
+                        "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "highlightedLink": true,
+                              "title": "What is AI?",
+                              "titleEnglish": "What is AI?",
+                              "url": "https://www.ibm.com/artificial-intelligence",
+                            },
+                            Object {
+                              "highlightedLink": true,
+                              "title": "AI solutions",
+                              "titleEnglish": "AI solutions",
+                              "url": "https://www.ibm.com/artificial-intelligence",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Artificial intelligence",
+                      "titleEnglish": "Artificial intelligence",
+                      "url": "",
+                    },
+                    Object {
+                      "megapanelContent": Object {
+                        "description": "",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Top products & platforms",
+                        "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "title": "Db2",
+                              "titleEnglish": "Db2",
+                              "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Hybrid Cloud",
+                              "titleEnglish": "Hybrid Cloud",
+                              "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "IBM Cloud",
+                              "titleEnglish": "IBM Cloud",
+                              "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "IBM Security",
+                              "titleEnglish": "IBM Security",
+                              "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "IBM Sterling",
+                              "titleEnglish": "IBM Sterling",
+                              "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "IBM Z",
+                              "titleEnglish": "IBM Z",
+                              "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Red Hat",
+                              "titleEnglish": "Red Hat",
+                              "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "SPSS Statistics",
+                              "titleEnglish": "SPSS Statistics",
+                              "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "The Weather Company",
+                              "titleEnglish": "The Weather Company",
+                              "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Watson",
+                              "titleEnglish": "Watson",
+                              "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "WebSphere",
+                              "titleEnglish": "WebSphere",
+                              "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Top products & platforms",
+                      "titleEnglish": "Top products & platforms",
+                      "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                    },
+                    Object {
+                      "megapanelContent": Object {
+                        "description": "",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Security",
+                        "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "title": "Data security",
+                              "titleEnglish": "Data security",
+                              "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Identity & access management",
+                              "titleEnglish": "Identity & access management",
+                              "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Security information & event management",
+                              "titleEnglish": "Security information & event management",
+                              "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Security orchestration, automation & response",
+                              "titleEnglish": "Security orchestration, automation & response",
+                              "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                            },
+                            Object {
+                              "title": "View all Security products",
+                              "titleEnglish": "View all Security products",
+                              "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Security",
+                      "titleEnglish": "Security",
+                      "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                    },
+                    Object {
+                      "megapanelContent": Object {
+                        "description": "",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Supply chain",
+                        "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "title": "Supply chain visibility",
+                              "titleEnglish": "Supply chain visibility",
+                              "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Supplier collaboration",
+                              "titleEnglish": "Supplier collaboration",
+                              "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Business process improvement",
+                              "titleEnglish": "Business process improvement",
+                              "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Order management and fulfillment",
+                              "titleEnglish": "Order management and fulfillment",
+                              "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                            },
+                            Object {
+                              "title": "View all Supply Chain products",
+                              "titleEnglish": "View all Supply Chain products",
+                              "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Supply chain",
+                      "titleEnglish": "Supply chain",
+                      "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                    },
+                    Object {
+                      "megaPanelViewAll": true,
+                      "title": "View all products",
+                      "titleEnglish": "View all products",
+                      "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                    },
+                  ],
+                },
+              ],
+              "title": "Products & Solutions",
+              "titleEnglish": "Products & Solutions",
+              "url": "",
+            },
             Object {
               "hasMegapanel": true,
               "hasMenu": true,
@@ -114526,6 +117731,262 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
               "hasProfile": true,
               "hasSearch": true,
               "navigation": Array [
+                Object {
+                  "hasMegapanel": true,
+                  "hasMenu": true,
+                  "menuSections": Array [
+                    Object {
+                      "heading": "The essentials",
+                      "menuItems": Array [
+                        Object {
+                          "highlighted": true,
+                          "megapanelContent": Object {
+                            "description": "Blend cloud and on-premises resources for flexibility and balance",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Hybrid Cloud",
+                            "headingUrl": "",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "What is Hybrid Cloud?",
+                                  "titleEnglish": "What is Hybrid Cloud?",
+                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                },
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "Hybrid cloud solutions",
+                                  "titleEnglish": "Hybrid cloud solutions",
+                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Hybrid Cloud",
+                          "titleEnglish": "Hybrid Cloud",
+                          "url": "",
+                        },
+                        Object {
+                          "highlighted": true,
+                          "megapanelContent": Object {
+                            "description": "Unlock the value in your organization with AI",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Artificial intelligence",
+                            "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "What is AI?",
+                                  "titleEnglish": "What is AI?",
+                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                },
+                                Object {
+                                  "highlightedLink": true,
+                                  "title": "AI solutions",
+                                  "titleEnglish": "AI solutions",
+                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Artificial intelligence",
+                          "titleEnglish": "Artificial intelligence",
+                          "url": "",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Top products & platforms",
+                            "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Db2",
+                                  "titleEnglish": "Db2",
+                                  "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Hybrid Cloud",
+                                  "titleEnglish": "Hybrid Cloud",
+                                  "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Cloud",
+                                  "titleEnglish": "IBM Cloud",
+                                  "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Security",
+                                  "titleEnglish": "IBM Security",
+                                  "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Sterling",
+                                  "titleEnglish": "IBM Sterling",
+                                  "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "IBM Z",
+                                  "titleEnglish": "IBM Z",
+                                  "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Red Hat",
+                                  "titleEnglish": "Red Hat",
+                                  "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "SPSS Statistics",
+                                  "titleEnglish": "SPSS Statistics",
+                                  "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "The Weather Company",
+                                  "titleEnglish": "The Weather Company",
+                                  "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Watson",
+                                  "titleEnglish": "Watson",
+                                  "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "WebSphere",
+                                  "titleEnglish": "WebSphere",
+                                  "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Top products & platforms",
+                          "titleEnglish": "Top products & platforms",
+                          "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Security",
+                            "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Data security",
+                                  "titleEnglish": "Data security",
+                                  "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Identity & access management",
+                                  "titleEnglish": "Identity & access management",
+                                  "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Security information & event management",
+                                  "titleEnglish": "Security information & event management",
+                                  "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Security orchestration, automation & response",
+                                  "titleEnglish": "Security orchestration, automation & response",
+                                  "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                },
+                                Object {
+                                  "title": "View all Security products",
+                                  "titleEnglish": "View all Security products",
+                                  "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Security",
+                          "titleEnglish": "Security",
+                          "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                        },
+                        Object {
+                          "megapanelContent": Object {
+                            "description": "",
+                            "feature": Object {
+                              "heading": "",
+                              "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                              "linkTitle": "",
+                              "linkUrl": "",
+                            },
+                            "headingTitle": "Supply chain",
+                            "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                            "quickLinks": Object {
+                              "links": Array [
+                                Object {
+                                  "title": "Supply chain visibility",
+                                  "titleEnglish": "Supply chain visibility",
+                                  "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Supplier collaboration",
+                                  "titleEnglish": "Supplier collaboration",
+                                  "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Business process improvement",
+                                  "titleEnglish": "Business process improvement",
+                                  "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "Order management and fulfillment",
+                                  "titleEnglish": "Order management and fulfillment",
+                                  "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                },
+                                Object {
+                                  "title": "View all Supply Chain products",
+                                  "titleEnglish": "View all Supply Chain products",
+                                  "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                },
+                              ],
+                              "title": "",
+                            },
+                          },
+                          "title": "Supply chain",
+                          "titleEnglish": "Supply chain",
+                          "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                        },
+                        Object {
+                          "megaPanelViewAll": true,
+                          "title": "View all products",
+                          "titleEnglish": "View all products",
+                          "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                        },
+                      ],
+                    },
+                  ],
+                  "title": "Products & Solutions",
+                  "titleEnglish": "Products & Solutions",
+                  "url": "",
+                },
                 Object {
                   "hasMegapanel": true,
                   "hasMenu": true,
@@ -114848,6 +118309,262 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
         mastheadL1Data={null}
         navigation={
           Array [
+            Object {
+              "hasMegapanel": true,
+              "hasMenu": true,
+              "menuSections": Array [
+                Object {
+                  "heading": "The essentials",
+                  "menuItems": Array [
+                    Object {
+                      "highlighted": true,
+                      "megapanelContent": Object {
+                        "description": "Blend cloud and on-premises resources for flexibility and balance",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Hybrid Cloud",
+                        "headingUrl": "",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "highlightedLink": true,
+                              "title": "What is Hybrid Cloud?",
+                              "titleEnglish": "What is Hybrid Cloud?",
+                              "url": "https://www.ibm.com/cloud/hybrid",
+                            },
+                            Object {
+                              "highlightedLink": true,
+                              "title": "Hybrid cloud solutions",
+                              "titleEnglish": "Hybrid cloud solutions",
+                              "url": "https://www.ibm.com/cloud/hybrid",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Hybrid Cloud",
+                      "titleEnglish": "Hybrid Cloud",
+                      "url": "",
+                    },
+                    Object {
+                      "highlighted": true,
+                      "megapanelContent": Object {
+                        "description": "Unlock the value in your organization with AI",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Artificial intelligence",
+                        "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "highlightedLink": true,
+                              "title": "What is AI?",
+                              "titleEnglish": "What is AI?",
+                              "url": "https://www.ibm.com/artificial-intelligence",
+                            },
+                            Object {
+                              "highlightedLink": true,
+                              "title": "AI solutions",
+                              "titleEnglish": "AI solutions",
+                              "url": "https://www.ibm.com/artificial-intelligence",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Artificial intelligence",
+                      "titleEnglish": "Artificial intelligence",
+                      "url": "",
+                    },
+                    Object {
+                      "megapanelContent": Object {
+                        "description": "",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Top products & platforms",
+                        "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "title": "Db2",
+                              "titleEnglish": "Db2",
+                              "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Hybrid Cloud",
+                              "titleEnglish": "Hybrid Cloud",
+                              "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "IBM Cloud",
+                              "titleEnglish": "IBM Cloud",
+                              "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "IBM Security",
+                              "titleEnglish": "IBM Security",
+                              "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "IBM Sterling",
+                              "titleEnglish": "IBM Sterling",
+                              "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "IBM Z",
+                              "titleEnglish": "IBM Z",
+                              "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Red Hat",
+                              "titleEnglish": "Red Hat",
+                              "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "SPSS Statistics",
+                              "titleEnglish": "SPSS Statistics",
+                              "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "The Weather Company",
+                              "titleEnglish": "The Weather Company",
+                              "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Watson",
+                              "titleEnglish": "Watson",
+                              "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                            Object {
+                              "title": "WebSphere",
+                              "titleEnglish": "WebSphere",
+                              "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Top products & platforms",
+                      "titleEnglish": "Top products & platforms",
+                      "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                    },
+                    Object {
+                      "megapanelContent": Object {
+                        "description": "",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Security",
+                        "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "title": "Data security",
+                              "titleEnglish": "Data security",
+                              "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Identity & access management",
+                              "titleEnglish": "Identity & access management",
+                              "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Security information & event management",
+                              "titleEnglish": "Security information & event management",
+                              "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Security orchestration, automation & response",
+                              "titleEnglish": "Security orchestration, automation & response",
+                              "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                            },
+                            Object {
+                              "title": "View all Security products",
+                              "titleEnglish": "View all Security products",
+                              "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Security",
+                      "titleEnglish": "Security",
+                      "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                    },
+                    Object {
+                      "megapanelContent": Object {
+                        "description": "",
+                        "feature": Object {
+                          "heading": "",
+                          "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                          "linkTitle": "",
+                          "linkUrl": "",
+                        },
+                        "headingTitle": "Supply chain",
+                        "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                        "quickLinks": Object {
+                          "links": Array [
+                            Object {
+                              "title": "Supply chain visibility",
+                              "titleEnglish": "Supply chain visibility",
+                              "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Supplier collaboration",
+                              "titleEnglish": "Supplier collaboration",
+                              "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Business process improvement",
+                              "titleEnglish": "Business process improvement",
+                              "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                            },
+                            Object {
+                              "title": "Order management and fulfillment",
+                              "titleEnglish": "Order management and fulfillment",
+                              "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                            },
+                            Object {
+                              "title": "View all Supply Chain products",
+                              "titleEnglish": "View all Supply Chain products",
+                              "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                            },
+                          ],
+                          "title": "",
+                        },
+                      },
+                      "title": "Supply chain",
+                      "titleEnglish": "Supply chain",
+                      "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                    },
+                    Object {
+                      "megaPanelViewAll": true,
+                      "title": "View all products",
+                      "titleEnglish": "View all products",
+                      "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                    },
+                  ],
+                },
+              ],
+              "title": "Products & Solutions",
+              "titleEnglish": "Products & Solutions",
+              "url": "",
+            },
             Object {
               "hasMegapanel": true,
               "hasMenu": true,
@@ -115282,6 +118999,262 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                         navType="default"
                         navigation={
                           Array [
+                            Object {
+                              "hasMegapanel": true,
+                              "hasMenu": true,
+                              "menuSections": Array [
+                                Object {
+                                  "heading": "The essentials",
+                                  "menuItems": Array [
+                                    Object {
+                                      "highlighted": true,
+                                      "megapanelContent": Object {
+                                        "description": "Blend cloud and on-premises resources for flexibility and balance",
+                                        "feature": Object {
+                                          "heading": "",
+                                          "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                          "linkTitle": "",
+                                          "linkUrl": "",
+                                        },
+                                        "headingTitle": "Hybrid Cloud",
+                                        "headingUrl": "",
+                                        "quickLinks": Object {
+                                          "links": Array [
+                                            Object {
+                                              "highlightedLink": true,
+                                              "title": "What is Hybrid Cloud?",
+                                              "titleEnglish": "What is Hybrid Cloud?",
+                                              "url": "https://www.ibm.com/cloud/hybrid",
+                                            },
+                                            Object {
+                                              "highlightedLink": true,
+                                              "title": "Hybrid cloud solutions",
+                                              "titleEnglish": "Hybrid cloud solutions",
+                                              "url": "https://www.ibm.com/cloud/hybrid",
+                                            },
+                                          ],
+                                          "title": "",
+                                        },
+                                      },
+                                      "title": "Hybrid Cloud",
+                                      "titleEnglish": "Hybrid Cloud",
+                                      "url": "",
+                                    },
+                                    Object {
+                                      "highlighted": true,
+                                      "megapanelContent": Object {
+                                        "description": "Unlock the value in your organization with AI",
+                                        "feature": Object {
+                                          "heading": "",
+                                          "imageUrl": "",
+                                          "linkTitle": "",
+                                          "linkUrl": "",
+                                        },
+                                        "headingTitle": "Artificial intelligence",
+                                        "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                                        "quickLinks": Object {
+                                          "links": Array [
+                                            Object {
+                                              "highlightedLink": true,
+                                              "title": "What is AI?",
+                                              "titleEnglish": "What is AI?",
+                                              "url": "https://www.ibm.com/artificial-intelligence",
+                                            },
+                                            Object {
+                                              "highlightedLink": true,
+                                              "title": "AI solutions",
+                                              "titleEnglish": "AI solutions",
+                                              "url": "https://www.ibm.com/artificial-intelligence",
+                                            },
+                                          ],
+                                          "title": "",
+                                        },
+                                      },
+                                      "title": "Artificial intelligence",
+                                      "titleEnglish": "Artificial intelligence",
+                                      "url": "",
+                                    },
+                                    Object {
+                                      "megapanelContent": Object {
+                                        "description": "",
+                                        "feature": Object {
+                                          "heading": "",
+                                          "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                          "linkTitle": "",
+                                          "linkUrl": "",
+                                        },
+                                        "headingTitle": "Top products & platforms",
+                                        "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                                        "quickLinks": Object {
+                                          "links": Array [
+                                            Object {
+                                              "title": "Db2",
+                                              "titleEnglish": "Db2",
+                                              "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "Hybrid Cloud",
+                                              "titleEnglish": "Hybrid Cloud",
+                                              "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "IBM Cloud",
+                                              "titleEnglish": "IBM Cloud",
+                                              "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "IBM Security",
+                                              "titleEnglish": "IBM Security",
+                                              "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "IBM Sterling",
+                                              "titleEnglish": "IBM Sterling",
+                                              "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "IBM Z",
+                                              "titleEnglish": "IBM Z",
+                                              "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "Red Hat",
+                                              "titleEnglish": "Red Hat",
+                                              "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "SPSS Statistics",
+                                              "titleEnglish": "SPSS Statistics",
+                                              "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "The Weather Company",
+                                              "titleEnglish": "The Weather Company",
+                                              "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "Watson",
+                                              "titleEnglish": "Watson",
+                                              "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "WebSphere",
+                                              "titleEnglish": "WebSphere",
+                                              "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                            },
+                                          ],
+                                          "title": "",
+                                        },
+                                      },
+                                      "title": "Top products & platforms",
+                                      "titleEnglish": "Top products & platforms",
+                                      "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                                    },
+                                    Object {
+                                      "megapanelContent": Object {
+                                        "description": "",
+                                        "feature": Object {
+                                          "heading": "",
+                                          "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                                          "linkTitle": "",
+                                          "linkUrl": "",
+                                        },
+                                        "headingTitle": "Security",
+                                        "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                                        "quickLinks": Object {
+                                          "links": Array [
+                                            Object {
+                                              "title": "Data security",
+                                              "titleEnglish": "Data security",
+                                              "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "Identity & access management",
+                                              "titleEnglish": "Identity & access management",
+                                              "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "Security information & event management",
+                                              "titleEnglish": "Security information & event management",
+                                              "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "Security orchestration, automation & response",
+                                              "titleEnglish": "Security orchestration, automation & response",
+                                              "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                            },
+                                            Object {
+                                              "title": "View all Security products",
+                                              "titleEnglish": "View all Security products",
+                                              "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                            },
+                                          ],
+                                          "title": "",
+                                        },
+                                      },
+                                      "title": "Security",
+                                      "titleEnglish": "Security",
+                                      "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                                    },
+                                    Object {
+                                      "megapanelContent": Object {
+                                        "description": "",
+                                        "feature": Object {
+                                          "heading": "",
+                                          "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                                          "linkTitle": "",
+                                          "linkUrl": "",
+                                        },
+                                        "headingTitle": "Supply chain",
+                                        "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                                        "quickLinks": Object {
+                                          "links": Array [
+                                            Object {
+                                              "title": "Supply chain visibility",
+                                              "titleEnglish": "Supply chain visibility",
+                                              "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "Supplier collaboration",
+                                              "titleEnglish": "Supplier collaboration",
+                                              "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "Business process improvement",
+                                              "titleEnglish": "Business process improvement",
+                                              "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "Order management and fulfillment",
+                                              "titleEnglish": "Order management and fulfillment",
+                                              "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                            },
+                                            Object {
+                                              "title": "View all Supply Chain products",
+                                              "titleEnglish": "View all Supply Chain products",
+                                              "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                            },
+                                          ],
+                                          "title": "",
+                                        },
+                                      },
+                                      "title": "Supply chain",
+                                      "titleEnglish": "Supply chain",
+                                      "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                                    },
+                                    Object {
+                                      "megaPanelViewAll": true,
+                                      "title": "View all products",
+                                      "titleEnglish": "View all products",
+                                      "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                                    },
+                                  ],
+                                },
+                              ],
+                              "title": "Products & Solutions",
+                              "titleEnglish": "Products & Solutions",
+                              "url": "",
+                            },
                             Object {
                               "hasMegapanel": true,
                               "hasMenu": true,
@@ -115619,20 +119592,1313 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                     aria-label="IBM"
                                     className="bx--header__menu-bar"
                                   >
+                                    <ForwardRef
+                                      aria-label="Products & Solutions"
+                                      autoId="dds--masthead-default__l0-nav0"
+                                      className="bx--masthead__megamenu__l0-nav"
+                                      dataTitle="products-solutions"
+                                      disableScroll={true}
+                                      key=".$0"
+                                      menuLinkName="Products & Solutions"
+                                      selected={false}
+                                      setOverlay={[Function]}
+                                    >
+                                      <HeaderMenu
+                                        aria-label="Products & Solutions"
+                                        autoId="dds--masthead-default__l0-nav0"
+                                        className="bx--masthead__megamenu__l0-nav"
+                                        dataTitle="products-solutions"
+                                        disableScroll={true}
+                                        focusRef={[Function]}
+                                        menuLinkName="Products & Solutions"
+                                        renderMenuContent={[Function]}
+                                        selected={false}
+                                        setOverlay={[Function]}
+                                      >
+                                        <li
+                                          className="bx--header__submenu bx--masthead__megamenu__l0-nav"
+                                          data-autoid="dds--masthead-default__l0-nav0"
+                                          onBlur={[Function]}
+                                          onKeyDown={[Function]}
+                                        >
+                                          <a
+                                            aria-expanded={false}
+                                            aria-haspopup="menu"
+                                            aria-label="Products & Solutions"
+                                            aria-selected="false"
+                                            className="bx--header__menu-item bx--header__menu-title"
+                                            data-title="products-solutions"
+                                            href="#"
+                                            onClick={[Function]}
+                                            onKeyDown={[Function]}
+                                            role="menuitem"
+                                            tabIndex={0}
+                                          >
+                                            Products & Solutions
+                                            <defaultRenderMenuContent>
+                                              <ForwardRef(ChevronDown20)
+                                                className="bx--header__menu-arrow"
+                                              >
+                                                <Icon
+                                                  className="bx--header__menu-arrow"
+                                                  fill="currentColor"
+                                                  height={20}
+                                                  preserveAspectRatio="xMidYMid meet"
+                                                  viewBox="0 0 32 32"
+                                                  width={20}
+                                                  xmlns="http://www.w3.org/2000/svg"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    className="bx--header__menu-arrow"
+                                                    fill="currentColor"
+                                                    focusable="false"
+                                                    height={20}
+                                                    preserveAspectRatio="xMidYMid meet"
+                                                    viewBox="0 0 32 32"
+                                                    width={20}
+                                                    xmlns="http://www.w3.org/2000/svg"
+                                                  >
+                                                    <path
+                                                      d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
+                                                    />
+                                                  </svg>
+                                                </Icon>
+                                              </ForwardRef(ChevronDown20)>
+                                            </defaultRenderMenuContent>
+                                          </a>
+                                          <ul
+                                            aria-label="Products & Solutions"
+                                            className="bx--header__menu"
+                                          >
+                                            <MegaMenu
+                                              autoid="dds--masthead-default__l0-nav0"
+                                              data={
+                                                Object {
+                                                  "hasMegapanel": true,
+                                                  "hasMenu": true,
+                                                  "menuSections": Array [
+                                                    Object {
+                                                      "heading": "The essentials",
+                                                      "menuItems": Array [
+                                                        Object {
+                                                          "highlighted": true,
+                                                          "megapanelContent": Object {
+                                                            "description": "Blend cloud and on-premises resources for flexibility and balance",
+                                                            "feature": Object {
+                                                              "heading": "",
+                                                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                                              "linkTitle": "",
+                                                              "linkUrl": "",
+                                                            },
+                                                            "headingTitle": "Hybrid Cloud",
+                                                            "headingUrl": "",
+                                                            "quickLinks": Object {
+                                                              "links": Array [
+                                                                Object {
+                                                                  "highlightedLink": true,
+                                                                  "title": "What is Hybrid Cloud?",
+                                                                  "titleEnglish": "What is Hybrid Cloud?",
+                                                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                                                },
+                                                                Object {
+                                                                  "highlightedLink": true,
+                                                                  "title": "Hybrid cloud solutions",
+                                                                  "titleEnglish": "Hybrid cloud solutions",
+                                                                  "url": "https://www.ibm.com/cloud/hybrid",
+                                                                },
+                                                              ],
+                                                              "title": "",
+                                                            },
+                                                          },
+                                                          "title": "Hybrid Cloud",
+                                                          "titleEnglish": "Hybrid Cloud",
+                                                          "url": "",
+                                                        },
+                                                        Object {
+                                                          "highlighted": true,
+                                                          "megapanelContent": Object {
+                                                            "description": "Unlock the value in your organization with AI",
+                                                            "feature": Object {
+                                                              "heading": "",
+                                                              "imageUrl": "",
+                                                              "linkTitle": "",
+                                                              "linkUrl": "",
+                                                            },
+                                                            "headingTitle": "Artificial intelligence",
+                                                            "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                                                            "quickLinks": Object {
+                                                              "links": Array [
+                                                                Object {
+                                                                  "highlightedLink": true,
+                                                                  "title": "What is AI?",
+                                                                  "titleEnglish": "What is AI?",
+                                                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                                                },
+                                                                Object {
+                                                                  "highlightedLink": true,
+                                                                  "title": "AI solutions",
+                                                                  "titleEnglish": "AI solutions",
+                                                                  "url": "https://www.ibm.com/artificial-intelligence",
+                                                                },
+                                                              ],
+                                                              "title": "",
+                                                            },
+                                                          },
+                                                          "title": "Artificial intelligence",
+                                                          "titleEnglish": "Artificial intelligence",
+                                                          "url": "",
+                                                        },
+                                                        Object {
+                                                          "megapanelContent": Object {
+                                                            "description": "",
+                                                            "feature": Object {
+                                                              "heading": "",
+                                                              "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                                              "linkTitle": "",
+                                                              "linkUrl": "",
+                                                            },
+                                                            "headingTitle": "Top products & platforms",
+                                                            "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                                                            "quickLinks": Object {
+                                                              "links": Array [
+                                                                Object {
+                                                                  "title": "Db2",
+                                                                  "titleEnglish": "Db2",
+                                                                  "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "Hybrid Cloud",
+                                                                  "titleEnglish": "Hybrid Cloud",
+                                                                  "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "IBM Cloud",
+                                                                  "titleEnglish": "IBM Cloud",
+                                                                  "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "IBM Security",
+                                                                  "titleEnglish": "IBM Security",
+                                                                  "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "IBM Sterling",
+                                                                  "titleEnglish": "IBM Sterling",
+                                                                  "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "IBM Z",
+                                                                  "titleEnglish": "IBM Z",
+                                                                  "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "Red Hat",
+                                                                  "titleEnglish": "Red Hat",
+                                                                  "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "SPSS Statistics",
+                                                                  "titleEnglish": "SPSS Statistics",
+                                                                  "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "The Weather Company",
+                                                                  "titleEnglish": "The Weather Company",
+                                                                  "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "Watson",
+                                                                  "titleEnglish": "Watson",
+                                                                  "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "WebSphere",
+                                                                  "titleEnglish": "WebSphere",
+                                                                  "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                                                },
+                                                              ],
+                                                              "title": "",
+                                                            },
+                                                          },
+                                                          "title": "Top products & platforms",
+                                                          "titleEnglish": "Top products & platforms",
+                                                          "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                                                        },
+                                                        Object {
+                                                          "megapanelContent": Object {
+                                                            "description": "",
+                                                            "feature": Object {
+                                                              "heading": "",
+                                                              "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                                                              "linkTitle": "",
+                                                              "linkUrl": "",
+                                                            },
+                                                            "headingTitle": "Security",
+                                                            "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                                                            "quickLinks": Object {
+                                                              "links": Array [
+                                                                Object {
+                                                                  "title": "Data security",
+                                                                  "titleEnglish": "Data security",
+                                                                  "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "Identity & access management",
+                                                                  "titleEnglish": "Identity & access management",
+                                                                  "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "Security information & event management",
+                                                                  "titleEnglish": "Security information & event management",
+                                                                  "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "Security orchestration, automation & response",
+                                                                  "titleEnglish": "Security orchestration, automation & response",
+                                                                  "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                                                },
+                                                                Object {
+                                                                  "title": "View all Security products",
+                                                                  "titleEnglish": "View all Security products",
+                                                                  "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                                                },
+                                                              ],
+                                                              "title": "",
+                                                            },
+                                                          },
+                                                          "title": "Security",
+                                                          "titleEnglish": "Security",
+                                                          "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                                                        },
+                                                        Object {
+                                                          "megapanelContent": Object {
+                                                            "description": "",
+                                                            "feature": Object {
+                                                              "heading": "",
+                                                              "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                                                              "linkTitle": "",
+                                                              "linkUrl": "",
+                                                            },
+                                                            "headingTitle": "Supply chain",
+                                                            "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                                                            "quickLinks": Object {
+                                                              "links": Array [
+                                                                Object {
+                                                                  "title": "Supply chain visibility",
+                                                                  "titleEnglish": "Supply chain visibility",
+                                                                  "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "Supplier collaboration",
+                                                                  "titleEnglish": "Supplier collaboration",
+                                                                  "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "Business process improvement",
+                                                                  "titleEnglish": "Business process improvement",
+                                                                  "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "Order management and fulfillment",
+                                                                  "titleEnglish": "Order management and fulfillment",
+                                                                  "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                                                },
+                                                                Object {
+                                                                  "title": "View all Supply Chain products",
+                                                                  "titleEnglish": "View all Supply Chain products",
+                                                                  "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                                                },
+                                                              ],
+                                                              "title": "",
+                                                            },
+                                                          },
+                                                          "title": "Supply chain",
+                                                          "titleEnglish": "Supply chain",
+                                                          "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                                                        },
+                                                        Object {
+                                                          "megaPanelViewAll": true,
+                                                          "title": "View all products",
+                                                          "titleEnglish": "View all products",
+                                                          "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                                                        },
+                                                      ],
+                                                    },
+                                                  ],
+                                                  "title": "Products & Solutions",
+                                                  "titleEnglish": "Products & Solutions",
+                                                  "url": "",
+                                                }
+                                              }
+                                              key=".$Products & Solutions"
+                                              refs={[Function]}
+                                              role="none"
+                                            >
+                                              <NavigationGroup>
+                                                <section
+                                                  className="bx--masthead__megamenu"
+                                                  data-autoid="dds--masthead__megamenu"
+                                                >
+                                                  <div
+                                                    className="bx--masthead__megamenu__container"
+                                                  >
+                                                    <div
+                                                      className="bx--masthead__megamenu__container--row"
+                                                    >
+                                                      <LeftNavigation>
+                                                        <div
+                                                          className="bx--masthead__megamenu__highlight-section"
+                                                        >
+                                                          <p
+                                                            className="bx--masthead__megamenu__copy"
+                                                          >
+                                                            The essentials
+                                                          </p>
+                                                          <CategoryGroup
+                                                            autoid="dds--masthead-default__l0-nav0"
+                                                            href=""
+                                                            key="0"
+                                                            title="Hybrid Cloud"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-shield"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-group-content"
+                                                                >
+                                                                  <div
+                                                                    className="bx--masthead__megamenu__category-headline"
+                                                                    data-autoid="dds--masthead-default__l0-nav0-listundefined"
+                                                                  >
+                                                                    <p>
+                                                                      Hybrid Cloud
+                                                                    </p>
+                                                                  </div>
+                                                                  <p
+                                                                    className="bx--masthead__megamenu__copy"
+                                                                  >
+                                                                    Blend cloud and on-premises resources for flexibility and balance
+                                                                  </p>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-default__l0-nav0-list0"
+                                                                    highlighted={true}
+                                                                    href="https://www.ibm.com/cloud/hybrid"
+                                                                    key="0"
+                                                                    title="What is Hybrid Cloud?"
+                                                                  >
+                                                                    <LinkWithIcon
+                                                                      className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                      href="https://www.ibm.com/cloud/hybrid"
+                                                                      iconPlacement="right"
+                                                                    >
+                                                                      <div
+                                                                        className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                        data-autoid="dds--link-with-icon"
+                                                                      >
+                                                                        <Link
+                                                                          className="bx--link-with-icon"
+                                                                          href="https://www.ibm.com/cloud/hybrid"
+                                                                        >
+                                                                          <a
+                                                                            className="bx--link bx--link-with-icon"
+                                                                            href="https://www.ibm.com/cloud/hybrid"
+                                                                            rel={null}
+                                                                          >
+                                                                            <span>
+                                                                              What is Hybrid Cloud?
+                                                                            </span>
+                                                                            <ForwardRef(ArrowRight16)>
+                                                                              <Icon
+                                                                                fill="currentColor"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <svg
+                                                                                  aria-hidden={true}
+                                                                                  fill="currentColor"
+                                                                                  focusable="false"
+                                                                                  height={16}
+                                                                                  preserveAspectRatio="xMidYMid meet"
+                                                                                  viewBox="0 0 16 16"
+                                                                                  width={16}
+                                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                                >
+                                                                                  <path
+                                                                                    d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                  />
+                                                                                </svg>
+                                                                              </Icon>
+                                                                            </ForwardRef(ArrowRight16)>
+                                                                          </a>
+                                                                        </Link>
+                                                                      </div>
+                                                                    </LinkWithIcon>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-default__l0-nav0-list0"
+                                                                    highlighted={true}
+                                                                    href="https://www.ibm.com/cloud/hybrid"
+                                                                    key="1"
+                                                                    title="Hybrid cloud solutions"
+                                                                  >
+                                                                    <LinkWithIcon
+                                                                      className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                      href="https://www.ibm.com/cloud/hybrid"
+                                                                      iconPlacement="right"
+                                                                    >
+                                                                      <div
+                                                                        className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                        data-autoid="dds--link-with-icon"
+                                                                      >
+                                                                        <Link
+                                                                          className="bx--link-with-icon"
+                                                                          href="https://www.ibm.com/cloud/hybrid"
+                                                                        >
+                                                                          <a
+                                                                            className="bx--link bx--link-with-icon"
+                                                                            href="https://www.ibm.com/cloud/hybrid"
+                                                                            rel={null}
+                                                                          >
+                                                                            <span>
+                                                                              Hybrid cloud solutions
+                                                                            </span>
+                                                                            <ForwardRef(ArrowRight16)>
+                                                                              <Icon
+                                                                                fill="currentColor"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <svg
+                                                                                  aria-hidden={true}
+                                                                                  fill="currentColor"
+                                                                                  focusable="false"
+                                                                                  height={16}
+                                                                                  preserveAspectRatio="xMidYMid meet"
+                                                                                  viewBox="0 0 16 16"
+                                                                                  width={16}
+                                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                                >
+                                                                                  <path
+                                                                                    d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                  />
+                                                                                </svg>
+                                                                              </Icon>
+                                                                            </ForwardRef(ArrowRight16)>
+                                                                          </a>
+                                                                        </Link>
+                                                                      </div>
+                                                                    </LinkWithIcon>
+                                                                  </CategoryLink>
+                                                                </div>
+                                                              </div>
+                                                            </div>
+                                                          </CategoryGroup>
+                                                          <CategoryGroup
+                                                            autoid="dds--masthead-default__l0-nav0"
+                                                            href=""
+                                                            key="1"
+                                                            title="Artificial intelligence"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-shield"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-group-content"
+                                                                >
+                                                                  <div
+                                                                    className="bx--masthead__megamenu__category-headline"
+                                                                    data-autoid="dds--masthead-default__l0-nav0-listundefined"
+                                                                  >
+                                                                    <p>
+                                                                      Artificial intelligence
+                                                                    </p>
+                                                                  </div>
+                                                                  <p
+                                                                    className="bx--masthead__megamenu__copy"
+                                                                  >
+                                                                    Unlock the value in your organization with AI
+                                                                  </p>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-default__l0-nav0-list1"
+                                                                    highlighted={true}
+                                                                    href="https://www.ibm.com/artificial-intelligence"
+                                                                    key="0"
+                                                                    title="What is AI?"
+                                                                  >
+                                                                    <LinkWithIcon
+                                                                      className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                      href="https://www.ibm.com/artificial-intelligence"
+                                                                      iconPlacement="right"
+                                                                    >
+                                                                      <div
+                                                                        className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                        data-autoid="dds--link-with-icon"
+                                                                      >
+                                                                        <Link
+                                                                          className="bx--link-with-icon"
+                                                                          href="https://www.ibm.com/artificial-intelligence"
+                                                                        >
+                                                                          <a
+                                                                            className="bx--link bx--link-with-icon"
+                                                                            href="https://www.ibm.com/artificial-intelligence"
+                                                                            rel={null}
+                                                                          >
+                                                                            <span>
+                                                                              What is AI?
+                                                                            </span>
+                                                                            <ForwardRef(ArrowRight16)>
+                                                                              <Icon
+                                                                                fill="currentColor"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <svg
+                                                                                  aria-hidden={true}
+                                                                                  fill="currentColor"
+                                                                                  focusable="false"
+                                                                                  height={16}
+                                                                                  preserveAspectRatio="xMidYMid meet"
+                                                                                  viewBox="0 0 16 16"
+                                                                                  width={16}
+                                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                                >
+                                                                                  <path
+                                                                                    d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                  />
+                                                                                </svg>
+                                                                              </Icon>
+                                                                            </ForwardRef(ArrowRight16)>
+                                                                          </a>
+                                                                        </Link>
+                                                                      </div>
+                                                                    </LinkWithIcon>
+                                                                  </CategoryLink>
+                                                                  <CategoryLink
+                                                                    autoid="dds--masthead-default__l0-nav0-list1"
+                                                                    highlighted={true}
+                                                                    href="https://www.ibm.com/artificial-intelligence"
+                                                                    key="1"
+                                                                    title="AI solutions"
+                                                                  >
+                                                                    <LinkWithIcon
+                                                                      className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                      href="https://www.ibm.com/artificial-intelligence"
+                                                                      iconPlacement="right"
+                                                                    >
+                                                                      <div
+                                                                        className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                        data-autoid="dds--link-with-icon"
+                                                                      >
+                                                                        <Link
+                                                                          className="bx--link-with-icon"
+                                                                          href="https://www.ibm.com/artificial-intelligence"
+                                                                        >
+                                                                          <a
+                                                                            className="bx--link bx--link-with-icon"
+                                                                            href="https://www.ibm.com/artificial-intelligence"
+                                                                            rel={null}
+                                                                          >
+                                                                            <span>
+                                                                              AI solutions
+                                                                            </span>
+                                                                            <ForwardRef(ArrowRight16)>
+                                                                              <Icon
+                                                                                fill="currentColor"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <svg
+                                                                                  aria-hidden={true}
+                                                                                  fill="currentColor"
+                                                                                  focusable="false"
+                                                                                  height={16}
+                                                                                  preserveAspectRatio="xMidYMid meet"
+                                                                                  viewBox="0 0 16 16"
+                                                                                  width={16}
+                                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                                >
+                                                                                  <path
+                                                                                    d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                  />
+                                                                                </svg>
+                                                                              </Icon>
+                                                                            </ForwardRef(ArrowRight16)>
+                                                                          </a>
+                                                                        </Link>
+                                                                      </div>
+                                                                    </LinkWithIcon>
+                                                                  </CategoryLink>
+                                                                </div>
+                                                              </div>
+                                                            </div>
+                                                          </CategoryGroup>
+                                                        </div>
+                                                      </LeftNavigation>
+                                                      <RightNavigation
+                                                        autoid="dds--masthead-default__l0-nav0"
+                                                        hasHighlights={true}
+                                                        viewAllLinkHref="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                        viewAllLinkTitle="View all products"
+                                                      >
+                                                        <div
+                                                          className="bx--masthead__megamenu__categories-section"
+                                                        >
+                                                          <div
+                                                            className="bx--masthead__megamenu__categories bx--masthead__megamenu--hasHighlights"
+                                                          >
+                                                            <CategoryGroup
+                                                              autoid="dds--masthead-default__l0-nav0"
+                                                              href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                              index={2}
+                                                              key="0"
+                                                              title="Top products & platforms"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-group-shield"
+                                                                >
+                                                                  <div
+                                                                    className="bx--masthead__megamenu__category-group-content"
+                                                                  >
+                                                                    <LinkWithIcon
+                                                                      className="bx--masthead__megamenu__category-headline"
+                                                                      data-autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                                      iconPlacement="right"
+                                                                    >
+                                                                      <div
+                                                                        className="bx--link-with-icon__container bx--masthead__megamenu__category-headline"
+                                                                        data-autoid="dds--link-with-icon"
+                                                                      >
+                                                                        <Link
+                                                                          className="bx--link-with-icon"
+                                                                          data-autoid="dds--masthead-default__l0-nav0-list2"
+                                                                          href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                                        >
+                                                                          <a
+                                                                            className="bx--link bx--link-with-icon"
+                                                                            data-autoid="dds--masthead-default__l0-nav0-list2"
+                                                                            href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                                            rel={null}
+                                                                          >
+                                                                            <span>
+                                                                              Top products & platforms
+                                                                            </span>
+                                                                            <ForwardRef(ArrowRight16)>
+                                                                              <Icon
+                                                                                fill="currentColor"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <svg
+                                                                                  aria-hidden={true}
+                                                                                  fill="currentColor"
+                                                                                  focusable="false"
+                                                                                  height={16}
+                                                                                  preserveAspectRatio="xMidYMid meet"
+                                                                                  viewBox="0 0 16 16"
+                                                                                  width={16}
+                                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                                >
+                                                                                  <path
+                                                                                    d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                  />
+                                                                                </svg>
+                                                                              </Icon>
+                                                                            </ForwardRef(ArrowRight16)>
+                                                                          </a>
+                                                                        </Link>
+                                                                      </div>
+                                                                    </LinkWithIcon>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={0}
+                                                                      key="0"
+                                                                      title="Db2"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item0"
+                                                                        href="https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Db2
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={1}
+                                                                      key="1"
+                                                                      title="Hybrid Cloud"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item1"
+                                                                        href="https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Hybrid Cloud
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={2}
+                                                                      key="2"
+                                                                      title="IBM Cloud"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item2"
+                                                                        href="https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        IBM Cloud
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={3}
+                                                                      key="3"
+                                                                      title="IBM Security"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item3"
+                                                                        href="https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        IBM Security
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={4}
+                                                                      key="4"
+                                                                      title="IBM Sterling"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item4"
+                                                                        href="https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        IBM Sterling
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={5}
+                                                                      key="5"
+                                                                      title="IBM Z"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item5"
+                                                                        href="https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        IBM Z
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={6}
+                                                                      key="6"
+                                                                      title="Red Hat"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item6"
+                                                                        href="https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Red Hat
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={7}
+                                                                      key="7"
+                                                                      title="SPSS Statistics"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item7"
+                                                                        href="https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        SPSS Statistics
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={8}
+                                                                      key="8"
+                                                                      title="The Weather Company"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item8"
+                                                                        href="https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        The Weather Company
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={9}
+                                                                      key="9"
+                                                                      title="Watson"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item9"
+                                                                        href="https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Watson
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list2"
+                                                                      href="https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn"
+                                                                      index={10}
+                                                                      key="10"
+                                                                      title="WebSphere"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list2-item10"
+                                                                        href="https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        WebSphere
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                  </div>
+                                                                </div>
+                                                              </div>
+                                                            </CategoryGroup>
+                                                            <CategoryGroup
+                                                              autoid="dds--masthead-default__l0-nav0"
+                                                              href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                              index={3}
+                                                              key="1"
+                                                              title="Security"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-group-shield"
+                                                                >
+                                                                  <div
+                                                                    className="bx--masthead__megamenu__category-group-content"
+                                                                  >
+                                                                    <LinkWithIcon
+                                                                      className="bx--masthead__megamenu__category-headline"
+                                                                      data-autoid="dds--masthead-default__l0-nav0-list3"
+                                                                      href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                                      iconPlacement="right"
+                                                                    >
+                                                                      <div
+                                                                        className="bx--link-with-icon__container bx--masthead__megamenu__category-headline"
+                                                                        data-autoid="dds--link-with-icon"
+                                                                      >
+                                                                        <Link
+                                                                          className="bx--link-with-icon"
+                                                                          data-autoid="dds--masthead-default__l0-nav0-list3"
+                                                                          href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                                        >
+                                                                          <a
+                                                                            className="bx--link bx--link-with-icon"
+                                                                            data-autoid="dds--masthead-default__l0-nav0-list3"
+                                                                            href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                                            rel={null}
+                                                                          >
+                                                                            <span>
+                                                                              Security
+                                                                            </span>
+                                                                            <ForwardRef(ArrowRight16)>
+                                                                              <Icon
+                                                                                fill="currentColor"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <svg
+                                                                                  aria-hidden={true}
+                                                                                  fill="currentColor"
+                                                                                  focusable="false"
+                                                                                  height={16}
+                                                                                  preserveAspectRatio="xMidYMid meet"
+                                                                                  viewBox="0 0 16 16"
+                                                                                  width={16}
+                                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                                >
+                                                                                  <path
+                                                                                    d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                  />
+                                                                                </svg>
+                                                                              </Icon>
+                                                                            </ForwardRef(ArrowRight16)>
+                                                                          </a>
+                                                                        </Link>
+                                                                      </div>
+                                                                    </LinkWithIcon>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list3"
+                                                                      href="https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn"
+                                                                      index={0}
+                                                                      key="0"
+                                                                      title="Data security"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list3-item0"
+                                                                        href="https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Data security
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list3"
+                                                                      href="https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn"
+                                                                      index={1}
+                                                                      key="1"
+                                                                      title="Identity & access management"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list3-item1"
+                                                                        href="https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Identity & access management
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list3"
+                                                                      href="https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn"
+                                                                      index={2}
+                                                                      key="2"
+                                                                      title="Security information & event management"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list3-item2"
+                                                                        href="https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Security information & event management
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list3"
+                                                                      href="https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse"
+                                                                      index={3}
+                                                                      key="3"
+                                                                      title="Security orchestration, automation & response"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list3-item3"
+                                                                        href="https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Security orchestration, automation & response
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list3"
+                                                                      href="https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn"
+                                                                      index={4}
+                                                                      key="4"
+                                                                      title="View all Security products"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list3-item4"
+                                                                        href="https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        View all Security products
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                  </div>
+                                                                </div>
+                                                              </div>
+                                                            </CategoryGroup>
+                                                            <CategoryGroup
+                                                              autoid="dds--masthead-default__l0-nav0"
+                                                              href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                              index={4}
+                                                              key="2"
+                                                              title="Supply chain"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group"
+                                                              >
+                                                                <div
+                                                                  className="bx--masthead__megamenu__category-group-shield"
+                                                                >
+                                                                  <div
+                                                                    className="bx--masthead__megamenu__category-group-content"
+                                                                  >
+                                                                    <LinkWithIcon
+                                                                      className="bx--masthead__megamenu__category-headline"
+                                                                      data-autoid="dds--masthead-default__l0-nav0-list4"
+                                                                      href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                                      iconPlacement="right"
+                                                                    >
+                                                                      <div
+                                                                        className="bx--link-with-icon__container bx--masthead__megamenu__category-headline"
+                                                                        data-autoid="dds--link-with-icon"
+                                                                      >
+                                                                        <Link
+                                                                          className="bx--link-with-icon"
+                                                                          data-autoid="dds--masthead-default__l0-nav0-list4"
+                                                                          href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                                        >
+                                                                          <a
+                                                                            className="bx--link bx--link-with-icon"
+                                                                            data-autoid="dds--masthead-default__l0-nav0-list4"
+                                                                            href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                                            rel={null}
+                                                                          >
+                                                                            <span>
+                                                                              Supply chain
+                                                                            </span>
+                                                                            <ForwardRef(ArrowRight16)>
+                                                                              <Icon
+                                                                                fill="currentColor"
+                                                                                height={16}
+                                                                                preserveAspectRatio="xMidYMid meet"
+                                                                                viewBox="0 0 16 16"
+                                                                                width={16}
+                                                                                xmlns="http://www.w3.org/2000/svg"
+                                                                              >
+                                                                                <svg
+                                                                                  aria-hidden={true}
+                                                                                  fill="currentColor"
+                                                                                  focusable="false"
+                                                                                  height={16}
+                                                                                  preserveAspectRatio="xMidYMid meet"
+                                                                                  viewBox="0 0 16 16"
+                                                                                  width={16}
+                                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                                >
+                                                                                  <path
+                                                                                    d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                                  />
+                                                                                </svg>
+                                                                              </Icon>
+                                                                            </ForwardRef(ArrowRight16)>
+                                                                          </a>
+                                                                        </Link>
+                                                                      </div>
+                                                                    </LinkWithIcon>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list4"
+                                                                      href="https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn"
+                                                                      index={0}
+                                                                      key="0"
+                                                                      title="Supply chain visibility"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list4-item0"
+                                                                        href="https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Supply chain visibility
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list4"
+                                                                      href="https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                      index={1}
+                                                                      key="1"
+                                                                      title="Supplier collaboration"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list4-item1"
+                                                                        href="https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Supplier collaboration
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list4"
+                                                                      href="https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                      index={2}
+                                                                      key="2"
+                                                                      title="Business process improvement"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list4-item2"
+                                                                        href="https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Business process improvement
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list4"
+                                                                      href="https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn"
+                                                                      index={3}
+                                                                      key="3"
+                                                                      title="Order management and fulfillment"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list4-item3"
+                                                                        href="https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        Order management and fulfillment
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                    <CategoryLink
+                                                                      autoid="dds--masthead-default__l0-nav0-list4"
+                                                                      href="https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn"
+                                                                      index={4}
+                                                                      key="4"
+                                                                      title="View all Supply Chain products"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--masthead__megamenu__category-sublink"
+                                                                        data-autoid="dds--masthead-default__l0-nav0-list4-item4"
+                                                                        href="https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn"
+                                                                        tabIndex={0}
+                                                                      >
+                                                                        View all Supply Chain products
+                                                                      </a>
+                                                                    </CategoryLink>
+                                                                  </div>
+                                                                </div>
+                                                              </div>
+                                                            </CategoryGroup>
+                                                          </div>
+                                                          <LinkWithIcon
+                                                            className="bx--masthead__megamenu__view-all-cta"
+                                                            data-autoid="dds--masthead-default__l0-nav0-view-all"
+                                                            href="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                            iconPlacement="right"
+                                                          >
+                                                            <div
+                                                              className="bx--link-with-icon__container bx--masthead__megamenu__view-all-cta"
+                                                              data-autoid="dds--link-with-icon"
+                                                            >
+                                                              <Link
+                                                                className="bx--link-with-icon"
+                                                                data-autoid="dds--masthead-default__l0-nav0-view-all"
+                                                                href="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                              >
+                                                                <a
+                                                                  className="bx--link bx--link-with-icon"
+                                                                  data-autoid="dds--masthead-default__l0-nav0-view-all"
+                                                                  href="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                                  rel={null}
+                                                                >
+                                                                  <span>
+                                                                    View all products
+                                                                  </span>
+                                                                  <ForwardRef(ArrowRight16)>
+                                                                    <Icon
+                                                                      fill="currentColor"
+                                                                      height={16}
+                                                                      preserveAspectRatio="xMidYMid meet"
+                                                                      viewBox="0 0 16 16"
+                                                                      width={16}
+                                                                      xmlns="http://www.w3.org/2000/svg"
+                                                                    >
+                                                                      <svg
+                                                                        aria-hidden={true}
+                                                                        fill="currentColor"
+                                                                        focusable="false"
+                                                                        height={16}
+                                                                        preserveAspectRatio="xMidYMid meet"
+                                                                        viewBox="0 0 16 16"
+                                                                        width={16}
+                                                                        xmlns="http://www.w3.org/2000/svg"
+                                                                      >
+                                                                        <path
+                                                                          d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                        />
+                                                                      </svg>
+                                                                    </Icon>
+                                                                  </ForwardRef(ArrowRight16)>
+                                                                </a>
+                                                              </Link>
+                                                            </div>
+                                                          </LinkWithIcon>
+                                                        </div>
+                                                      </RightNavigation>
+                                                    </div>
+                                                  </div>
+                                                </section>
+                                              </NavigationGroup>
+                                            </MegaMenu>
+                                          </ul>
+                                        </li>
+                                      </HeaderMenu>
+                                    </ForwardRef>
                                     <ForwardRef
                                       aria-label="Lorem ipsum dolor sit amet"
-                                      autoId="dds--masthead-default__l0-nav0"
+                                      autoId="dds--masthead-default__l0-nav1"
                                       className="bx--masthead__megamenu__l0-nav"
                                       dataTitle="lorem-ipsum-dolor-sit-amet"
                                       disableScroll={true}
-                                      key=".$0"
+                                      key=".$1"
                                       menuLinkName="Lorem ipsum dolor sit amet"
                                       selected={false}
                                       setOverlay={[Function]}
                                     >
                                       <HeaderMenu
                                         aria-label="Lorem ipsum dolor sit amet"
-                                        autoId="dds--masthead-default__l0-nav0"
+                                        autoId="dds--masthead-default__l0-nav1"
                                         className="bx--masthead__megamenu__l0-nav"
                                         dataTitle="lorem-ipsum-dolor-sit-amet"
                                         disableScroll={true}
@@ -115644,7 +120910,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                       >
                                         <li
                                           className="bx--header__submenu bx--masthead__megamenu__l0-nav"
-                                          data-autoid="dds--masthead-default__l0-nav0"
+                                          data-autoid="dds--masthead-default__l0-nav1"
                                           onBlur={[Function]}
                                           onKeyDown={[Function]}
                                         >
@@ -115699,7 +120965,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                             className="bx--header__menu"
                                           >
                                             <MegaMenu
-                                              autoid="dds--masthead-default__l0-nav0"
+                                              autoid="dds--masthead-default__l0-nav1"
                                               data={
                                                 Object {
                                                   "hasMegapanel": true,
@@ -115753,6 +121019,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                 }
                                               }
                                               key=".$Lorem ipsum dolor sit amet"
+                                              refs={[Function]}
                                               role="none"
                                             >
                                               <NavigationGroup>
@@ -115767,7 +121034,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                       className="bx--masthead__megamenu__container--row"
                                                     >
                                                       <RightNavigation
-                                                        autoid="dds--masthead-default__l0-nav0"
+                                                        autoid="dds--masthead-default__l0-nav1"
                                                         hasHighlights={false}
                                                       >
                                                         <div
@@ -115777,7 +121044,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                             className="bx--masthead__megamenu__categories"
                                                           >
                                                             <CategoryGroup
-                                                              autoid="dds--masthead-default__l0-nav0"
+                                                              autoid="dds--masthead-default__l0-nav1"
                                                               href=""
                                                               index={0}
                                                               key="0"
@@ -115794,14 +121061,14 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                   >
                                                                     <div
                                                                       className="bx--masthead__megamenu__category-headline"
-                                                                      data-autoid="dds--masthead-default__l0-nav0-list0"
+                                                                      data-autoid="dds--masthead-default__l0-nav1-list0"
                                                                     >
                                                                       <p>
                                                                         Link 1
                                                                       </p>
                                                                     </div>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav0-list0"
+                                                                      autoid="dds--masthead-default__l0-nav1-list0"
                                                                       href=""
                                                                       index={0}
                                                                       key="0"
@@ -115809,7 +121076,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav0-list0-item0"
+                                                                        data-autoid="dds--masthead-default__l0-nav1-list0-item0"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -115817,7 +121084,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav0-list0"
+                                                                      autoid="dds--masthead-default__l0-nav1-list0"
                                                                       href=""
                                                                       index={1}
                                                                       key="1"
@@ -115825,7 +121092,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav0-list0-item1"
+                                                                        data-autoid="dds--masthead-default__l0-nav1-list0-item1"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -115833,7 +121100,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav0-list0"
+                                                                      autoid="dds--masthead-default__l0-nav1-list0"
                                                                       href=""
                                                                       index={2}
                                                                       key="2"
@@ -115841,7 +121108,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav0-list0-item2"
+                                                                        data-autoid="dds--masthead-default__l0-nav1-list0-item2"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -115849,7 +121116,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav0-list0"
+                                                                      autoid="dds--masthead-default__l0-nav1-list0"
                                                                       href=""
                                                                       index={3}
                                                                       key="3"
@@ -115857,7 +121124,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav0-list0-item3"
+                                                                        data-autoid="dds--masthead-default__l0-nav1-list0-item3"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -115882,17 +121149,17 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                     </ForwardRef>
                                     <ForwardRef
                                       aria-label="Consectetur adipiscing elit"
-                                      autoId="dds--masthead-default__l0-nav1"
+                                      autoId="dds--masthead-default__l0-nav2"
                                       className=""
                                       dataTitle="consectetur-adipiscing-elit"
-                                      key=".$1"
+                                      key=".$2"
                                       menuLinkName="Consectetur adipiscing elit"
                                       selected={false}
                                       setOverlay={[Function]}
                                     >
                                       <HeaderMenu
                                         aria-label="Consectetur adipiscing elit"
-                                        autoId="dds--masthead-default__l0-nav1"
+                                        autoId="dds--masthead-default__l0-nav2"
                                         className=""
                                         dataTitle="consectetur-adipiscing-elit"
                                         focusRef={[Function]}
@@ -115903,7 +121170,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                       >
                                         <li
                                           className="bx--header__submenu"
-                                          data-autoid="dds--masthead-default__l0-nav1"
+                                          data-autoid="dds--masthead-default__l0-nav2"
                                           onBlur={[Function]}
                                           onKeyDown={[Function]}
                                         >
@@ -115958,9 +121225,10 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                             className="bx--header__menu"
                                           >
                                             <ForwardRef(HeaderMenuItem)
-                                              data-autoid="dds--masthead-default__l0-nav1--subnav-col0-item0"
+                                              data-autoid="dds--masthead-default__l0-nav2--subnav-col0-item0"
                                               href=""
                                               key=".$Link 2"
+                                              refs={[Function]}
                                               role="none"
                                             >
                                               <li
@@ -115968,15 +121236,17 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                               >
                                                 <Link
                                                   className="bx--header__menu-item"
-                                                  data-autoid="dds--masthead-default__l0-nav1--subnav-col0-item0"
+                                                  data-autoid="dds--masthead-default__l0-nav2--subnav-col0-item0"
                                                   element="a"
                                                   href=""
+                                                  refs={[Function]}
                                                   tabIndex={0}
                                                 >
                                                   <a
                                                     className="bx--header__menu-item"
-                                                    data-autoid="dds--masthead-default__l0-nav1--subnav-col0-item0"
+                                                    data-autoid="dds--masthead-default__l0-nav2--subnav-col0-item0"
                                                     href=""
+                                                    refs={[Function]}
                                                     tabIndex={0}
                                                   >
                                                     <span
@@ -115989,9 +121259,10 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                               </li>
                                             </ForwardRef(HeaderMenuItem)>
                                             <ForwardRef(HeaderMenuItem)
-                                              data-autoid="dds--masthead-default__l0-nav1--subnav-col0-item1"
+                                              data-autoid="dds--masthead-default__l0-nav2--subnav-col0-item1"
                                               href="https://www.ibm.com/financing?lnk=hpmse_fin&lnk2=learn"
                                               key=".$Financing"
+                                              refs={[Function]}
                                               role="none"
                                             >
                                               <li
@@ -115999,15 +121270,17 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                               >
                                                 <Link
                                                   className="bx--header__menu-item"
-                                                  data-autoid="dds--masthead-default__l0-nav1--subnav-col0-item1"
+                                                  data-autoid="dds--masthead-default__l0-nav2--subnav-col0-item1"
                                                   element="a"
                                                   href="https://www.ibm.com/financing?lnk=hpmse_fin&lnk2=learn"
+                                                  refs={[Function]}
                                                   tabIndex={0}
                                                 >
                                                   <a
                                                     className="bx--header__menu-item"
-                                                    data-autoid="dds--masthead-default__l0-nav1--subnav-col0-item1"
+                                                    data-autoid="dds--masthead-default__l0-nav2--subnav-col0-item1"
                                                     href="https://www.ibm.com/financing?lnk=hpmse_fin&lnk2=learn"
+                                                    refs={[Function]}
                                                     tabIndex={0}
                                                   >
                                                     <span
@@ -116025,15 +121298,15 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                     </ForwardRef>
                                     <ForwardRef(HeaderMenuItem)
                                       aria-selected="false"
-                                      data-autoid="dds--masthead-default__l0-nav2"
+                                      data-autoid="dds--masthead-default__l0-nav3"
                                       href="https://www.ibm.com/industries?lnk=min"
-                                      key=".$2"
+                                      key=".$3"
                                     >
                                       <li>
                                         <Link
                                           aria-selected="false"
                                           className="bx--header__menu-item"
-                                          data-autoid="dds--masthead-default__l0-nav2"
+                                          data-autoid="dds--masthead-default__l0-nav3"
                                           element="a"
                                           href="https://www.ibm.com/industries?lnk=min"
                                           tabIndex={0}
@@ -116041,7 +121314,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                           <a
                                             aria-selected="false"
                                             className="bx--header__menu-item"
-                                            data-autoid="dds--masthead-default__l0-nav2"
+                                            data-autoid="dds--masthead-default__l0-nav3"
                                             href="https://www.ibm.com/industries?lnk=min"
                                             tabIndex={0}
                                           >
@@ -116056,18 +121329,18 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                     </ForwardRef(HeaderMenuItem)>
                                     <ForwardRef
                                       aria-label="Fusce nec tellus sed augue semper porta"
-                                      autoId="dds--masthead-default__l0-nav3"
+                                      autoId="dds--masthead-default__l0-nav4"
                                       className="bx--masthead__megamenu__l0-nav"
                                       dataTitle="fusce-nec-tellus-sed-augue-semper-porta"
                                       disableScroll={true}
-                                      key=".$3"
+                                      key=".$4"
                                       menuLinkName="Fusce nec tellus sed augue semper porta"
                                       selected={false}
                                       setOverlay={[Function]}
                                     >
                                       <HeaderMenu
                                         aria-label="Fusce nec tellus sed augue semper porta"
-                                        autoId="dds--masthead-default__l0-nav3"
+                                        autoId="dds--masthead-default__l0-nav4"
                                         className="bx--masthead__megamenu__l0-nav"
                                         dataTitle="fusce-nec-tellus-sed-augue-semper-porta"
                                         disableScroll={true}
@@ -116079,7 +121352,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                       >
                                         <li
                                           className="bx--header__submenu bx--masthead__megamenu__l0-nav"
-                                          data-autoid="dds--masthead-default__l0-nav3"
+                                          data-autoid="dds--masthead-default__l0-nav4"
                                           onBlur={[Function]}
                                           onKeyDown={[Function]}
                                         >
@@ -116134,7 +121407,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                             className="bx--header__menu"
                                           >
                                             <MegaMenu
-                                              autoid="dds--masthead-default__l0-nav3"
+                                              autoid="dds--masthead-default__l0-nav4"
                                               data={
                                                 Object {
                                                   "hasMegapanel": true,
@@ -116292,6 +121565,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                 }
                                               }
                                               key=".$Fusce nec tellus sed augue semper porta"
+                                              refs={[Function]}
                                               role="none"
                                             >
                                               <NavigationGroup>
@@ -116306,7 +121580,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                       className="bx--masthead__megamenu__container--row"
                                                     >
                                                       <RightNavigation
-                                                        autoid="dds--masthead-default__l0-nav3"
+                                                        autoid="dds--masthead-default__l0-nav4"
                                                         hasHighlights={false}
                                                       >
                                                         <div
@@ -116316,7 +121590,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                             className="bx--masthead__megamenu__categories"
                                                           >
                                                             <CategoryGroup
-                                                              autoid="dds--masthead-default__l0-nav3"
+                                                              autoid="dds--masthead-default__l0-nav4"
                                                               href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                               index={0}
                                                               key="0"
@@ -116333,7 +121607,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                   >
                                                                     <LinkWithIcon
                                                                       className="bx--masthead__megamenu__category-headline"
-                                                                      data-autoid="dds--masthead-default__l0-nav3-list0"
+                                                                      data-autoid="dds--masthead-default__l0-nav4-list0"
                                                                       href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                                       iconPlacement="right"
                                                                     >
@@ -116343,12 +121617,12 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       >
                                                                         <Link
                                                                           className="bx--link-with-icon"
-                                                                          data-autoid="dds--masthead-default__l0-nav3-list0"
+                                                                          data-autoid="dds--masthead-default__l0-nav4-list0"
                                                                           href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                                         >
                                                                           <a
                                                                             className="bx--link bx--link-with-icon"
-                                                                            data-autoid="dds--masthead-default__l0-nav3-list0"
+                                                                            data-autoid="dds--masthead-default__l0-nav4-list0"
                                                                             href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                                             rel={null}
                                                                           >
@@ -116385,7 +121659,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </div>
                                                                     </LinkWithIcon>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list0"
+                                                                      autoid="dds--masthead-default__l0-nav4-list0"
                                                                       href=""
                                                                       index={0}
                                                                       key="0"
@@ -116393,7 +121667,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list0-item0"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list0-item0"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -116401,7 +121675,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list0"
+                                                                      autoid="dds--masthead-default__l0-nav4-list0"
                                                                       href=""
                                                                       index={1}
                                                                       key="1"
@@ -116409,7 +121683,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list0-item1"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list0-item1"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -116417,7 +121691,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list0"
+                                                                      autoid="dds--masthead-default__l0-nav4-list0"
                                                                       href=""
                                                                       index={2}
                                                                       key="2"
@@ -116425,7 +121699,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list0-item2"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list0-item2"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -116433,7 +121707,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list0"
+                                                                      autoid="dds--masthead-default__l0-nav4-list0"
                                                                       href=""
                                                                       index={3}
                                                                       key="3"
@@ -116441,7 +121715,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list0-item3"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list0-item3"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -116453,7 +121727,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                               </div>
                                                             </CategoryGroup>
                                                             <CategoryGroup
-                                                              autoid="dds--masthead-default__l0-nav3"
+                                                              autoid="dds--masthead-default__l0-nav4"
                                                               href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                               index={1}
                                                               key="1"
@@ -116470,7 +121744,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                   >
                                                                     <LinkWithIcon
                                                                       className="bx--masthead__megamenu__category-headline"
-                                                                      data-autoid="dds--masthead-default__l0-nav3-list1"
+                                                                      data-autoid="dds--masthead-default__l0-nav4-list1"
                                                                       href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                                       iconPlacement="right"
                                                                     >
@@ -116480,12 +121754,12 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       >
                                                                         <Link
                                                                           className="bx--link-with-icon"
-                                                                          data-autoid="dds--masthead-default__l0-nav3-list1"
+                                                                          data-autoid="dds--masthead-default__l0-nav4-list1"
                                                                           href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                                         >
                                                                           <a
                                                                             className="bx--link bx--link-with-icon"
-                                                                            data-autoid="dds--masthead-default__l0-nav3-list1"
+                                                                            data-autoid="dds--masthead-default__l0-nav4-list1"
                                                                             href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                                             rel={null}
                                                                           >
@@ -116522,7 +121796,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </div>
                                                                     </LinkWithIcon>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list1"
+                                                                      autoid="dds--masthead-default__l0-nav4-list1"
                                                                       href=""
                                                                       index={0}
                                                                       key="0"
@@ -116530,7 +121804,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list1-item0"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list1-item0"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -116538,7 +121812,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list1"
+                                                                      autoid="dds--masthead-default__l0-nav4-list1"
                                                                       href=""
                                                                       index={1}
                                                                       key="1"
@@ -116546,7 +121820,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list1-item1"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list1-item1"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -116554,7 +121828,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list1"
+                                                                      autoid="dds--masthead-default__l0-nav4-list1"
                                                                       href=""
                                                                       index={2}
                                                                       key="2"
@@ -116562,7 +121836,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list1-item2"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list1-item2"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -116570,7 +121844,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list1"
+                                                                      autoid="dds--masthead-default__l0-nav4-list1"
                                                                       href=""
                                                                       index={3}
                                                                       key="3"
@@ -116578,7 +121852,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list1-item3"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list1-item3"
                                                                         href=""
                                                                         tabIndex={0}
                                                                       >
@@ -116590,7 +121864,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                               </div>
                                                             </CategoryGroup>
                                                             <CategoryGroup
-                                                              autoid="dds--masthead-default__l0-nav3"
+                                                              autoid="dds--masthead-default__l0-nav4"
                                                               href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                               index={2}
                                                               key="2"
@@ -116607,7 +121881,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                   >
                                                                     <LinkWithIcon
                                                                       className="bx--masthead__megamenu__category-headline"
-                                                                      data-autoid="dds--masthead-default__l0-nav3-list2"
+                                                                      data-autoid="dds--masthead-default__l0-nav4-list2"
                                                                       href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                       iconPlacement="right"
                                                                     >
@@ -116617,12 +121891,12 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       >
                                                                         <Link
                                                                           className="bx--link-with-icon"
-                                                                          data-autoid="dds--masthead-default__l0-nav3-list2"
+                                                                          data-autoid="dds--masthead-default__l0-nav4-list2"
                                                                           href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                         >
                                                                           <a
                                                                             className="bx--link bx--link-with-icon"
-                                                                            data-autoid="dds--masthead-default__l0-nav3-list2"
+                                                                            data-autoid="dds--masthead-default__l0-nav4-list2"
                                                                             href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                             rel={null}
                                                                           >
@@ -116659,7 +121933,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </div>
                                                                     </LinkWithIcon>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list2"
+                                                                      autoid="dds--masthead-default__l0-nav4-list2"
                                                                       href="https://developer.ibm.com/patterns/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                       index={0}
                                                                       key="0"
@@ -116667,7 +121941,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list2-item0"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list2-item0"
                                                                         href="https://developer.ibm.com/patterns/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                         tabIndex={0}
                                                                       >
@@ -116675,7 +121949,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list2"
+                                                                      autoid="dds--masthead-default__l0-nav4-list2"
                                                                       href="https://developer.ibm.com/tutorials/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                       index={1}
                                                                       key="1"
@@ -116683,7 +121957,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list2-item1"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list2-item1"
                                                                         href="https://developer.ibm.com/tutorials/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                         tabIndex={0}
                                                                       >
@@ -116691,7 +121965,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list2"
+                                                                      autoid="dds--masthead-default__l0-nav4-list2"
                                                                       href="https://developer.ibm.com/events/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                       index={2}
                                                                       key="2"
@@ -116699,7 +121973,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list2-item2"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list2-item2"
                                                                         href="https://developer.ibm.com/events/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                         tabIndex={0}
                                                                       >
@@ -116711,7 +121985,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                               </div>
                                                             </CategoryGroup>
                                                             <CategoryGroup
-                                                              autoid="dds--masthead-default__l0-nav3"
+                                                              autoid="dds--masthead-default__l0-nav4"
                                                               href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                               index={3}
                                                               key="3"
@@ -116728,7 +122002,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                   >
                                                                     <LinkWithIcon
                                                                       className="bx--masthead__megamenu__category-headline"
-                                                                      data-autoid="dds--masthead-default__l0-nav3-list3"
+                                                                      data-autoid="dds--masthead-default__l0-nav4-list3"
                                                                       href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                       iconPlacement="right"
                                                                     >
@@ -116738,12 +122012,12 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       >
                                                                         <Link
                                                                           className="bx--link-with-icon"
-                                                                          data-autoid="dds--masthead-default__l0-nav3-list3"
+                                                                          data-autoid="dds--masthead-default__l0-nav4-list3"
                                                                           href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                         >
                                                                           <a
                                                                             className="bx--link bx--link-with-icon"
-                                                                            data-autoid="dds--masthead-default__l0-nav3-list3"
+                                                                            data-autoid="dds--masthead-default__l0-nav4-list3"
                                                                             href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                             rel={null}
                                                                           >
@@ -116780,7 +122054,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </div>
                                                                     </LinkWithIcon>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list3"
+                                                                      autoid="dds--masthead-default__l0-nav4-list3"
                                                                       href="https://developer.ibm.com/patterns/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                       index={0}
                                                                       key="0"
@@ -116788,7 +122062,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list3-item0"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list3-item0"
                                                                         href="https://developer.ibm.com/patterns/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                         tabIndex={0}
                                                                       >
@@ -116796,7 +122070,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list3"
+                                                                      autoid="dds--masthead-default__l0-nav4-list3"
                                                                       href="https://developer.ibm.com/tutorials/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                       index={1}
                                                                       key="1"
@@ -116804,7 +122078,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list3-item1"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list3-item1"
                                                                         href="https://developer.ibm.com/tutorials/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                         tabIndex={0}
                                                                       >
@@ -116812,7 +122086,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list3"
+                                                                      autoid="dds--masthead-default__l0-nav4-list3"
                                                                       href="https://developer.ibm.com/events/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                       index={2}
                                                                       key="2"
@@ -116820,7 +122094,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list3-item2"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list3-item2"
                                                                         href="https://developer.ibm.com/events/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                         tabIndex={0}
                                                                       >
@@ -116828,7 +122102,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                       </a>
                                                                     </CategoryLink>
                                                                     <CategoryLink
-                                                                      autoid="dds--masthead-default__l0-nav3-list3"
+                                                                      autoid="dds--masthead-default__l0-nav4-list3"
                                                                       href="https://developer.ibm.com/watson/?lnk=hpmdev_dw&lnk2=learn"
                                                                       index={3}
                                                                       key="3"
@@ -116836,7 +122110,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                                                     >
                                                                       <a
                                                                         className="bx--masthead__megamenu__category-sublink"
-                                                                        data-autoid="dds--masthead-default__l0-nav3-list3-item3"
+                                                                        data-autoid="dds--masthead-default__l0-nav4-list3-item3"
                                                                         href="https://developer.ibm.com/watson/?lnk=hpmdev_dw&lnk2=learn"
                                                                         tabIndex={0}
                                                                       >
@@ -116861,15 +122135,15 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                     </ForwardRef>
                                     <ForwardRef(HeaderMenuItem)
                                       aria-selected="false"
-                                      data-autoid="dds--masthead-default__l0-nav4"
+                                      data-autoid="dds--masthead-default__l0-nav5"
                                       href="https://www.ibm.com/support/home/?lnk=msu_usen"
-                                      key=".$4"
+                                      key=".$5"
                                     >
                                       <li>
                                         <Link
                                           aria-selected="false"
                                           className="bx--header__menu-item"
-                                          data-autoid="dds--masthead-default__l0-nav4"
+                                          data-autoid="dds--masthead-default__l0-nav5"
                                           element="a"
                                           href="https://www.ibm.com/support/home/?lnk=msu_usen"
                                           tabIndex={0}
@@ -116877,7 +122151,7 @@ exports[`Storyshots Components|Masthead With Custom Navigation 1`] = `
                                           <a
                                             aria-selected="false"
                                             className="bx--header__menu-item"
-                                            data-autoid="dds--masthead-default__l0-nav4"
+                                            data-autoid="dds--masthead-default__l0-nav5"
                                             href="https://www.ibm.com/support/home/?lnk=msu_usen"
                                             tabIndex={0}
                                           >
@@ -117272,6 +122546,262 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
           "hasSearch": true,
           "mastheadL1Data": Object {
             "navigationL1": Array [
+              Object {
+                "hasMegapanel": true,
+                "hasMenu": true,
+                "menuSections": Array [
+                  Object {
+                    "heading": "The essentials",
+                    "menuItems": Array [
+                      Object {
+                        "highlighted": true,
+                        "megapanelContent": Object {
+                          "description": "Blend cloud and on-premises resources for flexibility and balance",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Hybrid Cloud",
+                          "headingUrl": "",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "highlightedLink": true,
+                                "title": "What is Hybrid Cloud?",
+                                "titleEnglish": "What is Hybrid Cloud?",
+                                "url": "https://www.ibm.com/cloud/hybrid",
+                              },
+                              Object {
+                                "highlightedLink": true,
+                                "title": "Hybrid cloud solutions",
+                                "titleEnglish": "Hybrid cloud solutions",
+                                "url": "https://www.ibm.com/cloud/hybrid",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Hybrid Cloud",
+                        "titleEnglish": "Hybrid Cloud",
+                        "url": "",
+                      },
+                      Object {
+                        "highlighted": true,
+                        "megapanelContent": Object {
+                          "description": "Unlock the value in your organization with AI",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Artificial intelligence",
+                          "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "highlightedLink": true,
+                                "title": "What is AI?",
+                                "titleEnglish": "What is AI?",
+                                "url": "https://www.ibm.com/artificial-intelligence",
+                              },
+                              Object {
+                                "highlightedLink": true,
+                                "title": "AI solutions",
+                                "titleEnglish": "AI solutions",
+                                "url": "https://www.ibm.com/artificial-intelligence",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Artificial intelligence",
+                        "titleEnglish": "Artificial intelligence",
+                        "url": "",
+                      },
+                      Object {
+                        "megapanelContent": Object {
+                          "description": "",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Top products & platforms",
+                          "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "title": "Db2",
+                                "titleEnglish": "Db2",
+                                "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Hybrid Cloud",
+                                "titleEnglish": "Hybrid Cloud",
+                                "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "IBM Cloud",
+                                "titleEnglish": "IBM Cloud",
+                                "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "IBM Security",
+                                "titleEnglish": "IBM Security",
+                                "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "IBM Sterling",
+                                "titleEnglish": "IBM Sterling",
+                                "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "IBM Z",
+                                "titleEnglish": "IBM Z",
+                                "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Red Hat",
+                                "titleEnglish": "Red Hat",
+                                "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "SPSS Statistics",
+                                "titleEnglish": "SPSS Statistics",
+                                "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "The Weather Company",
+                                "titleEnglish": "The Weather Company",
+                                "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Watson",
+                                "titleEnglish": "Watson",
+                                "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "WebSphere",
+                                "titleEnglish": "WebSphere",
+                                "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Top products & platforms",
+                        "titleEnglish": "Top products & platforms",
+                        "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                      },
+                      Object {
+                        "megapanelContent": Object {
+                          "description": "",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Security",
+                          "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "title": "Data security",
+                                "titleEnglish": "Data security",
+                                "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Identity & access management",
+                                "titleEnglish": "Identity & access management",
+                                "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Security information & event management",
+                                "titleEnglish": "Security information & event management",
+                                "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Security orchestration, automation & response",
+                                "titleEnglish": "Security orchestration, automation & response",
+                                "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                              },
+                              Object {
+                                "title": "View all Security products",
+                                "titleEnglish": "View all Security products",
+                                "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Security",
+                        "titleEnglish": "Security",
+                        "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                      },
+                      Object {
+                        "megapanelContent": Object {
+                          "description": "",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Supply chain",
+                          "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "title": "Supply chain visibility",
+                                "titleEnglish": "Supply chain visibility",
+                                "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Supplier collaboration",
+                                "titleEnglish": "Supplier collaboration",
+                                "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Business process improvement",
+                                "titleEnglish": "Business process improvement",
+                                "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Order management and fulfillment",
+                                "titleEnglish": "Order management and fulfillment",
+                                "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                              },
+                              Object {
+                                "title": "View all Supply Chain products",
+                                "titleEnglish": "View all Supply Chain products",
+                                "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Supply chain",
+                        "titleEnglish": "Supply chain",
+                        "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                      },
+                      Object {
+                        "megaPanelViewAll": true,
+                        "title": "View all products",
+                        "titleEnglish": "View all products",
+                        "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                      },
+                    ],
+                  },
+                ],
+                "title": "Products & Solutions",
+                "titleEnglish": "Products & Solutions",
+                "url": "",
+              },
               Object {
                 "hasMegapanel": true,
                 "hasMenu": true,
@@ -117642,6 +123172,262 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
               "hasSearch": true,
               "mastheadL1Data": Object {
                 "navigationL1": Array [
+                  Object {
+                    "hasMegapanel": true,
+                    "hasMenu": true,
+                    "menuSections": Array [
+                      Object {
+                        "heading": "The essentials",
+                        "menuItems": Array [
+                          Object {
+                            "highlighted": true,
+                            "megapanelContent": Object {
+                              "description": "Blend cloud and on-premises resources for flexibility and balance",
+                              "feature": Object {
+                                "heading": "",
+                                "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                "linkTitle": "",
+                                "linkUrl": "",
+                              },
+                              "headingTitle": "Hybrid Cloud",
+                              "headingUrl": "",
+                              "quickLinks": Object {
+                                "links": Array [
+                                  Object {
+                                    "highlightedLink": true,
+                                    "title": "What is Hybrid Cloud?",
+                                    "titleEnglish": "What is Hybrid Cloud?",
+                                    "url": "https://www.ibm.com/cloud/hybrid",
+                                  },
+                                  Object {
+                                    "highlightedLink": true,
+                                    "title": "Hybrid cloud solutions",
+                                    "titleEnglish": "Hybrid cloud solutions",
+                                    "url": "https://www.ibm.com/cloud/hybrid",
+                                  },
+                                ],
+                                "title": "",
+                              },
+                            },
+                            "title": "Hybrid Cloud",
+                            "titleEnglish": "Hybrid Cloud",
+                            "url": "",
+                          },
+                          Object {
+                            "highlighted": true,
+                            "megapanelContent": Object {
+                              "description": "Unlock the value in your organization with AI",
+                              "feature": Object {
+                                "heading": "",
+                                "imageUrl": "",
+                                "linkTitle": "",
+                                "linkUrl": "",
+                              },
+                              "headingTitle": "Artificial intelligence",
+                              "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                              "quickLinks": Object {
+                                "links": Array [
+                                  Object {
+                                    "highlightedLink": true,
+                                    "title": "What is AI?",
+                                    "titleEnglish": "What is AI?",
+                                    "url": "https://www.ibm.com/artificial-intelligence",
+                                  },
+                                  Object {
+                                    "highlightedLink": true,
+                                    "title": "AI solutions",
+                                    "titleEnglish": "AI solutions",
+                                    "url": "https://www.ibm.com/artificial-intelligence",
+                                  },
+                                ],
+                                "title": "",
+                              },
+                            },
+                            "title": "Artificial intelligence",
+                            "titleEnglish": "Artificial intelligence",
+                            "url": "",
+                          },
+                          Object {
+                            "megapanelContent": Object {
+                              "description": "",
+                              "feature": Object {
+                                "heading": "",
+                                "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                "linkTitle": "",
+                                "linkUrl": "",
+                              },
+                              "headingTitle": "Top products & platforms",
+                              "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                              "quickLinks": Object {
+                                "links": Array [
+                                  Object {
+                                    "title": "Db2",
+                                    "titleEnglish": "Db2",
+                                    "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "Hybrid Cloud",
+                                    "titleEnglish": "Hybrid Cloud",
+                                    "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "IBM Cloud",
+                                    "titleEnglish": "IBM Cloud",
+                                    "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "IBM Security",
+                                    "titleEnglish": "IBM Security",
+                                    "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "IBM Sterling",
+                                    "titleEnglish": "IBM Sterling",
+                                    "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "IBM Z",
+                                    "titleEnglish": "IBM Z",
+                                    "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "Red Hat",
+                                    "titleEnglish": "Red Hat",
+                                    "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "SPSS Statistics",
+                                    "titleEnglish": "SPSS Statistics",
+                                    "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "The Weather Company",
+                                    "titleEnglish": "The Weather Company",
+                                    "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "Watson",
+                                    "titleEnglish": "Watson",
+                                    "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "WebSphere",
+                                    "titleEnglish": "WebSphere",
+                                    "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                  },
+                                ],
+                                "title": "",
+                              },
+                            },
+                            "title": "Top products & platforms",
+                            "titleEnglish": "Top products & platforms",
+                            "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                          },
+                          Object {
+                            "megapanelContent": Object {
+                              "description": "",
+                              "feature": Object {
+                                "heading": "",
+                                "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                                "linkTitle": "",
+                                "linkUrl": "",
+                              },
+                              "headingTitle": "Security",
+                              "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                              "quickLinks": Object {
+                                "links": Array [
+                                  Object {
+                                    "title": "Data security",
+                                    "titleEnglish": "Data security",
+                                    "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "Identity & access management",
+                                    "titleEnglish": "Identity & access management",
+                                    "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "Security information & event management",
+                                    "titleEnglish": "Security information & event management",
+                                    "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "Security orchestration, automation & response",
+                                    "titleEnglish": "Security orchestration, automation & response",
+                                    "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                  },
+                                  Object {
+                                    "title": "View all Security products",
+                                    "titleEnglish": "View all Security products",
+                                    "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                  },
+                                ],
+                                "title": "",
+                              },
+                            },
+                            "title": "Security",
+                            "titleEnglish": "Security",
+                            "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                          },
+                          Object {
+                            "megapanelContent": Object {
+                              "description": "",
+                              "feature": Object {
+                                "heading": "",
+                                "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                                "linkTitle": "",
+                                "linkUrl": "",
+                              },
+                              "headingTitle": "Supply chain",
+                              "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                              "quickLinks": Object {
+                                "links": Array [
+                                  Object {
+                                    "title": "Supply chain visibility",
+                                    "titleEnglish": "Supply chain visibility",
+                                    "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "Supplier collaboration",
+                                    "titleEnglish": "Supplier collaboration",
+                                    "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "Business process improvement",
+                                    "titleEnglish": "Business process improvement",
+                                    "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "Order management and fulfillment",
+                                    "titleEnglish": "Order management and fulfillment",
+                                    "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                  },
+                                  Object {
+                                    "title": "View all Supply Chain products",
+                                    "titleEnglish": "View all Supply Chain products",
+                                    "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                  },
+                                ],
+                                "title": "",
+                              },
+                            },
+                            "title": "Supply chain",
+                            "titleEnglish": "Supply chain",
+                            "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                          },
+                          Object {
+                            "megaPanelViewAll": true,
+                            "title": "View all products",
+                            "titleEnglish": "View all products",
+                            "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                          },
+                        ],
+                      },
+                    ],
+                    "title": "Products & Solutions",
+                    "titleEnglish": "Products & Solutions",
+                    "url": "",
+                  },
                   Object {
                     "hasMegapanel": true,
                     "hasMenu": true,
@@ -117964,6 +123750,262 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
         mastheadL1Data={
           Object {
             "navigationL1": Array [
+              Object {
+                "hasMegapanel": true,
+                "hasMenu": true,
+                "menuSections": Array [
+                  Object {
+                    "heading": "The essentials",
+                    "menuItems": Array [
+                      Object {
+                        "highlighted": true,
+                        "megapanelContent": Object {
+                          "description": "Blend cloud and on-premises resources for flexibility and balance",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Hybrid Cloud",
+                          "headingUrl": "",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "highlightedLink": true,
+                                "title": "What is Hybrid Cloud?",
+                                "titleEnglish": "What is Hybrid Cloud?",
+                                "url": "https://www.ibm.com/cloud/hybrid",
+                              },
+                              Object {
+                                "highlightedLink": true,
+                                "title": "Hybrid cloud solutions",
+                                "titleEnglish": "Hybrid cloud solutions",
+                                "url": "https://www.ibm.com/cloud/hybrid",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Hybrid Cloud",
+                        "titleEnglish": "Hybrid Cloud",
+                        "url": "",
+                      },
+                      Object {
+                        "highlighted": true,
+                        "megapanelContent": Object {
+                          "description": "Unlock the value in your organization with AI",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Artificial intelligence",
+                          "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "highlightedLink": true,
+                                "title": "What is AI?",
+                                "titleEnglish": "What is AI?",
+                                "url": "https://www.ibm.com/artificial-intelligence",
+                              },
+                              Object {
+                                "highlightedLink": true,
+                                "title": "AI solutions",
+                                "titleEnglish": "AI solutions",
+                                "url": "https://www.ibm.com/artificial-intelligence",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Artificial intelligence",
+                        "titleEnglish": "Artificial intelligence",
+                        "url": "",
+                      },
+                      Object {
+                        "megapanelContent": Object {
+                          "description": "",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Top products & platforms",
+                          "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "title": "Db2",
+                                "titleEnglish": "Db2",
+                                "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Hybrid Cloud",
+                                "titleEnglish": "Hybrid Cloud",
+                                "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "IBM Cloud",
+                                "titleEnglish": "IBM Cloud",
+                                "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "IBM Security",
+                                "titleEnglish": "IBM Security",
+                                "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "IBM Sterling",
+                                "titleEnglish": "IBM Sterling",
+                                "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "IBM Z",
+                                "titleEnglish": "IBM Z",
+                                "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Red Hat",
+                                "titleEnglish": "Red Hat",
+                                "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "SPSS Statistics",
+                                "titleEnglish": "SPSS Statistics",
+                                "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "The Weather Company",
+                                "titleEnglish": "The Weather Company",
+                                "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Watson",
+                                "titleEnglish": "Watson",
+                                "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                              Object {
+                                "title": "WebSphere",
+                                "titleEnglish": "WebSphere",
+                                "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Top products & platforms",
+                        "titleEnglish": "Top products & platforms",
+                        "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                      },
+                      Object {
+                        "megapanelContent": Object {
+                          "description": "",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Security",
+                          "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "title": "Data security",
+                                "titleEnglish": "Data security",
+                                "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Identity & access management",
+                                "titleEnglish": "Identity & access management",
+                                "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Security information & event management",
+                                "titleEnglish": "Security information & event management",
+                                "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Security orchestration, automation & response",
+                                "titleEnglish": "Security orchestration, automation & response",
+                                "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                              },
+                              Object {
+                                "title": "View all Security products",
+                                "titleEnglish": "View all Security products",
+                                "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Security",
+                        "titleEnglish": "Security",
+                        "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                      },
+                      Object {
+                        "megapanelContent": Object {
+                          "description": "",
+                          "feature": Object {
+                            "heading": "",
+                            "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                            "linkTitle": "",
+                            "linkUrl": "",
+                          },
+                          "headingTitle": "Supply chain",
+                          "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                          "quickLinks": Object {
+                            "links": Array [
+                              Object {
+                                "title": "Supply chain visibility",
+                                "titleEnglish": "Supply chain visibility",
+                                "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Supplier collaboration",
+                                "titleEnglish": "Supplier collaboration",
+                                "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Business process improvement",
+                                "titleEnglish": "Business process improvement",
+                                "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                              },
+                              Object {
+                                "title": "Order management and fulfillment",
+                                "titleEnglish": "Order management and fulfillment",
+                                "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                              },
+                              Object {
+                                "title": "View all Supply Chain products",
+                                "titleEnglish": "View all Supply Chain products",
+                                "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                              },
+                            ],
+                            "title": "",
+                          },
+                        },
+                        "title": "Supply chain",
+                        "titleEnglish": "Supply chain",
+                        "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                      },
+                      Object {
+                        "megaPanelViewAll": true,
+                        "title": "View all products",
+                        "titleEnglish": "View all products",
+                        "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                      },
+                    ],
+                  },
+                ],
+                "title": "Products & Solutions",
+                "titleEnglish": "Products & Solutions",
+                "url": "",
+              },
               Object {
                 "hasMegapanel": true,
                 "hasMenu": true,
@@ -118532,102 +124574,358 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                             renderIcon={[Function]}
                             style={
                               Object {
-                                "width": "3rem",
-                              }
-                            }
-                          >
-                            <OverflowMenu
-                              ariaLabel="User Profile"
-                              className="bx--header__action"
-                              data-autoid="dds--masthead-alt__l0-account"
-                              direction="bottom"
-                              flipped={true}
-                              iconDescription="open and close list of options"
-                              innerRef={null}
-                              light={false}
-                              menuOffset={[Function]}
-                              menuOffsetFlip={[Function]}
-                              onClick={[Function]}
-                              onClose={[Function]}
-                              onKeyDown={[Function]}
-                              onOpen={[Function]}
-                              open={false}
-                              renderIcon={[Function]}
-                              selectorPrimaryFocus="[data-overflow-menu-primary-focus]"
-                              style={
-                                Object {
-                                  "width": "3rem",
-                                }
-                              }
-                            >
-                              <ClickListener
-                                onClickOutside={[Function]}
-                              >
-                                <button
-                                  aria-expanded={false}
-                                  aria-haspopup={true}
-                                  aria-label="User Profile"
-                                  className="bx--header__action bx--overflow-menu"
-                                  data-autoid="dds--masthead-alt__l0-account"
-                                  onClick={[Function]}
-                                  onClose={[Function]}
-                                  onKeyDown={[Function]}
-                                  open={false}
-                                  style={
-                                    Object {
-                                      "width": "3rem",
-                                    }
-                                  }
-                                  type="button"
-                                >
-                                  <renderIcon
-                                    aria-label="open and close list of options"
-                                    className="bx--overflow-menu__icon"
-                                    onClick={[Function]}
-                                    onKeyDown={[Function]}
-                                  >
-                                    <ForwardRef(User20)>
-                                      <Icon
-                                        fill="currentColor"
-                                        height={20}
-                                        preserveAspectRatio="xMidYMid meet"
-                                        viewBox="0 0 32 32"
-                                        width={20}
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <svg
-                                          aria-hidden={true}
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height={20}
-                                          preserveAspectRatio="xMidYMid meet"
-                                          viewBox="0 0 32 32"
-                                          width={20}
-                                          xmlns="http://www.w3.org/2000/svg"
-                                        >
-                                          <path
-                                            d="M16 4a5 5 0 11-5 5 5 5 0 015-5m0-2a7 7 0 107 7A7 7 0 0016 2zM26 30H24V25a5 5 0 00-5-5H13a5 5 0 00-5 5v5H6V25a7 7 0 017-7h6a7 7 0 017 7z"
-                                          />
-                                        </svg>
-                                      </Icon>
-                                    </ForwardRef(User20)>
-                                  </renderIcon>
-                                </button>
-                              </ClickListener>
-                            </OverflowMenu>
-                          </ForwardRef(OverflowMenu)>
-                        </MastheadProfile>
-                      </div>
-                    </HeaderGlobalBar>
-                  </header>
-                </Header>
-              </div>
-              <div>
-                <MastheadL1
-                  isShort={false}
-                  navType="alt"
-                  navigationL1={
-                    Array [
+                                "width": "3rem",
+                              }
+                            }
+                          >
+                            <OverflowMenu
+                              ariaLabel="User Profile"
+                              className="bx--header__action"
+                              data-autoid="dds--masthead-alt__l0-account"
+                              direction="bottom"
+                              flipped={true}
+                              iconDescription="open and close list of options"
+                              innerRef={null}
+                              light={false}
+                              menuOffset={[Function]}
+                              menuOffsetFlip={[Function]}
+                              onClick={[Function]}
+                              onClose={[Function]}
+                              onKeyDown={[Function]}
+                              onOpen={[Function]}
+                              open={false}
+                              renderIcon={[Function]}
+                              selectorPrimaryFocus="[data-overflow-menu-primary-focus]"
+                              style={
+                                Object {
+                                  "width": "3rem",
+                                }
+                              }
+                            >
+                              <ClickListener
+                                onClickOutside={[Function]}
+                              >
+                                <button
+                                  aria-expanded={false}
+                                  aria-haspopup={true}
+                                  aria-label="User Profile"
+                                  className="bx--header__action bx--overflow-menu"
+                                  data-autoid="dds--masthead-alt__l0-account"
+                                  onClick={[Function]}
+                                  onClose={[Function]}
+                                  onKeyDown={[Function]}
+                                  open={false}
+                                  style={
+                                    Object {
+                                      "width": "3rem",
+                                    }
+                                  }
+                                  type="button"
+                                >
+                                  <renderIcon
+                                    aria-label="open and close list of options"
+                                    className="bx--overflow-menu__icon"
+                                    onClick={[Function]}
+                                    onKeyDown={[Function]}
+                                  >
+                                    <ForwardRef(User20)>
+                                      <Icon
+                                        fill="currentColor"
+                                        height={20}
+                                        preserveAspectRatio="xMidYMid meet"
+                                        viewBox="0 0 32 32"
+                                        width={20}
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <svg
+                                          aria-hidden={true}
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height={20}
+                                          preserveAspectRatio="xMidYMid meet"
+                                          viewBox="0 0 32 32"
+                                          width={20}
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            d="M16 4a5 5 0 11-5 5 5 5 0 015-5m0-2a7 7 0 107 7A7 7 0 0016 2zM26 30H24V25a5 5 0 00-5-5H13a5 5 0 00-5 5v5H6V25a7 7 0 017-7h6a7 7 0 017 7z"
+                                          />
+                                        </svg>
+                                      </Icon>
+                                    </ForwardRef(User20)>
+                                  </renderIcon>
+                                </button>
+                              </ClickListener>
+                            </OverflowMenu>
+                          </ForwardRef(OverflowMenu)>
+                        </MastheadProfile>
+                      </div>
+                    </HeaderGlobalBar>
+                  </header>
+                </Header>
+              </div>
+              <div>
+                <MastheadL1
+                  isShort={false}
+                  navType="alt"
+                  navigationL1={
+                    Array [
+                      Object {
+                        "hasMegapanel": true,
+                        "hasMenu": true,
+                        "menuSections": Array [
+                          Object {
+                            "heading": "The essentials",
+                            "menuItems": Array [
+                              Object {
+                                "highlighted": true,
+                                "megapanelContent": Object {
+                                  "description": "Blend cloud and on-premises resources for flexibility and balance",
+                                  "feature": Object {
+                                    "heading": "",
+                                    "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                    "linkTitle": "",
+                                    "linkUrl": "",
+                                  },
+                                  "headingTitle": "Hybrid Cloud",
+                                  "headingUrl": "",
+                                  "quickLinks": Object {
+                                    "links": Array [
+                                      Object {
+                                        "highlightedLink": true,
+                                        "title": "What is Hybrid Cloud?",
+                                        "titleEnglish": "What is Hybrid Cloud?",
+                                        "url": "https://www.ibm.com/cloud/hybrid",
+                                      },
+                                      Object {
+                                        "highlightedLink": true,
+                                        "title": "Hybrid cloud solutions",
+                                        "titleEnglish": "Hybrid cloud solutions",
+                                        "url": "https://www.ibm.com/cloud/hybrid",
+                                      },
+                                    ],
+                                    "title": "",
+                                  },
+                                },
+                                "title": "Hybrid Cloud",
+                                "titleEnglish": "Hybrid Cloud",
+                                "url": "",
+                              },
+                              Object {
+                                "highlighted": true,
+                                "megapanelContent": Object {
+                                  "description": "Unlock the value in your organization with AI",
+                                  "feature": Object {
+                                    "heading": "",
+                                    "imageUrl": "",
+                                    "linkTitle": "",
+                                    "linkUrl": "",
+                                  },
+                                  "headingTitle": "Artificial intelligence",
+                                  "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                                  "quickLinks": Object {
+                                    "links": Array [
+                                      Object {
+                                        "highlightedLink": true,
+                                        "title": "What is AI?",
+                                        "titleEnglish": "What is AI?",
+                                        "url": "https://www.ibm.com/artificial-intelligence",
+                                      },
+                                      Object {
+                                        "highlightedLink": true,
+                                        "title": "AI solutions",
+                                        "titleEnglish": "AI solutions",
+                                        "url": "https://www.ibm.com/artificial-intelligence",
+                                      },
+                                    ],
+                                    "title": "",
+                                  },
+                                },
+                                "title": "Artificial intelligence",
+                                "titleEnglish": "Artificial intelligence",
+                                "url": "",
+                              },
+                              Object {
+                                "megapanelContent": Object {
+                                  "description": "",
+                                  "feature": Object {
+                                    "heading": "",
+                                    "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                    "linkTitle": "",
+                                    "linkUrl": "",
+                                  },
+                                  "headingTitle": "Top products & platforms",
+                                  "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                                  "quickLinks": Object {
+                                    "links": Array [
+                                      Object {
+                                        "title": "Db2",
+                                        "titleEnglish": "Db2",
+                                        "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "Hybrid Cloud",
+                                        "titleEnglish": "Hybrid Cloud",
+                                        "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "IBM Cloud",
+                                        "titleEnglish": "IBM Cloud",
+                                        "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "IBM Security",
+                                        "titleEnglish": "IBM Security",
+                                        "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "IBM Sterling",
+                                        "titleEnglish": "IBM Sterling",
+                                        "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "IBM Z",
+                                        "titleEnglish": "IBM Z",
+                                        "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "Red Hat",
+                                        "titleEnglish": "Red Hat",
+                                        "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "SPSS Statistics",
+                                        "titleEnglish": "SPSS Statistics",
+                                        "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "The Weather Company",
+                                        "titleEnglish": "The Weather Company",
+                                        "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "Watson",
+                                        "titleEnglish": "Watson",
+                                        "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "WebSphere",
+                                        "titleEnglish": "WebSphere",
+                                        "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                      },
+                                    ],
+                                    "title": "",
+                                  },
+                                },
+                                "title": "Top products & platforms",
+                                "titleEnglish": "Top products & platforms",
+                                "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                              },
+                              Object {
+                                "megapanelContent": Object {
+                                  "description": "",
+                                  "feature": Object {
+                                    "heading": "",
+                                    "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                                    "linkTitle": "",
+                                    "linkUrl": "",
+                                  },
+                                  "headingTitle": "Security",
+                                  "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                                  "quickLinks": Object {
+                                    "links": Array [
+                                      Object {
+                                        "title": "Data security",
+                                        "titleEnglish": "Data security",
+                                        "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "Identity & access management",
+                                        "titleEnglish": "Identity & access management",
+                                        "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "Security information & event management",
+                                        "titleEnglish": "Security information & event management",
+                                        "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "Security orchestration, automation & response",
+                                        "titleEnglish": "Security orchestration, automation & response",
+                                        "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                      },
+                                      Object {
+                                        "title": "View all Security products",
+                                        "titleEnglish": "View all Security products",
+                                        "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                      },
+                                    ],
+                                    "title": "",
+                                  },
+                                },
+                                "title": "Security",
+                                "titleEnglish": "Security",
+                                "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                              },
+                              Object {
+                                "megapanelContent": Object {
+                                  "description": "",
+                                  "feature": Object {
+                                    "heading": "",
+                                    "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                                    "linkTitle": "",
+                                    "linkUrl": "",
+                                  },
+                                  "headingTitle": "Supply chain",
+                                  "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                                  "quickLinks": Object {
+                                    "links": Array [
+                                      Object {
+                                        "title": "Supply chain visibility",
+                                        "titleEnglish": "Supply chain visibility",
+                                        "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "Supplier collaboration",
+                                        "titleEnglish": "Supplier collaboration",
+                                        "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "Business process improvement",
+                                        "titleEnglish": "Business process improvement",
+                                        "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "Order management and fulfillment",
+                                        "titleEnglish": "Order management and fulfillment",
+                                        "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                      },
+                                      Object {
+                                        "title": "View all Supply Chain products",
+                                        "titleEnglish": "View all Supply Chain products",
+                                        "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                      },
+                                    ],
+                                    "title": "",
+                                  },
+                                },
+                                "title": "Supply chain",
+                                "titleEnglish": "Supply chain",
+                                "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                              },
+                              Object {
+                                "megaPanelViewAll": true,
+                                "title": "View all products",
+                                "titleEnglish": "View all products",
+                                "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                              },
+                            ],
+                          },
+                        ],
+                        "title": "Products & Solutions",
+                        "titleEnglish": "Products & Solutions",
+                        "url": "",
+                      },
                       Object {
                         "hasMegapanel": true,
                         "hasMenu": true,
@@ -118980,16 +125278,1301 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                 aria-label=""
                                 className="bx--header__menu-bar"
                               >
+                                <ForwardRef
+                                  aria-label="Products & Solutions"
+                                  autoId="dds--masthead-alt__l1-nav0"
+                                  className="bx--masthead__megamenu__l1-nav"
+                                  key=".$0"
+                                  menuLinkName="Products & Solutions"
+                                >
+                                  <HeaderMenu
+                                    aria-label="Products & Solutions"
+                                    autoId="dds--masthead-alt__l1-nav0"
+                                    className="bx--masthead__megamenu__l1-nav"
+                                    focusRef={[Function]}
+                                    menuLinkName="Products & Solutions"
+                                    renderMenuContent={[Function]}
+                                    setOverlay={[Function]}
+                                  >
+                                    <li
+                                      className="bx--header__submenu bx--masthead__megamenu__l1-nav"
+                                      data-autoid="dds--masthead-alt__l1-nav0"
+                                      onBlur={[Function]}
+                                      onKeyDown={[Function]}
+                                    >
+                                      <a
+                                        aria-expanded={false}
+                                        aria-haspopup="menu"
+                                        aria-label="Products & Solutions"
+                                        aria-selected="false"
+                                        className="bx--header__menu-item bx--header__menu-title"
+                                        href="#"
+                                        onClick={[Function]}
+                                        onKeyDown={[Function]}
+                                        role="menuitem"
+                                        tabIndex={0}
+                                      >
+                                        Products & Solutions
+                                        <defaultRenderMenuContent>
+                                          <ForwardRef(ChevronDown20)
+                                            className="bx--header__menu-arrow"
+                                          >
+                                            <Icon
+                                              className="bx--header__menu-arrow"
+                                              fill="currentColor"
+                                              height={20}
+                                              preserveAspectRatio="xMidYMid meet"
+                                              viewBox="0 0 32 32"
+                                              width={20}
+                                              xmlns="http://www.w3.org/2000/svg"
+                                            >
+                                              <svg
+                                                aria-hidden={true}
+                                                className="bx--header__menu-arrow"
+                                                fill="currentColor"
+                                                focusable="false"
+                                                height={20}
+                                                preserveAspectRatio="xMidYMid meet"
+                                                viewBox="0 0 32 32"
+                                                width={20}
+                                                xmlns="http://www.w3.org/2000/svg"
+                                              >
+                                                <path
+                                                  d="M16 22L6 12 7.4 10.6 16 19.2 24.6 10.6 26 12z"
+                                                />
+                                              </svg>
+                                            </Icon>
+                                          </ForwardRef(ChevronDown20)>
+                                        </defaultRenderMenuContent>
+                                      </a>
+                                      <ul
+                                        aria-label="Products & Solutions"
+                                        className="bx--header__menu"
+                                      >
+                                        <MegaMenu
+                                          autoid="dds--masthead-alt__l1-nav0"
+                                          data={
+                                            Object {
+                                              "hasMegapanel": true,
+                                              "hasMenu": true,
+                                              "menuSections": Array [
+                                                Object {
+                                                  "heading": "The essentials",
+                                                  "menuItems": Array [
+                                                    Object {
+                                                      "highlighted": true,
+                                                      "megapanelContent": Object {
+                                                        "description": "Blend cloud and on-premises resources for flexibility and balance",
+                                                        "feature": Object {
+                                                          "heading": "",
+                                                          "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                                          "linkTitle": "",
+                                                          "linkUrl": "",
+                                                        },
+                                                        "headingTitle": "Hybrid Cloud",
+                                                        "headingUrl": "",
+                                                        "quickLinks": Object {
+                                                          "links": Array [
+                                                            Object {
+                                                              "highlightedLink": true,
+                                                              "title": "What is Hybrid Cloud?",
+                                                              "titleEnglish": "What is Hybrid Cloud?",
+                                                              "url": "https://www.ibm.com/cloud/hybrid",
+                                                            },
+                                                            Object {
+                                                              "highlightedLink": true,
+                                                              "title": "Hybrid cloud solutions",
+                                                              "titleEnglish": "Hybrid cloud solutions",
+                                                              "url": "https://www.ibm.com/cloud/hybrid",
+                                                            },
+                                                          ],
+                                                          "title": "",
+                                                        },
+                                                      },
+                                                      "title": "Hybrid Cloud",
+                                                      "titleEnglish": "Hybrid Cloud",
+                                                      "url": "",
+                                                    },
+                                                    Object {
+                                                      "highlighted": true,
+                                                      "megapanelContent": Object {
+                                                        "description": "Unlock the value in your organization with AI",
+                                                        "feature": Object {
+                                                          "heading": "",
+                                                          "imageUrl": "",
+                                                          "linkTitle": "",
+                                                          "linkUrl": "",
+                                                        },
+                                                        "headingTitle": "Artificial intelligence",
+                                                        "headingUrl": "https://www.ibm.com/artificial-intelligence",
+                                                        "quickLinks": Object {
+                                                          "links": Array [
+                                                            Object {
+                                                              "highlightedLink": true,
+                                                              "title": "What is AI?",
+                                                              "titleEnglish": "What is AI?",
+                                                              "url": "https://www.ibm.com/artificial-intelligence",
+                                                            },
+                                                            Object {
+                                                              "highlightedLink": true,
+                                                              "title": "AI solutions",
+                                                              "titleEnglish": "AI solutions",
+                                                              "url": "https://www.ibm.com/artificial-intelligence",
+                                                            },
+                                                          ],
+                                                          "title": "",
+                                                        },
+                                                      },
+                                                      "title": "Artificial intelligence",
+                                                      "titleEnglish": "Artificial intelligence",
+                                                      "url": "",
+                                                    },
+                                                    Object {
+                                                      "megapanelContent": Object {
+                                                        "description": "",
+                                                        "feature": Object {
+                                                          "heading": "",
+                                                          "imageUrl": "https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png",
+                                                          "linkTitle": "",
+                                                          "linkUrl": "",
+                                                        },
+                                                        "headingTitle": "Top products & platforms",
+                                                        "headingUrl": "https://www.ibm.com/products?lnk=hpmps_bupr",
+                                                        "quickLinks": Object {
+                                                          "links": Array [
+                                                            Object {
+                                                              "title": "Db2",
+                                                              "titleEnglish": "Db2",
+                                                              "url": "https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "Hybrid Cloud",
+                                                              "titleEnglish": "Hybrid Cloud",
+                                                              "url": "https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "IBM Cloud",
+                                                              "titleEnglish": "IBM Cloud",
+                                                              "url": "https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "IBM Security",
+                                                              "titleEnglish": "IBM Security",
+                                                              "url": "https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "IBM Sterling",
+                                                              "titleEnglish": "IBM Sterling",
+                                                              "url": "https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "IBM Z",
+                                                              "titleEnglish": "IBM Z",
+                                                              "url": "https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "Red Hat",
+                                                              "titleEnglish": "Red Hat",
+                                                              "url": "https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "SPSS Statistics",
+                                                              "titleEnglish": "SPSS Statistics",
+                                                              "url": "https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "The Weather Company",
+                                                              "titleEnglish": "The Weather Company",
+                                                              "url": "https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "Watson",
+                                                              "titleEnglish": "Watson",
+                                                              "url": "https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "WebSphere",
+                                                              "titleEnglish": "WebSphere",
+                                                              "url": "https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn",
+                                                            },
+                                                          ],
+                                                          "title": "",
+                                                        },
+                                                      },
+                                                      "title": "Top products & platforms",
+                                                      "titleEnglish": "Top products & platforms",
+                                                      "url": "https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link",
+                                                    },
+                                                    Object {
+                                                      "megapanelContent": Object {
+                                                        "description": "",
+                                                        "feature": Object {
+                                                          "heading": "",
+                                                          "imageUrl": "https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png",
+                                                          "linkTitle": "",
+                                                          "linkUrl": "",
+                                                        },
+                                                        "headingTitle": "Security",
+                                                        "headingUrl": "https://www.ibm.com/security?lnk=hpmps_buse",
+                                                        "quickLinks": Object {
+                                                          "links": Array [
+                                                            Object {
+                                                              "title": "Data security",
+                                                              "titleEnglish": "Data security",
+                                                              "url": "https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "Identity & access management",
+                                                              "titleEnglish": "Identity & access management",
+                                                              "url": "https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "Security information & event management",
+                                                              "titleEnglish": "Security information & event management",
+                                                              "url": "https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "Security orchestration, automation & response",
+                                                              "titleEnglish": "Security orchestration, automation & response",
+                                                              "url": "https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse",
+                                                            },
+                                                            Object {
+                                                              "title": "View all Security products",
+                                                              "titleEnglish": "View all Security products",
+                                                              "url": "https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn",
+                                                            },
+                                                          ],
+                                                          "title": "",
+                                                        },
+                                                      },
+                                                      "title": "Security",
+                                                      "titleEnglish": "Security",
+                                                      "url": "https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link",
+                                                    },
+                                                    Object {
+                                                      "megapanelContent": Object {
+                                                        "description": "",
+                                                        "feature": Object {
+                                                          "heading": "",
+                                                          "imageUrl": "https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png",
+                                                          "linkTitle": "",
+                                                          "linkUrl": "",
+                                                        },
+                                                        "headingTitle": "Supply chain",
+                                                        "headingUrl": "https://www.ibm.com/supply-chain?lnk=hpmps_busc",
+                                                        "quickLinks": Object {
+                                                          "links": Array [
+                                                            Object {
+                                                              "title": "Supply chain visibility",
+                                                              "titleEnglish": "Supply chain visibility",
+                                                              "url": "https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "Supplier collaboration",
+                                                              "titleEnglish": "Supplier collaboration",
+                                                              "url": "https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "Business process improvement",
+                                                              "titleEnglish": "Business process improvement",
+                                                              "url": "https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "Order management and fulfillment",
+                                                              "titleEnglish": "Order management and fulfillment",
+                                                              "url": "https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn",
+                                                            },
+                                                            Object {
+                                                              "title": "View all Supply Chain products",
+                                                              "titleEnglish": "View all Supply Chain products",
+                                                              "url": "https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn",
+                                                            },
+                                                          ],
+                                                          "title": "",
+                                                        },
+                                                      },
+                                                      "title": "Supply chain",
+                                                      "titleEnglish": "Supply chain",
+                                                      "url": "https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link",
+                                                    },
+                                                    Object {
+                                                      "megaPanelViewAll": true,
+                                                      "title": "View all products",
+                                                      "titleEnglish": "View all products",
+                                                      "url": "https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link",
+                                                    },
+                                                  ],
+                                                },
+                                              ],
+                                              "title": "Products & Solutions",
+                                              "titleEnglish": "Products & Solutions",
+                                              "url": "",
+                                            }
+                                          }
+                                          key=".$Products & Solutions"
+                                          refs={[Function]}
+                                          role="none"
+                                        >
+                                          <NavigationGroup>
+                                            <section
+                                              className="bx--masthead__megamenu"
+                                              data-autoid="dds--masthead__megamenu"
+                                            >
+                                              <div
+                                                className="bx--masthead__megamenu__container"
+                                              >
+                                                <div
+                                                  className="bx--masthead__megamenu__container--row"
+                                                >
+                                                  <LeftNavigation>
+                                                    <div
+                                                      className="bx--masthead__megamenu__highlight-section"
+                                                    >
+                                                      <p
+                                                        className="bx--masthead__megamenu__copy"
+                                                      >
+                                                        The essentials
+                                                      </p>
+                                                      <CategoryGroup
+                                                        autoid="dds--masthead-alt__l1-nav0"
+                                                        href=""
+                                                        key="0"
+                                                        title="Hybrid Cloud"
+                                                      >
+                                                        <div
+                                                          className="bx--masthead__megamenu__category-group"
+                                                        >
+                                                          <div
+                                                            className="bx--masthead__megamenu__category-group-shield"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group-content"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-headline"
+                                                                data-autoid="dds--masthead-alt__l1-nav0-listundefined"
+                                                              >
+                                                                <p>
+                                                                  Hybrid Cloud
+                                                                </p>
+                                                              </div>
+                                                              <p
+                                                                className="bx--masthead__megamenu__copy"
+                                                              >
+                                                                Blend cloud and on-premises resources for flexibility and balance
+                                                              </p>
+                                                              <CategoryLink
+                                                                autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                highlighted={true}
+                                                                href="https://www.ibm.com/cloud/hybrid"
+                                                                key="0"
+                                                                title="What is Hybrid Cloud?"
+                                                              >
+                                                                <LinkWithIcon
+                                                                  className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                  href="https://www.ibm.com/cloud/hybrid"
+                                                                  iconPlacement="right"
+                                                                >
+                                                                  <div
+                                                                    className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                    data-autoid="dds--link-with-icon"
+                                                                  >
+                                                                    <Link
+                                                                      className="bx--link-with-icon"
+                                                                      href="https://www.ibm.com/cloud/hybrid"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--link bx--link-with-icon"
+                                                                        href="https://www.ibm.com/cloud/hybrid"
+                                                                        rel={null}
+                                                                      >
+                                                                        <span>
+                                                                          What is Hybrid Cloud?
+                                                                        </span>
+                                                                        <ForwardRef(ArrowRight16)>
+                                                                          <Icon
+                                                                            fill="currentColor"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <svg
+                                                                              aria-hidden={true}
+                                                                              fill="currentColor"
+                                                                              focusable="false"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <path
+                                                                                d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                              />
+                                                                            </svg>
+                                                                          </Icon>
+                                                                        </ForwardRef(ArrowRight16)>
+                                                                      </a>
+                                                                    </Link>
+                                                                  </div>
+                                                                </LinkWithIcon>
+                                                              </CategoryLink>
+                                                              <CategoryLink
+                                                                autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                highlighted={true}
+                                                                href="https://www.ibm.com/cloud/hybrid"
+                                                                key="1"
+                                                                title="Hybrid cloud solutions"
+                                                              >
+                                                                <LinkWithIcon
+                                                                  className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                  href="https://www.ibm.com/cloud/hybrid"
+                                                                  iconPlacement="right"
+                                                                >
+                                                                  <div
+                                                                    className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                    data-autoid="dds--link-with-icon"
+                                                                  >
+                                                                    <Link
+                                                                      className="bx--link-with-icon"
+                                                                      href="https://www.ibm.com/cloud/hybrid"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--link bx--link-with-icon"
+                                                                        href="https://www.ibm.com/cloud/hybrid"
+                                                                        rel={null}
+                                                                      >
+                                                                        <span>
+                                                                          Hybrid cloud solutions
+                                                                        </span>
+                                                                        <ForwardRef(ArrowRight16)>
+                                                                          <Icon
+                                                                            fill="currentColor"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <svg
+                                                                              aria-hidden={true}
+                                                                              fill="currentColor"
+                                                                              focusable="false"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <path
+                                                                                d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                              />
+                                                                            </svg>
+                                                                          </Icon>
+                                                                        </ForwardRef(ArrowRight16)>
+                                                                      </a>
+                                                                    </Link>
+                                                                  </div>
+                                                                </LinkWithIcon>
+                                                              </CategoryLink>
+                                                            </div>
+                                                          </div>
+                                                        </div>
+                                                      </CategoryGroup>
+                                                      <CategoryGroup
+                                                        autoid="dds--masthead-alt__l1-nav0"
+                                                        href=""
+                                                        key="1"
+                                                        title="Artificial intelligence"
+                                                      >
+                                                        <div
+                                                          className="bx--masthead__megamenu__category-group"
+                                                        >
+                                                          <div
+                                                            className="bx--masthead__megamenu__category-group-shield"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group-content"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-headline"
+                                                                data-autoid="dds--masthead-alt__l1-nav0-listundefined"
+                                                              >
+                                                                <p>
+                                                                  Artificial intelligence
+                                                                </p>
+                                                              </div>
+                                                              <p
+                                                                className="bx--masthead__megamenu__copy"
+                                                              >
+                                                                Unlock the value in your organization with AI
+                                                              </p>
+                                                              <CategoryLink
+                                                                autoid="dds--masthead-alt__l1-nav0-list1"
+                                                                highlighted={true}
+                                                                href="https://www.ibm.com/artificial-intelligence"
+                                                                key="0"
+                                                                title="What is AI?"
+                                                              >
+                                                                <LinkWithIcon
+                                                                  className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                  href="https://www.ibm.com/artificial-intelligence"
+                                                                  iconPlacement="right"
+                                                                >
+                                                                  <div
+                                                                    className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                    data-autoid="dds--link-with-icon"
+                                                                  >
+                                                                    <Link
+                                                                      className="bx--link-with-icon"
+                                                                      href="https://www.ibm.com/artificial-intelligence"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--link bx--link-with-icon"
+                                                                        href="https://www.ibm.com/artificial-intelligence"
+                                                                        rel={null}
+                                                                      >
+                                                                        <span>
+                                                                          What is AI?
+                                                                        </span>
+                                                                        <ForwardRef(ArrowRight16)>
+                                                                          <Icon
+                                                                            fill="currentColor"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <svg
+                                                                              aria-hidden={true}
+                                                                              fill="currentColor"
+                                                                              focusable="false"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <path
+                                                                                d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                              />
+                                                                            </svg>
+                                                                          </Icon>
+                                                                        </ForwardRef(ArrowRight16)>
+                                                                      </a>
+                                                                    </Link>
+                                                                  </div>
+                                                                </LinkWithIcon>
+                                                              </CategoryLink>
+                                                              <CategoryLink
+                                                                autoid="dds--masthead-alt__l1-nav0-list1"
+                                                                highlighted={true}
+                                                                href="https://www.ibm.com/artificial-intelligence"
+                                                                key="1"
+                                                                title="AI solutions"
+                                                              >
+                                                                <LinkWithIcon
+                                                                  className="bx--masthead__megamenu__category-sublink--highlighted"
+                                                                  href="https://www.ibm.com/artificial-intelligence"
+                                                                  iconPlacement="right"
+                                                                >
+                                                                  <div
+                                                                    className="bx--link-with-icon__container bx--masthead__megamenu__category-sublink--highlighted"
+                                                                    data-autoid="dds--link-with-icon"
+                                                                  >
+                                                                    <Link
+                                                                      className="bx--link-with-icon"
+                                                                      href="https://www.ibm.com/artificial-intelligence"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--link bx--link-with-icon"
+                                                                        href="https://www.ibm.com/artificial-intelligence"
+                                                                        rel={null}
+                                                                      >
+                                                                        <span>
+                                                                          AI solutions
+                                                                        </span>
+                                                                        <ForwardRef(ArrowRight16)>
+                                                                          <Icon
+                                                                            fill="currentColor"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <svg
+                                                                              aria-hidden={true}
+                                                                              fill="currentColor"
+                                                                              focusable="false"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <path
+                                                                                d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                              />
+                                                                            </svg>
+                                                                          </Icon>
+                                                                        </ForwardRef(ArrowRight16)>
+                                                                      </a>
+                                                                    </Link>
+                                                                  </div>
+                                                                </LinkWithIcon>
+                                                              </CategoryLink>
+                                                            </div>
+                                                          </div>
+                                                        </div>
+                                                      </CategoryGroup>
+                                                    </div>
+                                                  </LeftNavigation>
+                                                  <RightNavigation
+                                                    autoid="dds--masthead-alt__l1-nav0"
+                                                    hasHighlights={true}
+                                                    viewAllLinkHref="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                    viewAllLinkTitle="View all products"
+                                                  >
+                                                    <div
+                                                      className="bx--masthead__megamenu__categories-section"
+                                                    >
+                                                      <div
+                                                        className="bx--masthead__megamenu__categories bx--masthead__megamenu--hasHighlights"
+                                                      >
+                                                        <CategoryGroup
+                                                          autoid="dds--masthead-alt__l1-nav0"
+                                                          href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                          index={2}
+                                                          key="0"
+                                                          title="Top products & platforms"
+                                                        >
+                                                          <div
+                                                            className="bx--masthead__megamenu__category-group"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group-shield"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-content"
+                                                              >
+                                                                <LinkWithIcon
+                                                                  className="bx--masthead__megamenu__category-headline"
+                                                                  data-autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                                  iconPlacement="right"
+                                                                >
+                                                                  <div
+                                                                    className="bx--link-with-icon__container bx--masthead__megamenu__category-headline"
+                                                                    data-autoid="dds--link-with-icon"
+                                                                  >
+                                                                    <Link
+                                                                      className="bx--link-with-icon"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                      href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--link bx--link-with-icon"
+                                                                        data-autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                        href="https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link"
+                                                                        rel={null}
+                                                                      >
+                                                                        <span>
+                                                                          Top products & platforms
+                                                                        </span>
+                                                                        <ForwardRef(ArrowRight16)>
+                                                                          <Icon
+                                                                            fill="currentColor"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <svg
+                                                                              aria-hidden={true}
+                                                                              fill="currentColor"
+                                                                              focusable="false"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <path
+                                                                                d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                              />
+                                                                            </svg>
+                                                                          </Icon>
+                                                                        </ForwardRef(ArrowRight16)>
+                                                                      </a>
+                                                                    </Link>
+                                                                  </div>
+                                                                </LinkWithIcon>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={0}
+                                                                  key="0"
+                                                                  title="Db2"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item0"
+                                                                    href="https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Db2
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={1}
+                                                                  key="1"
+                                                                  title="Hybrid Cloud"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item1"
+                                                                    href="https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Hybrid Cloud
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={2}
+                                                                  key="2"
+                                                                  title="IBM Cloud"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item2"
+                                                                    href="https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    IBM Cloud
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={3}
+                                                                  key="3"
+                                                                  title="IBM Security"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item3"
+                                                                    href="https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    IBM Security
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={4}
+                                                                  key="4"
+                                                                  title="IBM Sterling"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item4"
+                                                                    href="https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    IBM Sterling
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={5}
+                                                                  key="5"
+                                                                  title="IBM Z"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item5"
+                                                                    href="https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    IBM Z
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={6}
+                                                                  key="6"
+                                                                  title="Red Hat"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item6"
+                                                                    href="https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Red Hat
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={7}
+                                                                  key="7"
+                                                                  title="SPSS Statistics"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item7"
+                                                                    href="https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    SPSS Statistics
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={8}
+                                                                  key="8"
+                                                                  title="The Weather Company"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item8"
+                                                                    href="https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    The Weather Company
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={9}
+                                                                  key="9"
+                                                                  title="Watson"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item9"
+                                                                    href="https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Watson
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list2"
+                                                                  href="https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn"
+                                                                  index={10}
+                                                                  key="10"
+                                                                  title="WebSphere"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list2-item10"
+                                                                    href="https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    WebSphere
+                                                                  </a>
+                                                                </CategoryLink>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        </CategoryGroup>
+                                                        <CategoryGroup
+                                                          autoid="dds--masthead-alt__l1-nav0"
+                                                          href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                          index={3}
+                                                          key="1"
+                                                          title="Security"
+                                                        >
+                                                          <div
+                                                            className="bx--masthead__megamenu__category-group"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group-shield"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-content"
+                                                              >
+                                                                <LinkWithIcon
+                                                                  className="bx--masthead__megamenu__category-headline"
+                                                                  data-autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                  href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                                  iconPlacement="right"
+                                                                >
+                                                                  <div
+                                                                    className="bx--link-with-icon__container bx--masthead__megamenu__category-headline"
+                                                                    data-autoid="dds--link-with-icon"
+                                                                  >
+                                                                    <Link
+                                                                      className="bx--link-with-icon"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                      href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--link bx--link-with-icon"
+                                                                        data-autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                        href="https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link"
+                                                                        rel={null}
+                                                                      >
+                                                                        <span>
+                                                                          Security
+                                                                        </span>
+                                                                        <ForwardRef(ArrowRight16)>
+                                                                          <Icon
+                                                                            fill="currentColor"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <svg
+                                                                              aria-hidden={true}
+                                                                              fill="currentColor"
+                                                                              focusable="false"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <path
+                                                                                d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                              />
+                                                                            </svg>
+                                                                          </Icon>
+                                                                        </ForwardRef(ArrowRight16)>
+                                                                      </a>
+                                                                    </Link>
+                                                                  </div>
+                                                                </LinkWithIcon>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                  href="https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn"
+                                                                  index={0}
+                                                                  key="0"
+                                                                  title="Data security"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list3-item0"
+                                                                    href="https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Data security
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                  href="https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn"
+                                                                  index={1}
+                                                                  key="1"
+                                                                  title="Identity & access management"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list3-item1"
+                                                                    href="https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Identity & access management
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                  href="https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn"
+                                                                  index={2}
+                                                                  key="2"
+                                                                  title="Security information & event management"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list3-item2"
+                                                                    href="https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Security information & event management
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                  href="https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse"
+                                                                  index={3}
+                                                                  key="3"
+                                                                  title="Security orchestration, automation & response"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list3-item3"
+                                                                    href="https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Security orchestration, automation & response
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list3"
+                                                                  href="https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn"
+                                                                  index={4}
+                                                                  key="4"
+                                                                  title="View all Security products"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list3-item4"
+                                                                    href="https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    View all Security products
+                                                                  </a>
+                                                                </CategoryLink>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        </CategoryGroup>
+                                                        <CategoryGroup
+                                                          autoid="dds--masthead-alt__l1-nav0"
+                                                          href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                          index={4}
+                                                          key="2"
+                                                          title="Supply chain"
+                                                        >
+                                                          <div
+                                                            className="bx--masthead__megamenu__category-group"
+                                                          >
+                                                            <div
+                                                              className="bx--masthead__megamenu__category-group-shield"
+                                                            >
+                                                              <div
+                                                                className="bx--masthead__megamenu__category-group-content"
+                                                              >
+                                                                <LinkWithIcon
+                                                                  className="bx--masthead__megamenu__category-headline"
+                                                                  data-autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                  href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                                  iconPlacement="right"
+                                                                >
+                                                                  <div
+                                                                    className="bx--link-with-icon__container bx--masthead__megamenu__category-headline"
+                                                                    data-autoid="dds--link-with-icon"
+                                                                  >
+                                                                    <Link
+                                                                      className="bx--link-with-icon"
+                                                                      data-autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                      href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                                    >
+                                                                      <a
+                                                                        className="bx--link bx--link-with-icon"
+                                                                        data-autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                        href="https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link"
+                                                                        rel={null}
+                                                                      >
+                                                                        <span>
+                                                                          Supply chain
+                                                                        </span>
+                                                                        <ForwardRef(ArrowRight16)>
+                                                                          <Icon
+                                                                            fill="currentColor"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <svg
+                                                                              aria-hidden={true}
+                                                                              fill="currentColor"
+                                                                              focusable="false"
+                                                                              height={16}
+                                                                              preserveAspectRatio="xMidYMid meet"
+                                                                              viewBox="0 0 16 16"
+                                                                              width={16}
+                                                                              xmlns="http://www.w3.org/2000/svg"
+                                                                            >
+                                                                              <path
+                                                                                d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                              />
+                                                                            </svg>
+                                                                          </Icon>
+                                                                        </ForwardRef(ArrowRight16)>
+                                                                      </a>
+                                                                    </Link>
+                                                                  </div>
+                                                                </LinkWithIcon>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                  href="https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn"
+                                                                  index={0}
+                                                                  key="0"
+                                                                  title="Supply chain visibility"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list4-item0"
+                                                                    href="https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Supply chain visibility
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                  href="https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                  index={1}
+                                                                  key="1"
+                                                                  title="Supplier collaboration"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list4-item1"
+                                                                    href="https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Supplier collaboration
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                  href="https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                  index={2}
+                                                                  key="2"
+                                                                  title="Business process improvement"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list4-item2"
+                                                                    href="https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Business process improvement
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                  href="https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn"
+                                                                  index={3}
+                                                                  key="3"
+                                                                  title="Order management and fulfillment"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list4-item3"
+                                                                    href="https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    Order management and fulfillment
+                                                                  </a>
+                                                                </CategoryLink>
+                                                                <CategoryLink
+                                                                  autoid="dds--masthead-alt__l1-nav0-list4"
+                                                                  href="https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn"
+                                                                  index={4}
+                                                                  key="4"
+                                                                  title="View all Supply Chain products"
+                                                                >
+                                                                  <a
+                                                                    className="bx--masthead__megamenu__category-sublink"
+                                                                    data-autoid="dds--masthead-alt__l1-nav0-list4-item4"
+                                                                    href="https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn"
+                                                                    tabIndex={0}
+                                                                  >
+                                                                    View all Supply Chain products
+                                                                  </a>
+                                                                </CategoryLink>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        </CategoryGroup>
+                                                      </div>
+                                                      <LinkWithIcon
+                                                        className="bx--masthead__megamenu__view-all-cta"
+                                                        data-autoid="dds--masthead-alt__l1-nav0-view-all"
+                                                        href="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                        iconPlacement="right"
+                                                      >
+                                                        <div
+                                                          className="bx--link-with-icon__container bx--masthead__megamenu__view-all-cta"
+                                                          data-autoid="dds--link-with-icon"
+                                                        >
+                                                          <Link
+                                                            className="bx--link-with-icon"
+                                                            data-autoid="dds--masthead-alt__l1-nav0-view-all"
+                                                            href="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                          >
+                                                            <a
+                                                              className="bx--link bx--link-with-icon"
+                                                              data-autoid="dds--masthead-alt__l1-nav0-view-all"
+                                                              href="https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link"
+                                                              rel={null}
+                                                            >
+                                                              <span>
+                                                                View all products
+                                                              </span>
+                                                              <ForwardRef(ArrowRight16)>
+                                                                <Icon
+                                                                  fill="currentColor"
+                                                                  height={16}
+                                                                  preserveAspectRatio="xMidYMid meet"
+                                                                  viewBox="0 0 16 16"
+                                                                  width={16}
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden={true}
+                                                                    fill="currentColor"
+                                                                    focusable="false"
+                                                                    height={16}
+                                                                    preserveAspectRatio="xMidYMid meet"
+                                                                    viewBox="0 0 16 16"
+                                                                    width={16}
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M9.3 3.7L13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"
+                                                                    />
+                                                                  </svg>
+                                                                </Icon>
+                                                              </ForwardRef(ArrowRight16)>
+                                                            </a>
+                                                          </Link>
+                                                        </div>
+                                                      </LinkWithIcon>
+                                                    </div>
+                                                  </RightNavigation>
+                                                </div>
+                                              </div>
+                                            </section>
+                                          </NavigationGroup>
+                                        </MegaMenu>
+                                      </ul>
+                                    </li>
+                                  </HeaderMenu>
+                                </ForwardRef>
                                 <ForwardRef
                                   aria-label="Lorem ipsum dolor sit amet"
-                                  autoId="dds--masthead-alt__l1-nav0"
+                                  autoId="dds--masthead-alt__l1-nav1"
                                   className="bx--masthead__megamenu__l1-nav"
-                                  key=".$0"
+                                  key=".$1"
                                   menuLinkName="Lorem ipsum dolor sit amet"
                                 >
                                   <HeaderMenu
                                     aria-label="Lorem ipsum dolor sit amet"
-                                    autoId="dds--masthead-alt__l1-nav0"
+                                    autoId="dds--masthead-alt__l1-nav1"
                                     className="bx--masthead__megamenu__l1-nav"
                                     focusRef={[Function]}
                                     menuLinkName="Lorem ipsum dolor sit amet"
@@ -118998,7 +126581,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                   >
                                     <li
                                       className="bx--header__submenu bx--masthead__megamenu__l1-nav"
-                                      data-autoid="dds--masthead-alt__l1-nav0"
+                                      data-autoid="dds--masthead-alt__l1-nav1"
                                       onBlur={[Function]}
                                       onKeyDown={[Function]}
                                     >
@@ -119052,7 +126635,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                         className="bx--header__menu"
                                       >
                                         <MegaMenu
-                                          autoid="dds--masthead-alt__l1-nav0"
+                                          autoid="dds--masthead-alt__l1-nav1"
                                           data={
                                             Object {
                                               "hasMegapanel": true,
@@ -119106,6 +126689,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                             }
                                           }
                                           key=".$Lorem ipsum dolor sit amet"
+                                          refs={[Function]}
                                           role="none"
                                         >
                                           <NavigationGroup>
@@ -119120,7 +126704,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                   className="bx--masthead__megamenu__container--row"
                                                 >
                                                   <RightNavigation
-                                                    autoid="dds--masthead-alt__l1-nav0"
+                                                    autoid="dds--masthead-alt__l1-nav1"
                                                     hasHighlights={false}
                                                   >
                                                     <div
@@ -119130,7 +126714,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                         className="bx--masthead__megamenu__categories"
                                                       >
                                                         <CategoryGroup
-                                                          autoid="dds--masthead-alt__l1-nav0"
+                                                          autoid="dds--masthead-alt__l1-nav1"
                                                           href=""
                                                           index={0}
                                                           key="0"
@@ -119147,14 +126731,14 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                               >
                                                                 <div
                                                                   className="bx--masthead__megamenu__category-headline"
-                                                                  data-autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                  data-autoid="dds--masthead-alt__l1-nav1-list0"
                                                                 >
                                                                   <p>
                                                                     Link 1
                                                                   </p>
                                                                 </div>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                  autoid="dds--masthead-alt__l1-nav1-list0"
                                                                   href=""
                                                                   index={0}
                                                                   key="0"
@@ -119162,7 +126746,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav0-list0-item0"
+                                                                    data-autoid="dds--masthead-alt__l1-nav1-list0-item0"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119170,7 +126754,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                  autoid="dds--masthead-alt__l1-nav1-list0"
                                                                   href=""
                                                                   index={1}
                                                                   key="1"
@@ -119178,7 +126762,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav0-list0-item1"
+                                                                    data-autoid="dds--masthead-alt__l1-nav1-list0-item1"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119186,7 +126770,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                  autoid="dds--masthead-alt__l1-nav1-list0"
                                                                   href=""
                                                                   index={2}
                                                                   key="2"
@@ -119194,7 +126778,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav0-list0-item2"
+                                                                    data-autoid="dds--masthead-alt__l1-nav1-list0-item2"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119202,7 +126786,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav0-list0"
+                                                                  autoid="dds--masthead-alt__l1-nav1-list0"
                                                                   href=""
                                                                   index={3}
                                                                   key="3"
@@ -119210,7 +126794,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav0-list0-item3"
+                                                                    data-autoid="dds--masthead-alt__l1-nav1-list0-item3"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119235,14 +126819,14 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                 </ForwardRef>
                                 <ForwardRef
                                   aria-label="Consectetur adipiscing elit"
-                                  autoId="dds--masthead-alt__l1-nav1"
+                                  autoId="dds--masthead-alt__l1-nav2"
                                   className=""
-                                  key=".$1"
+                                  key=".$2"
                                   menuLinkName="Consectetur adipiscing elit"
                                 >
                                   <HeaderMenu
                                     aria-label="Consectetur adipiscing elit"
-                                    autoId="dds--masthead-alt__l1-nav1"
+                                    autoId="dds--masthead-alt__l1-nav2"
                                     className=""
                                     focusRef={[Function]}
                                     menuLinkName="Consectetur adipiscing elit"
@@ -119251,7 +126835,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                   >
                                     <li
                                       className="bx--header__submenu"
-                                      data-autoid="dds--masthead-alt__l1-nav1"
+                                      data-autoid="dds--masthead-alt__l1-nav2"
                                       onBlur={[Function]}
                                       onKeyDown={[Function]}
                                     >
@@ -119308,6 +126892,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                           data-autoid="dds--masthead-alt__l1-nav0-item0"
                                           href=""
                                           key=".$Link 2"
+                                          refs={[Function]}
                                           role="none"
                                         >
                                           <li
@@ -119318,12 +126903,14 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                               data-autoid="dds--masthead-alt__l1-nav0-item0"
                                               element="a"
                                               href=""
+                                              refs={[Function]}
                                               tabIndex={0}
                                             >
                                               <a
                                                 className="bx--header__menu-item"
                                                 data-autoid="dds--masthead-alt__l1-nav0-item0"
                                                 href=""
+                                                refs={[Function]}
                                                 tabIndex={0}
                                               >
                                                 <span
@@ -119339,6 +126926,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                           data-autoid="dds--masthead-alt__l1-nav0-item1"
                                           href="https://www.ibm.com/financing?lnk=hpmse_fin&lnk2=learn"
                                           key=".$Financing"
+                                          refs={[Function]}
                                           role="none"
                                         >
                                           <li
@@ -119349,12 +126937,14 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                               data-autoid="dds--masthead-alt__l1-nav0-item1"
                                               element="a"
                                               href="https://www.ibm.com/financing?lnk=hpmse_fin&lnk2=learn"
+                                              refs={[Function]}
                                               tabIndex={0}
                                             >
                                               <a
                                                 className="bx--header__menu-item"
                                                 data-autoid="dds--masthead-alt__l1-nav0-item1"
                                                 href="https://www.ibm.com/financing?lnk=hpmse_fin&lnk2=learn"
+                                                refs={[Function]}
                                                 tabIndex={0}
                                               >
                                                 <span
@@ -119371,21 +126961,21 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                   </HeaderMenu>
                                 </ForwardRef>
                                 <ForwardRef(HeaderMenuItem)
-                                  data-autoid="dds--masthead-alt__l1-nav2"
+                                  data-autoid="dds--masthead-alt__l1-nav3"
                                   href="https://www.ibm.com/industries?lnk=min"
-                                  key=".$2"
+                                  key=".$3"
                                 >
                                   <li>
                                     <Link
                                       className="bx--header__menu-item"
-                                      data-autoid="dds--masthead-alt__l1-nav2"
+                                      data-autoid="dds--masthead-alt__l1-nav3"
                                       element="a"
                                       href="https://www.ibm.com/industries?lnk=min"
                                       tabIndex={0}
                                     >
                                       <a
                                         className="bx--header__menu-item"
-                                        data-autoid="dds--masthead-alt__l1-nav2"
+                                        data-autoid="dds--masthead-alt__l1-nav3"
                                         href="https://www.ibm.com/industries?lnk=min"
                                         tabIndex={0}
                                       >
@@ -119400,14 +126990,14 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                 </ForwardRef(HeaderMenuItem)>
                                 <ForwardRef
                                   aria-label="Fusce nec tellus sed augue semper porta"
-                                  autoId="dds--masthead-alt__l1-nav3"
+                                  autoId="dds--masthead-alt__l1-nav4"
                                   className="bx--masthead__megamenu__l1-nav"
-                                  key=".$3"
+                                  key=".$4"
                                   menuLinkName="Fusce nec tellus sed augue semper porta"
                                 >
                                   <HeaderMenu
                                     aria-label="Fusce nec tellus sed augue semper porta"
-                                    autoId="dds--masthead-alt__l1-nav3"
+                                    autoId="dds--masthead-alt__l1-nav4"
                                     className="bx--masthead__megamenu__l1-nav"
                                     focusRef={[Function]}
                                     menuLinkName="Fusce nec tellus sed augue semper porta"
@@ -119416,7 +127006,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                   >
                                     <li
                                       className="bx--header__submenu bx--masthead__megamenu__l1-nav"
-                                      data-autoid="dds--masthead-alt__l1-nav3"
+                                      data-autoid="dds--masthead-alt__l1-nav4"
                                       onBlur={[Function]}
                                       onKeyDown={[Function]}
                                     >
@@ -119470,7 +127060,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                         className="bx--header__menu"
                                       >
                                         <MegaMenu
-                                          autoid="dds--masthead-alt__l1-nav3"
+                                          autoid="dds--masthead-alt__l1-nav4"
                                           data={
                                             Object {
                                               "hasMegapanel": true,
@@ -119628,6 +127218,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                             }
                                           }
                                           key=".$Fusce nec tellus sed augue semper porta"
+                                          refs={[Function]}
                                           role="none"
                                         >
                                           <NavigationGroup>
@@ -119642,7 +127233,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                   className="bx--masthead__megamenu__container--row"
                                                 >
                                                   <RightNavigation
-                                                    autoid="dds--masthead-alt__l1-nav3"
+                                                    autoid="dds--masthead-alt__l1-nav4"
                                                     hasHighlights={false}
                                                   >
                                                     <div
@@ -119652,7 +127243,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                         className="bx--masthead__megamenu__categories"
                                                       >
                                                         <CategoryGroup
-                                                          autoid="dds--masthead-alt__l1-nav3"
+                                                          autoid="dds--masthead-alt__l1-nav4"
                                                           href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                           index={0}
                                                           key="0"
@@ -119669,7 +127260,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                               >
                                                                 <LinkWithIcon
                                                                   className="bx--masthead__megamenu__category-headline"
-                                                                  data-autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                  data-autoid="dds--masthead-alt__l1-nav4-list0"
                                                                   href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                                   iconPlacement="right"
                                                                 >
@@ -119679,12 +127270,12 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   >
                                                                     <Link
                                                                       className="bx--link-with-icon"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list0"
                                                                       href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                                     >
                                                                       <a
                                                                         className="bx--link bx--link-with-icon"
-                                                                        data-autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                        data-autoid="dds--masthead-alt__l1-nav4-list0"
                                                                         href="https://developer.ibm.com/?lnk=hpmdev_dw&lnk2=learn"
                                                                         rel={null}
                                                                       >
@@ -119721,7 +127312,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </div>
                                                                 </LinkWithIcon>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list0"
                                                                   href=""
                                                                   index={0}
                                                                   key="0"
@@ -119729,7 +127320,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list0-item0"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list0-item0"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119737,7 +127328,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list0"
                                                                   href=""
                                                                   index={1}
                                                                   key="1"
@@ -119745,7 +127336,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list0-item1"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list0-item1"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119753,7 +127344,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list0"
                                                                   href=""
                                                                   index={2}
                                                                   key="2"
@@ -119761,7 +127352,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list0-item2"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list0-item2"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119769,7 +127360,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list0"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list0"
                                                                   href=""
                                                                   index={3}
                                                                   key="3"
@@ -119777,7 +127368,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list0-item3"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list0-item3"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119789,7 +127380,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                           </div>
                                                         </CategoryGroup>
                                                         <CategoryGroup
-                                                          autoid="dds--masthead-alt__l1-nav3"
+                                                          autoid="dds--masthead-alt__l1-nav4"
                                                           href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                           index={1}
                                                           key="1"
@@ -119806,7 +127397,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                               >
                                                                 <LinkWithIcon
                                                                   className="bx--masthead__megamenu__category-headline"
-                                                                  data-autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                  data-autoid="dds--masthead-alt__l1-nav4-list1"
                                                                   href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                                   iconPlacement="right"
                                                                 >
@@ -119816,12 +127407,12 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   >
                                                                     <Link
                                                                       className="bx--link-with-icon"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list1"
                                                                       href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                                     >
                                                                       <a
                                                                         className="bx--link bx--link-with-icon"
-                                                                        data-autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                        data-autoid="dds--masthead-alt__l1-nav4-list1"
                                                                         href="https://developer.ibm.com/technologies/blockchain/?lnk=hpmdev_dw&lnk2=learn"
                                                                         rel={null}
                                                                       >
@@ -119858,7 +127449,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </div>
                                                                 </LinkWithIcon>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list1"
                                                                   href=""
                                                                   index={0}
                                                                   key="0"
@@ -119866,7 +127457,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list1-item0"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list1-item0"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119874,7 +127465,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list1"
                                                                   href=""
                                                                   index={1}
                                                                   key="1"
@@ -119882,7 +127473,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list1-item1"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list1-item1"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119890,7 +127481,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list1"
                                                                   href=""
                                                                   index={2}
                                                                   key="2"
@@ -119898,7 +127489,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list1-item2"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list1-item2"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119906,7 +127497,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list1"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list1"
                                                                   href=""
                                                                   index={3}
                                                                   key="3"
@@ -119914,7 +127505,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list1-item3"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list1-item3"
                                                                     href=""
                                                                     tabIndex={0}
                                                                   >
@@ -119926,7 +127517,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                           </div>
                                                         </CategoryGroup>
                                                         <CategoryGroup
-                                                          autoid="dds--masthead-alt__l1-nav3"
+                                                          autoid="dds--masthead-alt__l1-nav4"
                                                           href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                           index={2}
                                                           key="2"
@@ -119943,7 +127534,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                               >
                                                                 <LinkWithIcon
                                                                   className="bx--masthead__megamenu__category-headline"
-                                                                  data-autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                  data-autoid="dds--masthead-alt__l1-nav4-list2"
                                                                   href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                   iconPlacement="right"
                                                                 >
@@ -119953,12 +127544,12 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   >
                                                                     <Link
                                                                       className="bx--link-with-icon"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list2"
                                                                       href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                     >
                                                                       <a
                                                                         className="bx--link bx--link-with-icon"
-                                                                        data-autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                        data-autoid="dds--masthead-alt__l1-nav4-list2"
                                                                         href="https://developer.ibm.com/technologies/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                         rel={null}
                                                                       >
@@ -119995,7 +127586,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </div>
                                                                 </LinkWithIcon>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list2"
                                                                   href="https://developer.ibm.com/patterns/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                   index={0}
                                                                   key="0"
@@ -120003,7 +127594,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list2-item0"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list2-item0"
                                                                     href="https://developer.ibm.com/patterns/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                     tabIndex={0}
                                                                   >
@@ -120011,7 +127602,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list2"
                                                                   href="https://developer.ibm.com/tutorials/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                   index={1}
                                                                   key="1"
@@ -120019,7 +127610,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list2-item1"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list2-item1"
                                                                     href="https://developer.ibm.com/tutorials/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                     tabIndex={0}
                                                                   >
@@ -120027,7 +127618,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list2"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list2"
                                                                   href="https://developer.ibm.com/events/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                   index={2}
                                                                   key="2"
@@ -120035,7 +127626,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list2-item2"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list2-item2"
                                                                     href="https://developer.ibm.com/events/category/containers/?lnk=hpmdev_dw&lnk2=learn"
                                                                     tabIndex={0}
                                                                   >
@@ -120047,7 +127638,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                           </div>
                                                         </CategoryGroup>
                                                         <CategoryGroup
-                                                          autoid="dds--masthead-alt__l1-nav3"
+                                                          autoid="dds--masthead-alt__l1-nav4"
                                                           href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                           index={3}
                                                           key="3"
@@ -120064,7 +127655,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                               >
                                                                 <LinkWithIcon
                                                                   className="bx--masthead__megamenu__category-headline"
-                                                                  data-autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                  data-autoid="dds--masthead-alt__l1-nav4-list3"
                                                                   href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                   iconPlacement="right"
                                                                 >
@@ -120074,12 +127665,12 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   >
                                                                     <Link
                                                                       className="bx--link-with-icon"
-                                                                      data-autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                      data-autoid="dds--masthead-alt__l1-nav4-list3"
                                                                       href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                     >
                                                                       <a
                                                                         className="bx--link bx--link-with-icon"
-                                                                        data-autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                        data-autoid="dds--masthead-alt__l1-nav4-list3"
                                                                         href="https://developer.ibm.com/technologies/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                         rel={null}
                                                                       >
@@ -120116,7 +127707,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </div>
                                                                 </LinkWithIcon>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list3"
                                                                   href="https://developer.ibm.com/patterns/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                   index={0}
                                                                   key="0"
@@ -120124,7 +127715,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list3-item0"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list3-item0"
                                                                     href="https://developer.ibm.com/patterns/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                     tabIndex={0}
                                                                   >
@@ -120132,7 +127723,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list3"
                                                                   href="https://developer.ibm.com/tutorials/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                   index={1}
                                                                   key="1"
@@ -120140,7 +127731,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list3-item1"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list3-item1"
                                                                     href="https://developer.ibm.com/tutorials/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                     tabIndex={0}
                                                                   >
@@ -120148,7 +127739,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list3"
                                                                   href="https://developer.ibm.com/events/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                   index={2}
                                                                   key="2"
@@ -120156,7 +127747,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list3-item2"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list3-item2"
                                                                     href="https://developer.ibm.com/events/category/analytics/?lnk=hpmdev_dw&lnk2=learn"
                                                                     tabIndex={0}
                                                                   >
@@ -120164,7 +127755,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                   </a>
                                                                 </CategoryLink>
                                                                 <CategoryLink
-                                                                  autoid="dds--masthead-alt__l1-nav3-list3"
+                                                                  autoid="dds--masthead-alt__l1-nav4-list3"
                                                                   href="https://developer.ibm.com/watson/?lnk=hpmdev_dw&lnk2=learn"
                                                                   index={3}
                                                                   key="3"
@@ -120172,7 +127763,7 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                                                 >
                                                                   <a
                                                                     className="bx--masthead__megamenu__category-sublink"
-                                                                    data-autoid="dds--masthead-alt__l1-nav3-list3-item3"
+                                                                    data-autoid="dds--masthead-alt__l1-nav4-list3-item3"
                                                                     href="https://developer.ibm.com/watson/?lnk=hpmdev_dw&lnk2=learn"
                                                                     tabIndex={0}
                                                                   >
@@ -120196,21 +127787,21 @@ exports[`Storyshots Components|Masthead With L 1 1`] = `
                                   </HeaderMenu>
                                 </ForwardRef>
                                 <ForwardRef(HeaderMenuItem)
-                                  data-autoid="dds--masthead-alt__l1-nav4"
+                                  data-autoid="dds--masthead-alt__l1-nav5"
                                   href="https://www.ibm.com/support/home/?lnk=msu_usen"
-                                  key=".$4"
+                                  key=".$5"
                                 >
                                   <li>
                                     <Link
                                       className="bx--header__menu-item"
-                                      data-autoid="dds--masthead-alt__l1-nav4"
+                                      data-autoid="dds--masthead-alt__l1-nav5"
                                       element="a"
                                       href="https://www.ibm.com/support/home/?lnk=msu_usen"
                                       tabIndex={0}
                                     >
                                       <a
                                         className="bx--header__menu-item"
-                                        data-autoid="dds--masthead-alt__l1-nav4"
+                                        data-autoid="dds--masthead-alt__l1-nav5"
                                         href="https://www.ibm.com/support/home/?lnk=msu_usen"
                                         tabIndex={0}
                                       >
diff --git a/packages/react/src/components/CTASection/__stories__/CTASection.stories.js b/packages/react/src/components/CTASection/__stories__/CTASection.stories.js
index 566a8684641..2c3e524a4d0 100644
--- a/packages/react/src/components/CTASection/__stories__/CTASection.stories.js
+++ b/packages/react/src/components/CTASection/__stories__/CTASection.stories.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -10,7 +10,7 @@ import CTASection from '../CTASection';
 import React from 'react';
 import readme from '../README.stories.mdx';
 
-const types = ['local', 'external', 'default'];
+const types = ['local', 'external'];
 
 const contentItemsProps = [
   {
@@ -78,12 +78,12 @@ Default.story = {
           type: types[0],
           buttons: [
             {
-              type: select('ContentBlock | CTA type', types, types[2], groupId),
+              type: select('ContentBlock | CTA type', types, types[0], groupId),
               copy: 'Secondary button',
               href: 'https://example.com/',
             },
             {
-              type: select('ContentBlock | CTA type', types, types[2], groupId),
+              type: select('ContentBlock | CTA type', types, types[0], groupId),
               copy: 'Primary button',
               href: 'https://example.com/',
             },
@@ -137,12 +137,12 @@ WithContentItems.story = {
           type: types[0],
           buttons: [
             {
-              type: select('CTA (type):', types, types[2], groupId),
+              type: select('CTA (type):', types, types[0], groupId),
               copy: 'Secondary button',
               href: 'https://example.com/',
             },
             {
-              type: select('CTA (type):', types, types[2], groupId),
+              type: select('CTA (type):', types, types[0], groupId),
               copy: 'Primary button',
               href: 'https://example.com/',
             },
diff --git a/packages/react/src/components/CalloutData/CalloutData.js b/packages/react/src/components/CalloutData/CalloutData.js
index e0878663ca2..5f1a8c3f2c3 100644
--- a/packages/react/src/components/CalloutData/CalloutData.js
+++ b/packages/react/src/components/CalloutData/CalloutData.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -35,7 +35,7 @@ const CalloutData = ({ data, copy, source }) =>
     </div>
   );
 
-CalloutData.PropTypes = {
+CalloutData.propTypes = {
   /**
    * Data for CalloutData pattern.
    */
diff --git a/packages/react/src/components/CardSectionCarousel/__stories__/CardSectionCarousel.stories.js b/packages/react/src/components/CardSectionCarousel/__stories__/CardSectionCarousel.stories.js
index a2801801312..61abbb73237 100644
--- a/packages/react/src/components/CardSectionCarousel/__stories__/CardSectionCarousel.stories.js
+++ b/packages/react/src/components/CardSectionCarousel/__stories__/CardSectionCarousel.stories.js
@@ -27,7 +27,7 @@ export const Default = () => {
       This component is maintined in{' '}
       <code>@carbon/ibmdotcom-web-components</code> library with a{' '}
       <a
-        class="bx--link"
+        className="bx--link"
         target="_blank"
         href="http://ibmdotcom-web-components-react.mybluemix.net/?path=/story/components-card-section-carousel--default">
         React wrapper
diff --git a/packages/react/src/components/CardSectionSimple/__stories__/CardSectionSimple.stories.js b/packages/react/src/components/CardSectionSimple/__stories__/CardSectionSimple.stories.js
index 061c00e24af..e03b8d52bfb 100644
--- a/packages/react/src/components/CardSectionSimple/__stories__/CardSectionSimple.stories.js
+++ b/packages/react/src/components/CardSectionSimple/__stories__/CardSectionSimple.stories.js
@@ -40,7 +40,8 @@ export default {
 
 export const Default = ({ parameters }) => {
   const { heading, cards } = parameters?.props?.CardSectionSimple ?? {};
-  const theme = document.documentElement.getAttribute('storybook-carbon-theme');
+  const theme =
+    document.documentElement.getAttribute('storybook-carbon-theme') || 'white';
   return <CardSectionSimple heading={heading} theme={theme} cards={cards} />;
 };
 
diff --git a/packages/react/src/components/Carousel/__stories__/Carousel.stories.js b/packages/react/src/components/Carousel/__stories__/Carousel.stories.js
index 32d5376c6da..fb3fdd5e2ff 100644
--- a/packages/react/src/components/Carousel/__stories__/Carousel.stories.js
+++ b/packages/react/src/components/Carousel/__stories__/Carousel.stories.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -26,7 +26,7 @@ export const Default = () => {
       This component is maintined in{' '}
       <code>@carbon/ibmdotcom-web-components</code> library with a{' '}
       <a
-        class="bx--link"
+        className="bx--link"
         target="_blank"
         href="https://ibmdotcom-web-components-react.mybluemix.net/?path=/story/components-carousel--default">
         React wrapper
diff --git a/packages/react/src/components/DotcomShell/DotcomShell.js b/packages/react/src/components/DotcomShell/DotcomShell.js
index ce36688a157..26f0a0ecc78 100644
--- a/packages/react/src/components/DotcomShell/DotcomShell.js
+++ b/packages/react/src/components/DotcomShell/DotcomShell.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -69,7 +69,7 @@ DotcomShell.propTypes = {
         })
       ),
     }),
-    type: PropTypes.oneOf(['tall', 'short']),
+    type: PropTypes.oneOf(['tall', 'short', 'micro']),
     langCode: PropTypes.shape({
       cc: PropTypes.string,
       lc: PropTypes.string,
diff --git a/packages/react/src/components/Footer/LanguageSelector.js b/packages/react/src/components/Footer/LanguageSelector.js
index c79d596c7bc..864fb974483 100644
--- a/packages/react/src/components/Footer/LanguageSelector.js
+++ b/packages/react/src/components/Footer/LanguageSelector.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -91,6 +91,7 @@ const LanguageSelector = ({
       <Select
         defaultValue={selectedItem.id}
         data-autoid={`${stablePrefix}--language-selector__select`}
+        id={`${prefix}--language-selector`}
         className={`${prefix}--language-selector`}
         onChange={evt => _setSelectedItem(evt)}
         text={selectedItem.text}
@@ -110,8 +111,10 @@ const LanguageSelector = ({
 
 function renderSelectItems(items) {
   const selectItems = [];
-  items.map(item => {
-    selectItems.push(<SelectItem value={item.id} text={item.text} />);
+  items.map((item, index) => {
+    selectItems.push(
+      <SelectItem value={item.id} text={item.text} key={index} />
+    );
   });
   return selectItems;
 }
diff --git a/packages/react/src/components/Footer/LegalNav.js b/packages/react/src/components/Footer/LegalNav.js
index 4296a337f7a..16b5ada15f6 100644
--- a/packages/react/src/components/Footer/LegalNav.js
+++ b/packages/react/src/components/Footer/LegalNav.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -81,7 +81,7 @@ LegalNav.propTypes = {
    * The locale/language selector button.
    * Renders only in micro version
    */
-  button: PropTypes.func,
+  button: PropTypes.object,
 };
 
 LegalNav.defaultProps = {
diff --git a/packages/react/src/components/LeadSpace/LeadSpace.js b/packages/react/src/components/LeadSpace/LeadSpace.js
index b01af7a4333..1e696cee385 100644
--- a/packages/react/src/components/LeadSpace/LeadSpace.js
+++ b/packages/react/src/components/LeadSpace/LeadSpace.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -68,7 +68,6 @@ const LeadSpace = ({ buttons, copy, gradient, image, theme, title, type }) => {
   const background = image && {
     backgroundImage: `url(${image.defaultSrc})`,
   };
-
   return (
     <div
       data-autoid={`${stablePrefix}--leadspace`}
@@ -133,20 +132,18 @@ LeadSpace.propTypes = {
    * Object with different ratio options for corresponding breakpoints.
    * See [`<Image>`'s README](http://ibmdotcom-react.mybluemix.net/?path=/docs/components-image--default#props) for full usage details.
    */
-  image: PropTypes.shape(
-    PropTypes.shape({
-      classname: PropTypes.string,
-      sources: PropTypes.arrayOf(
-        PropTypes.shape({
-          src: PropTypes.string,
-          breakpoint: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        })
-      ),
-      defaultSrc: PropTypes.string.isRequired,
-      alt: PropTypes.string.isRequired,
-      longDescription: PropTypes.string,
-    })
-  ),
+  image: PropTypes.shape({
+    classname: PropTypes.string,
+    sources: PropTypes.arrayOf(
+      PropTypes.shape({
+        src: PropTypes.string,
+        breakpoint: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      })
+    ),
+    defaultSrc: PropTypes.string.isRequired,
+    alt: PropTypes.string.isRequired,
+    longDescription: PropTypes.string,
+  }),
 
   /**
    * Color theme of LeadSpace. Choose from:
diff --git a/packages/react/src/components/LeadspaceWithSearch/LeadspaceWithSearch.js b/packages/react/src/components/LeadspaceWithSearch/LeadspaceWithSearch.js
index 493fd8123a8..7312549bbdb 100644
--- a/packages/react/src/components/LeadspaceWithSearch/LeadspaceWithSearch.js
+++ b/packages/react/src/components/LeadspaceWithSearch/LeadspaceWithSearch.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -19,25 +19,27 @@ const LeadspaceWithSearch = ({ heading, copy, searchProps }) => {
   const leadspaceContainer = useRef(null);
 
   useEffect(() => {
-    if (leadspaceContainer) {
-      const { current } = leadspaceContainer;
-      const observer = new ResizeObserver(entries => {
-        for (const entry of entries) {
-          const CARBON_MD_BREAKPOINT = 672;
-          const { inlineSize: leadspaceWidth } = entry.borderBoxSize[0];
-          const { desktop, mobile } = searchProps.placeHolder;
+    leadspaceContainer.current = new ResizeObserver(entries => {
+      for (const entry of entries) {
+        const CARBON_MD_BREAKPOINT = 672;
+        const { inlineSize: leadspaceWidth } = entry.borderBoxSize[0];
+        const { desktop, mobile } = searchProps.placeholder;
 
-          if (leadspaceWidth > CARBON_MD_BREAKPOINT || !mobile) {
-            setSearchplaceHolder(desktop);
-          }
-          if (leadspaceWidth <= CARBON_MD_BREAKPOINT && mobile) {
-            setSearchplaceHolder(mobile);
-          }
+        if (leadspaceWidth > CARBON_MD_BREAKPOINT || !mobile) {
+          setSearchplaceHolder(desktop);
         }
-      });
-      observer?.observe(current);
-    }
-  }, [searchProps.placeHolder]);
+        if (leadspaceWidth <= CARBON_MD_BREAKPOINT && mobile) {
+          setSearchplaceHolder(mobile);
+        }
+      }
+    });
+    leadspaceContainer.current.observe(document.documentElement);
+
+    return () => {
+      leadspaceContainer.current.disconnect();
+      leadspaceContainer.current = null;
+    };
+  }, [searchProps.placeholder]);
 
   return heading ? (
     <section
@@ -84,17 +86,17 @@ LeadspaceWithSearch.propTypes = {
    * Any other functions and properties passed down to this will be applyed to the [Search component](https://www.carbondesignsystem.com/components/search/usage/).
    *
    */
-  searchProps: {
+  searchProps: PropTypes.shape({
     /**
      * The Leadspace With Search accepts two placeholders. One for mobile view and another for desktop. Both are optional. If you do not provide, it will be set to "Search".
      */
-    placeHolder: PropTypes.shape({
+    placeholder: PropTypes.shape({
       mobile: PropTypes.string,
       desktop: PropTypes.string,
     }),
     labelText: PropTypes.string,
     ...Search.propTypes,
-  },
+  }),
 };
 
 LeadspaceWithSearch.defaultProps = {
diff --git a/packages/react/src/components/LeadspaceWithSearch/__stories__/LeadspaceWithSearch.stories.js b/packages/react/src/components/LeadspaceWithSearch/__stories__/LeadspaceWithSearch.stories.js
index 15b4be01376..b43a74a94ad 100644
--- a/packages/react/src/components/LeadspaceWithSearch/__stories__/LeadspaceWithSearch.stories.js
+++ b/packages/react/src/components/LeadspaceWithSearch/__stories__/LeadspaceWithSearch.stories.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -26,7 +26,7 @@ export default !DDS_LEADSPACE_WITH_SEARCH
               groupId
             ),
             searchProps: {
-              placeHolder: {
+              placeholder: {
                 mobile: text(
                   'Mobile placeholder (searchProps.placeHolder.mobile):',
                   'Search keywords',
diff --git a/packages/react/src/components/LinkList/LinkList.js b/packages/react/src/components/LinkList/LinkList.js
index 5639fac3483..5f916708651 100644
--- a/packages/react/src/components/LinkList/LinkList.js
+++ b/packages/react/src/components/LinkList/LinkList.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -40,7 +40,7 @@ const LinkList = ({ heading, iconPlacement, items, style }) => {
               <CTA
                 style={linkStyle}
                 {...cta}
-                disableImage={true}
+                disableImage
                 {...(iconPlacement &&
                   linkStyle === 'text' && { iconPlacement })}
               />
@@ -56,7 +56,7 @@ LinkList.propTypes = {
   /**
    * Describes heading of LinkList.
    */
-  heading: PropTypes.string.isRequired,
+  heading: PropTypes.string,
 
   /**
    * Describes the list of CTA.
diff --git a/packages/react/src/components/Masthead/MastheadLeftNav.js b/packages/react/src/components/Masthead/MastheadLeftNav.js
index 1db9abafe08..ab3dab31631 100755
--- a/packages/react/src/components/Masthead/MastheadLeftNav.js
+++ b/packages/react/src/components/Masthead/MastheadLeftNav.js
@@ -87,6 +87,7 @@ const MastheadLeftNav = ({
           autoid={autoid}
           selected={selected}
           navType={rest.navType}
+          heading={link.menuSections[0]?.heading}
           dataTitle={dataTitle}>
           {renderNavSections(
             link.menuSections,
@@ -180,17 +181,32 @@ const preventOutFocus = (target, isSideNavExpanded) => {
 function renderNavSections(sections, backButtonText, autoid, navType) {
   const sectionItems = [];
   sections.forEach(section => {
-    section.menuItems.forEach((item, j) => {
-      const dataAutoId = `${autoid}-list${j}`;
+    // get array of highlighted menu items to render first
+    let highlightedItems = [];
+    const menu = [];
+
+    section.menuItems.forEach(item => {
+      if (item.highlighted) return highlightedItems.push(item);
+      return menu.push(item);
+    });
+
+    const menuItems = highlightedItems.concat(menu);
+    const highlightedCount = highlightedItems.length;
+
+    menuItems.forEach((item, k) => {
+      const dataAutoId = `${autoid}-list${k}`;
       if (item.megapanelContent) {
         sectionItems.push(
           <SideNavMenuWithBackFoward
             title={item.title}
             titleUrl={item.url}
+            lastHighlighted={
+              highlightedCount !== 0 && k + 1 === highlightedCount
+            }
             backButtonText={backButtonText}
             autoid={dataAutoId}
             navType={navType}
-            key={j}>
+            key={k}>
             {renderNavItem(item.megapanelContent.quickLinks.links, dataAutoId)}
             <button
               className={`${prefix}--masthead__focus`}
@@ -207,24 +223,26 @@ function renderNavSections(sections, backButtonText, autoid, navType) {
         sectionItems.push(
           <SideNavMenuItem
             href={item.url}
+            className={
+              highlightedCount !== 0 &&
+              k + 1 === highlightedCount &&
+              `${prefix}--masthead__side-nav__last-highlighted`
+            }
             data-autoid={dataAutoId}
             key={item.title}>
             {item.title}
           </SideNavMenuItem>
         );
       }
-
-      if (j === section.menuItems.length - 1) {
-        sectionItems.push(
-          <button
-            className={`${prefix}--masthead__focus`}
-            onFocus={e => {
-              preventOutFocus(e.target.parentElement.querySelector('a'), true);
-            }}
-            aria-hidden={true}></button>
-        );
-      }
     });
+    sectionItems.push(
+      <button
+        className={`${prefix}--masthead__focus`}
+        onFocus={e => {
+          preventOutFocus(e.target.parentElement.querySelector('a'), true);
+        }}
+        aria-hidden={true}></button>
+    );
   });
 
   return sectionItems;
diff --git a/packages/react/src/components/Masthead/MastheadMegaMenu/CategoryLink.js b/packages/react/src/components/Masthead/MastheadMegaMenu/CategoryLink.js
index 68dee0b0978..2f33fc1dcf9 100644
--- a/packages/react/src/components/Masthead/MastheadMegaMenu/CategoryLink.js
+++ b/packages/react/src/components/Masthead/MastheadMegaMenu/CategoryLink.js
@@ -1,9 +1,11 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import ArrowRight16 from '@carbon/icons-react/es/arrow--right/16';
+import { LinkWithIcon } from '../../LinkWithIcon';
 import PropTypes from 'prop-types';
 import React from 'react';
 import settings from 'carbon-components/es/globals/js/settings';
@@ -13,15 +15,28 @@ const { prefix } = settings;
 /**
  * Category sublink
  */
-const CategoryLink = ({ href, title, ...rest }) => (
-  <a
-    tabIndex={0}
-    href={href}
-    className={`${prefix}--masthead__megamenu__category-sublink`}
-    data-autoid={`${rest.autoid}-item${rest.index}`}>
-    {title}
-  </a>
-);
+const CategoryLink = ({ href, title, highlighted, ...rest }) => {
+  return (
+    <>
+      {highlighted ? (
+        <LinkWithIcon
+          className={`${prefix}--masthead__megamenu__category-sublink--highlighted`}
+          href={href}>
+          <span>{title}</span>
+          <ArrowRight16 />
+        </LinkWithIcon>
+      ) : (
+        <a
+          tabIndex={0}
+          href={href}
+          className={`${prefix}--masthead__megamenu__category-sublink`}
+          data-autoid={`${rest.autoid}-item${rest.index}`}>
+          {title}
+        </a>
+      )}
+    </>
+  );
+};
 
 CategoryLink.propTypes = {
   /**
@@ -33,6 +48,11 @@ CategoryLink.propTypes = {
    * Category sublink text
    */
   title: PropTypes.string.isRequired,
+
+  /**
+   * Determines whether to render regular link style or link with icon
+   */
+  highlighted: PropTypes.bool,
 };
 
 export default CategoryLink;
diff --git a/packages/react/src/components/Masthead/MastheadMegaMenu/MegaMenu.js b/packages/react/src/components/Masthead/MastheadMegaMenu/MegaMenu.js
index 0eafb0fd499..4235b425890 100644
--- a/packages/react/src/components/Masthead/MastheadMegaMenu/MegaMenu.js
+++ b/packages/react/src/components/Masthead/MastheadMegaMenu/MegaMenu.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -11,6 +11,9 @@ import NavigationGroup from './NavigationGroup';
 import PropTypes from 'prop-types';
 import React from 'react';
 import RightNavigation from './RightNavigation';
+import settings from 'carbon-components/es/globals/js/settings';
+
+const { prefix } = settings;
 
 /**
  * Masthead megamenu component.
@@ -28,23 +31,34 @@ const MegaMenu = ({ data, ...rest }) => {
 
   const hasHighlights = highlightedItems.length !== 0;
 
+  const heading = data.menuSections[0]?.heading;
+
   return (
     <NavigationGroup>
       {hasHighlights && (
         <LeftNavigation>
+          {heading && (
+            <p className={`${prefix}--masthead__megamenu__copy`}>{heading}</p>
+          )}
           {highlightedItems.map((item, i) => (
             <CategoryGroup
               autoid={rest.autoid}
-              index={i}
+              key={i}
               href={item.url}
               title={item.title}>
+              {item.megapanelContent?.description && (
+                <p className={`${prefix}--masthead__megamenu__copy`}>
+                  {item.megapanelContent?.description}
+                </p>
+              )}
               {item.megapanelContent?.quickLinks?.links.map(
-                ({ title, url }, key) => (
+                ({ title, url, highlightedLink }, key) => (
                   <CategoryLink
                     href={url}
                     title={title}
+                    highlighted={highlightedLink}
                     autoid={`${rest.autoid}-list${i}`}
-                    index={key}
+                    key={key}
                   />
                 )
               )}
diff --git a/packages/react/src/components/Masthead/__stories__/data/MastheadLinks.js b/packages/react/src/components/Masthead/__stories__/data/MastheadLinks.js
index 860ced8e51e..5e08738de05 100644
--- a/packages/react/src/components/Masthead/__stories__/data/MastheadLinks.js
+++ b/packages/react/src/components/Masthead/__stories__/data/MastheadLinks.js
@@ -12,6 +12,287 @@
  */
 
 const mastheadLinks = [
+  {
+    title: 'Products & Solutions',
+    titleEnglish: 'Products & Solutions',
+    url: '',
+    hasMenu: true,
+    hasMegapanel: true,
+    menuSections: [
+      {
+        heading: 'The essentials',
+        menuItems: [
+          {
+            title: 'Hybrid Cloud',
+            titleEnglish: 'Hybrid Cloud',
+            url: '',
+            highlighted: true,
+            megapanelContent: {
+              headingTitle: 'Hybrid Cloud',
+              headingUrl: '',
+              description:
+                'Blend cloud and on-premises resources for flexibility and balance',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'What is Hybrid Cloud?',
+                    titleEnglish: 'What is Hybrid Cloud?',
+                    highlightedLink: true,
+                    url: 'https://www.ibm.com/cloud/hybrid',
+                  },
+                  {
+                    title: 'Hybrid cloud solutions',
+                    titleEnglish: 'Hybrid cloud solutions',
+                    highlightedLink: true,
+                    url: 'https://www.ibm.com/cloud/hybrid',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl:
+                  'https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Artificial intelligence',
+            titleEnglish: 'Artificial intelligence',
+            url: '',
+            highlighted: true,
+            megapanelContent: {
+              headingTitle: 'Artificial intelligence',
+              headingUrl: 'https://www.ibm.com/artificial-intelligence',
+              description: 'Unlock the value in your organization with AI',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'What is AI?',
+                    titleEnglish: 'What is AI?',
+                    highlightedLink: true,
+                    url: 'https://www.ibm.com/artificial-intelligence',
+                  },
+                  {
+                    title: 'AI solutions',
+                    titleEnglish: 'AI solutions',
+                    highlightedLink: true,
+                    url: 'https://www.ibm.com/artificial-intelligence',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: '',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Top products & platforms',
+            titleEnglish: 'Top products & platforms',
+            url: 'https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Top products & platforms',
+              headingUrl: 'https://www.ibm.com/products?lnk=hpmps_bupr',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Db2',
+                    titleEnglish: 'Db2',
+                    url:
+                      'https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'Hybrid Cloud',
+                    titleEnglish: 'Hybrid Cloud',
+                    url:
+                      'https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'IBM Cloud',
+                    titleEnglish: 'IBM Cloud',
+                    url: 'https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'IBM Security',
+                    titleEnglish: 'IBM Security',
+                    url:
+                      'https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'IBM Sterling',
+                    titleEnglish: 'IBM Sterling',
+                    url:
+                      'https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'IBM Z',
+                    titleEnglish: 'IBM Z',
+                    url:
+                      'https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'Red Hat',
+                    titleEnglish: 'Red Hat',
+                    url:
+                      'https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'SPSS Statistics',
+                    titleEnglish: 'SPSS Statistics',
+                    url:
+                      'https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'The Weather Company',
+                    titleEnglish: 'The Weather Company',
+                    url:
+                      'https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'Watson',
+                    titleEnglish: 'Watson',
+                    url: 'https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'WebSphere',
+                    titleEnglish: 'WebSphere',
+                    url:
+                      'https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl:
+                  'https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Security',
+            titleEnglish: 'Security',
+            url: 'https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Security',
+              headingUrl: 'https://www.ibm.com/security?lnk=hpmps_buse',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Data security',
+                    titleEnglish: 'Data security',
+                    url:
+                      'https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Identity & access management',
+                    titleEnglish: 'Identity & access management',
+                    url:
+                      'https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Security information & event management',
+                    titleEnglish: 'Security information & event management',
+                    url:
+                      'https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Security orchestration, automation & response',
+                    titleEnglish:
+                      'Security orchestration, automation & response',
+                    url:
+                      'https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse',
+                  },
+                  {
+                    title: 'View all Security products',
+                    titleEnglish: 'View all Security products',
+                    url:
+                      'https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl:
+                  'https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Supply chain',
+            titleEnglish: 'Supply chain',
+            url: 'https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Supply chain',
+              headingUrl: 'https://www.ibm.com/supply-chain?lnk=hpmps_busc',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Supply chain visibility',
+                    titleEnglish: 'Supply chain visibility',
+                    url:
+                      'https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn',
+                  },
+                  {
+                    title: 'Supplier collaboration',
+                    titleEnglish: 'Supplier collaboration',
+                    url:
+                      'https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn',
+                  },
+                  {
+                    title: 'Business process improvement',
+                    titleEnglish: 'Business process improvement',
+                    url:
+                      'https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn',
+                  },
+                  {
+                    title: 'Order management and fulfillment',
+                    titleEnglish: 'Order management and fulfillment',
+                    url:
+                      'https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn',
+                  },
+                  {
+                    title: 'View all Supply Chain products',
+                    titleEnglish: 'View all Supply Chain products',
+                    url:
+                      'https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl:
+                  'https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'View all products',
+            titleEnglish: 'View all products',
+            url: 'https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link',
+            megaPanelViewAll: true,
+          },
+        ],
+      },
+    ],
+  },
   {
     title: 'Lorem ipsum dolor sit amet',
     titleEnglish: 'Lorem ipsum dolor sit amet',
diff --git a/packages/react/src/components/carbon-components-react/UIShell/HeaderMenu.js b/packages/react/src/components/carbon-components-react/UIShell/HeaderMenu.js
index 5312e29c35c..cef74b76a66 100755
--- a/packages/react/src/components/carbon-components-react/UIShell/HeaderMenu.js
+++ b/packages/react/src/components/carbon-components-react/UIShell/HeaderMenu.js
@@ -1,7 +1,7 @@
 /* istanbul ignore file */
 
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -289,7 +289,7 @@ class HeaderMenu extends React.Component {
    */
   _renderMenuItem = (item, index) => {
     return React.cloneElement(item, {
-      ref: this.handleItemRef(index),
+      refs: this.handleItemRef(index),
       role: 'none',
     });
   };
diff --git a/packages/react/src/components/carbon-components-react/UIShell/SideNavMenu.js b/packages/react/src/components/carbon-components-react/UIShell/SideNavMenu.js
index b35554899b1..3c1cbc78ada 100755
--- a/packages/react/src/components/carbon-components-react/UIShell/SideNavMenu.js
+++ b/packages/react/src/components/carbon-components-react/UIShell/SideNavMenu.js
@@ -2,7 +2,7 @@
 /* istanbul ignore file */
 
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -204,14 +204,18 @@ export class SideNavMenu extends React.Component {
               <IconElement />
             </SideNavIcon>
           )}
-          <span
-            className={`${prefix}--side-nav__submenu-title`}
-            data-autoid={`${rest.autoid}`}>
-            {title}
-          </span>
-          <SideNavIcon className={`${prefix}--side-nav__submenu-chevron`} small>
-            <ChevronDown20 />
-          </SideNavIcon>
+          <div className={`${prefix}--side-nav__submenu-content`}>
+            <span
+              className={`${prefix}--side-nav__submenu-title`}
+              data-autoid={`${rest.autoid}`}>
+              {title}
+            </span>
+            <SideNavIcon
+              className={`${prefix}--side-nav__submenu-chevron`}
+              small>
+              <ChevronDown20 />
+            </SideNavIcon>
+          </div>
         </button>
         <ul className={`${prefix}--side-nav__menu`} role="menu">
           {React.Children.map(children, this._renderSideNavItem)}
diff --git a/packages/react/src/components/carbon-components-react/UIShell/SideNavMenuWithBackForward.js b/packages/react/src/components/carbon-components-react/UIShell/SideNavMenuWithBackForward.js
index 9366bc671f9..d851c465810 100755
--- a/packages/react/src/components/carbon-components-react/UIShell/SideNavMenuWithBackForward.js
+++ b/packages/react/src/components/carbon-components-react/UIShell/SideNavMenuWithBackForward.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -58,6 +58,10 @@ const SideNavMenuWithBackForward = ({
       autoid={rest.autoid}
       selected={rest.selected}
       title={title}
+      className={
+        rest.lastHighlighted &&
+        `${prefix}--masthead__side-nav__last-highlighted`
+      }
       onToggle={handleToggle}
       ref={refSideNavMenu}
       dataTitle={rest.dataTitle}>
@@ -86,6 +90,11 @@ const SideNavMenuWithBackForward = ({
           {title}
         </li>
       )}
+      {rest.heading && (
+        <p className={`${prefix}--masthead__side-nav--submemu-heading`}>
+          {rest.heading}
+        </p>
+      )}
       {children}
     </SideNavMenu>
   );
diff --git a/packages/react/src/internal/components/Callout/Callout.js b/packages/react/src/internal/components/Callout/Callout.js
index 3e122b24d0e..8b58fb1103b 100644
--- a/packages/react/src/internal/components/Callout/Callout.js
+++ b/packages/react/src/internal/components/Callout/Callout.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -36,7 +36,7 @@ Callout.propTypes = {
   /**
    * The component being imported into the callout container.
    */
-  children: PropTypes.object,
+  children: PropTypes.node,
 };
 
 export default Callout;
diff --git a/packages/react/src/internal/components/ConditionalWrapper/ConditionalWrapper.js b/packages/react/src/internal/components/ConditionalWrapper/ConditionalWrapper.js
index bd9b020fc94..607a15aff7b 100644
--- a/packages/react/src/internal/components/ConditionalWrapper/ConditionalWrapper.js
+++ b/packages/react/src/internal/components/ConditionalWrapper/ConditionalWrapper.js
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2020
+ * Copyright IBM Corp. 2016, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -42,7 +42,7 @@ ConditionalWrapper.propTypes = {
   /**
    * Wrapper element
    */
-  wrapper: PropTypes.node,
+  wrapper: PropTypes.func,
 
   /**
    * Children elements
diff --git a/packages/services-store/src/types/translateAPI.ts b/packages/services-store/src/types/translateAPI.ts
index 2de7e82ecaa..c413554fb81 100644
--- a/packages/services-store/src/types/translateAPI.ts
+++ b/packages/services-store/src/types/translateAPI.ts
@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -14,6 +14,7 @@
 export interface BasicLink {
   title: string;
   titleEnglish?: string;
+  highlightedLink?: boolean;
   url?: string;
 }
 
diff --git a/packages/styles/scss/components/masthead/_masthead-leftnav.scss b/packages/styles/scss/components/masthead/_masthead-leftnav.scss
index f9b53f075d2..393b013b2f2 100644
--- a/packages/styles/scss/components/masthead/_masthead-leftnav.scss
+++ b/packages/styles/scss/components/masthead/_masthead-leftnav.scss
@@ -85,6 +85,14 @@
       height: 100%;
     }
 
+    .#{$prefix}--side-nav--expanded .#{$prefix}--side-nav__item {
+      height: $container-04;
+
+      .#{$prefix}--side-nav__submenu {
+        height: 100%;
+      }
+    }
+
     .#{$prefix}--side-nav__overlay {
       top: 0;
       z-index: 1000;
@@ -110,13 +118,6 @@
         border-top: 1px solid $ui-03;
       }
     }
-
-    .#{$prefix}--side-nav--ux {
-      .#{$prefix}--side-nav__item,
-      .#{$prefix}--side-nav__menu-item:not(.#{$prefix}--masthead__side-nav--submemu-back) {
-        border-bottom: 1px solid $ui-03;
-      }
-    }
   }
 
   .#{$prefix}--side-nav__menu {
@@ -143,6 +144,21 @@
   }
 
   .#{$prefix}--side-nav__submenu {
+    display: flex;
+    flex-direction: column;
+
+    .#{$prefix}--side-nav__submenu-content {
+      width: 100%;
+      height: 100%;
+      display: flex;
+    }
+
+    &::after {
+      content: '';
+      width: 100%;
+      border-bottom: 1px solid $ui-03;
+    }
+
     &[aria-expanded='true'] {
       + .#{$prefix}--side-nav__menu[role='menu'] {
         position: absolute;
@@ -176,7 +192,7 @@
           color: $text-01;
           padding: 0 $carbon--spacing-05;
           height: $container-04;
-          border-bottom: 1px solid $ui-03;
+          border-bottom: 1px solid $ui-04;
           align-items: center;
         }
 
@@ -225,6 +241,7 @@
       @include carbon--type-style(body-short-02);
 
       color: $text-01;
+      align-self: center;
     }
 
     &[aria-haspopup='true'] {
@@ -239,6 +256,17 @@
     }
   }
 
+  .#{$prefix}--masthead__side-nav--submemu-heading,
+  :host(#{$dds-prefix}-left-nav-menu-category-heading) {
+    @include type-style('body-long-01');
+
+    display: block;
+    color: $text-02;
+    padding: $spacing-02 0;
+    margin: 0 $spacing-05;
+    border-bottom: 1px solid $ui-03;
+  }
+
   .#{$prefix}--masthead__side-nav--submemu--selected {
     border-left: 3px solid $interactive-01;
 
@@ -254,6 +282,64 @@
       fill: $text-01;
     }
   }
+
+  .#{$prefix}--side-nav__item
+    .#{$prefix}--side-nav__link:not([isbackbutton='true']),
+  :host(#{$dds-prefix}-left-nav-item-highlighted) a.#{$prefix}--side-nav__link,
+  :host(#{$dds-prefix}-left-nav-menu-item-highlighted)
+    a.#{$prefix}--side-nav__link[role='menuitem'],
+  :host(#{$dds-prefix}-left-nav-item) a.#{$prefix}--side-nav__link,
+  :host(#{$dds-prefix}-left-nav-menu-item)
+    a.#{$prefix}--side-nav__link[role='menuitem'] {
+    display: flex;
+    flex-direction: column;
+    padding-left: $carbon--spacing-05;
+    height: carbon--mini-units(6);
+    width: 100%;
+
+    .#{$prefix}--side-nav__link-text {
+      align-self: end;
+      margin-top: auto;
+    }
+
+    &::after {
+      content: '';
+      width: 100%;
+      margin-top: auto;
+      border-bottom: 1px solid $ui-03;
+    }
+  }
+
+  .#{$prefix}--masthead__side-nav__last-highlighted,
+  :host(#{$dds-prefix}-left-nav-menu-item[last-highlighted]),
+  :host(#{$dds-prefix}-left-nav-menu[last-highlighted]) {
+    border-bottom: 1px solid $ui-04;
+  }
+
+  .#{$prefix}--side-nav__menu-item.#{$prefix}--masthead__side-nav__last-highlighted
+    .#{$prefix}--side-nav__link::after,
+  :host(dds-left-nav-menu)
+    .#{$prefix}--masthead__side-nav--submemu-back
+    .#{$prefix}--side-nav__link::after,
+  :host(#{$dds-prefix}-left-nav-menu-item[last-highlighted])
+    .#{$prefix}--side-nav__link[role='menuitem']::after {
+    border-bottom: none;
+  }
+
+  .#{$prefix}--masthead__side-nav__last-highlighted,
+  :host(#{$dds-prefix}-left-nav-menu[last-highlighted]) {
+    .#{$prefix}--side-nav__submenu::after {
+      content: none;
+    }
+  }
+
+  .#{$prefix}--side-nav__submenu-platform {
+    flex-direction: row;
+
+    &::after {
+      content: none;
+    }
+  }
 }
 
 @include exports('masthead-sidenav') {
diff --git a/packages/styles/scss/components/masthead/_masthead-megamenu.scss b/packages/styles/scss/components/masthead/_masthead-megamenu.scss
index 32116ff0bfa..167555c51c5 100644
--- a/packages/styles/scss/components/masthead/_masthead-megamenu.scss
+++ b/packages/styles/scss/components/masthead/_masthead-megamenu.scss
@@ -127,7 +127,7 @@
   .#{$prefix}--masthead__megamenu__categories-section {
     display: flex;
     flex-direction: column;
-    padding-top: $spacing-06;
+    padding-top: rem(18px);
     width: 100%;
 
     .#{$prefix}--masthead__megamenu__categories {
@@ -147,6 +147,16 @@
     }
   }
 
+  .#{$prefix}--masthead__megamenu__copy,
+  :host(#{$dds-prefix}-megamenu-category-group-copy) {
+    display: block;
+    @include use-carbon-productive-tokens();
+    @include type-style('body-short-01');
+
+    color: $text-02;
+    padding: rem(6px) $spacing-05 rem(10px);
+  }
+
   :host(#{$dds-prefix}-megamenu-category-group),
   .#{$prefix}--masthead__megamenu__category-group {
     display: inline;
@@ -156,6 +166,13 @@
       display: inline-block;
       padding-bottom: $spacing-07;
     }
+
+    .#{$prefix}--masthead__megamenu__copy,
+    ::slotted(#{$dds-prefix}-megamenu-category-group-copy) {
+      color: $text-01;
+      margin-top: rem(-6px);
+      padding: 0 $spacing-05 1px $spacing-05;
+    }
   }
 
   :host(#{$dds-prefix}-megamenu-link-with-icon)[style-scheme='category-headline'],
@@ -165,7 +182,7 @@
     p,
     a,
     .#{$prefix}--link-with-icon {
-      padding: 7px $spacing-05;
+      padding: 6px $spacing-05;
       text-decoration: none;
       width: 100%;
     }
@@ -174,7 +191,7 @@
     p {
       color: $text-01;
       @include use-carbon-productive-tokens();
-      @include type-style('productive-heading-01');
+      @include type-style('expressive-heading-01');
     }
 
     svg {
@@ -191,11 +208,11 @@
   :host(#{$dds-prefix}-megamenu-category-link) a,
   .#{$prefix}--masthead__megamenu__category-sublink {
     @include use-carbon-productive-tokens();
-    @include type-style('body-short-01');
+    @include type-style('body-long-01');
 
     color: $text-02;
     text-decoration: none;
-    padding: 7px $spacing-05;
+    padding: 6px $spacing-05;
     display: block;
 
     &:hover,
@@ -204,6 +221,19 @@
     }
   }
 
+  .#{$prefix}--masthead__megamenu__category-sublink--highlighted,
+  :host(#{$dds-prefix}-megamenu-link-with-icon)[style-scheme='category-sublink'] {
+    @include use-carbon-productive-tokens();
+    @include type-style('body-short-01');
+
+    width: 100%;
+
+    a {
+      width: 100%;
+      padding: 7px $spacing-05;
+    }
+  }
+
   :host(#{$dds-prefix}-megamenu-link-with-icon)[style-scheme='view-all'],
   .#{$prefix}--masthead__megamenu__view-all-cta {
     margin-top: auto;
@@ -239,6 +269,8 @@
   :host(#{$dds-prefix}-megamenu-link-with-icon) a,
   .#{$prefix}--masthead__megamenu__category-headline
     .#{$prefix}--link-with-icon,
+  .#{$prefix}--masthead__megamenu__category-sublink--highlighted
+    .#{$prefix}--link-with-icon,
   .#{$prefix}--masthead__megamenu__view-all-cta .#{$prefix}--link-with-icon,
   .#{$prefix}--masthead__megamenu__category-sublink {
     &:focus,
@@ -258,7 +290,7 @@
   :host(#{$dds-prefix}-megamenu-left-navigation),
   .#{$prefix}--masthead__megamenu__highlight-section {
     min-height: 100%;
-    padding-top: $spacing-06;
+    padding-top: rem(18px);
     border-right: carbon--rem(1px) solid $ui-03;
     @include carbon--make-col(4, 16);
   }
@@ -273,6 +305,7 @@
       border-right: none;
       border-bottom: carbon--rem(1px) solid $ui-03;
       column-count: 2;
+      column-gap: 0;
       @include carbon--make-col(8, 8);
     }
 
diff --git a/packages/web-components/src/components/masthead/__stories__/links.ts b/packages/web-components/src/components/masthead/__stories__/links.ts
index c5c17760fc2..5296da62cfa 100644
--- a/packages/web-components/src/components/masthead/__stories__/links.ts
+++ b/packages/web-components/src/components/masthead/__stories__/links.ts
@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -1531,7 +1531,620 @@ const mastheadLinks: MastheadLink[] = [
   },
 ];
 
+/**
+ * Custom masthead link items.
+ */
+const customLinks: MastheadLink[] = [
+  {
+    title: 'Products & Solutions',
+    titleEnglish: 'Products & Solutions',
+    url: '',
+    hasMenu: true,
+    hasMegapanel: true,
+    menuSections: [
+      {
+        heading: 'The essentials',
+        menuItems: [
+          {
+            title: 'Hybrid Cloud',
+            titleEnglish: 'Hybrid Cloud',
+            url: '',
+            highlighted: true,
+            megapanelContent: {
+              headingTitle: 'Hybrid Cloud',
+              headingUrl: '',
+              description: 'Blend cloud and on-premises resources for flexibility and balance',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'What is Hybrid Cloud?',
+                    titleEnglish: 'What is Hybrid Cloud?',
+                    highlightedLink: true,
+                    url: 'https://www.ibm.com/cloud/hybrid',
+                  },
+                  {
+                    title: 'Hybrid cloud solutions',
+                    titleEnglish: 'Hybrid cloud solutions',
+                    highlightedLink: true,
+                    url: 'https://www.ibm.com/cloud/hybrid',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Artificial intelligence',
+            titleEnglish: 'Artificial intelligence',
+            url: '',
+            highlighted: true,
+            megapanelContent: {
+              headingTitle: 'Artificial intelligence',
+              headingUrl: 'https://www.ibm.com/artificial-intelligence',
+              description: 'Unlock the value in your organization with AI',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'What is AI?',
+                    titleEnglish: 'What is AI?',
+                    highlightedLink: true,
+                    url: 'https://www.ibm.com/artificial-intelligence',
+                  },
+                  {
+                    title: 'AI solutions',
+                    titleEnglish: 'AI solutions',
+                    highlightedLink: true,
+                    url: 'https://www.ibm.com/artificial-intelligence',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: '',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Top products & platforms',
+            titleEnglish: 'Top products & platforms',
+            url: 'https://www.ibm.com/products?lnk=hpmps_bupr&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Top products & platforms',
+              headingUrl: 'https://www.ibm.com/products?lnk=hpmps_bupr',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Db2',
+                    titleEnglish: 'Db2',
+                    url: 'https://www.ibm.com/analytics/db2?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'Hybrid Cloud',
+                    titleEnglish: 'Hybrid Cloud',
+                    url: 'https://www.ibm.com/cloud/hybrid?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'IBM Cloud',
+                    titleEnglish: 'IBM Cloud',
+                    url: 'https://www.ibm.com/cloud?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'IBM Security',
+                    titleEnglish: 'IBM Security',
+                    url: 'https://www.ibm.com/security?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'IBM Sterling',
+                    titleEnglish: 'IBM Sterling',
+                    url: 'https://www.ibm.com/supply-chain/sterling?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'IBM Z',
+                    titleEnglish: 'IBM Z',
+                    url: 'https://www.ibm.com/it-infrastructure/z?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'Red Hat',
+                    titleEnglish: 'Red Hat',
+                    url: 'https://www.ibm.com/cloud/redhat?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'SPSS Statistics',
+                    titleEnglish: 'SPSS Statistics',
+                    url: 'https://www.ibm.com/products/spss-statistics?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'The Weather Company',
+                    titleEnglish: 'The Weather Company',
+                    url: 'https://www.ibm.com/weather?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'Watson',
+                    titleEnglish: 'Watson',
+                    url: 'https://www.ibm.com/watson?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                  {
+                    title: 'WebSphere',
+                    titleEnglish: 'WebSphere',
+                    url: 'https://www.ibm.com/cloud/websphere-application-platform/?lnk=hpmps_bupr&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/7b8ce832a78108d5/original/megamenu-pictogram-top-products-and-services.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Security',
+            titleEnglish: 'Security',
+            url: 'https://www.ibm.com/security?lnk=hpmps_buse&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Security',
+              headingUrl: 'https://www.ibm.com/security?lnk=hpmps_buse',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Data security',
+                    titleEnglish: 'Data security',
+                    url: 'https://www.ibm.com/security/data-security?lnk=hpmps_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Identity & access management',
+                    titleEnglish: 'Identity & access management',
+                    url: 'https://www.ibm.com/security/identity-access-management?lnk=hpmps_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Security information & event management',
+                    titleEnglish: 'Security information & event management',
+                    url: 'https://www.ibm.com/security/security-intelligence?lnk=hpmps_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Security orchestration, automation & response',
+                    titleEnglish: 'Security orchestration, automation & response',
+                    url: 'https://www.ibm.com/security/intelligent-orchestration?lnk=hpmps_buse',
+                  },
+                  {
+                    title: 'View all Security products',
+                    titleEnglish: 'View all Security products',
+                    url:
+                      'https://www.ibm.com/us-en/products/category/technology/security?lnk=hpmps_buse&lnk2=learn?lnk=hpmps_buse&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/335f1d6485cede0/original/megamenu-pictogram-security.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Supply chain',
+            titleEnglish: 'Supply chain',
+            url: 'https://www.ibm.com/supply-chain?lnk=hpmps_busc&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Supply chain',
+              headingUrl: 'https://www.ibm.com/supply-chain?lnk=hpmps_busc',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Supply chain visibility',
+                    titleEnglish: 'Supply chain visibility',
+                    url: 'https://www.ibm.com/supply-chain/visibility?lnk=hpmps_busc&lnk2=learn',
+                  },
+                  {
+                    title: 'Supplier collaboration',
+                    titleEnglish: 'Supplier collaboration',
+                    url: 'https://www.ibm.com/supply-chain/supplier-collaboration-solutions?lnk=hpmps_busc&lnk2=learn',
+                  },
+                  {
+                    title: 'Business process improvement',
+                    titleEnglish: 'Business process improvement',
+                    url: 'https://www.ibm.com/supply-chain/process-improvement-solutions?lnk=hpmps_busc&lnk2=learn',
+                  },
+                  {
+                    title: 'Order management and fulfillment',
+                    titleEnglish: 'Order management and fulfillment',
+                    url: 'https://www.ibm.com/supply-chain/order-management-software?lnk=hpmps_busc&lnk2=learn',
+                  },
+                  {
+                    title: 'View all Supply Chain products',
+                    titleEnglish: 'View all Supply Chain products',
+                    url: 'https://www.ibm.com/supply-chain/products?lnk=hpmps_busc&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/53c30e47cbfc167/original/megamenu-pictogram-supply-chain.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'View all products',
+            titleEnglish: 'View all products',
+            url: 'https://www.ibm.com/products?lnk=hpmps_buall&lnk2=link',
+            megaPanelViewAll: true,
+          },
+        ],
+      },
+    ],
+  },
+  {
+    title: 'Services & Consulting',
+    titleEnglish: 'Services & Consulting',
+    url: '',
+    hasMenu: true,
+    hasMegapanel: true,
+    menuSections: [
+      {
+        heading: '',
+        menuItems: [
+          {
+            title: 'Business process services',
+            titleEnglish: 'Business process services',
+            url: 'https://www.ibm.com/services/process?lnk=hpmsc_bups&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Business process services',
+              headingUrl: 'https://www.ibm.com/services/process?lnk=hpmsc_bups',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Artificial intelligence services',
+                    titleEnglish: 'Artificial intelligence services',
+                    url: 'https://www.ibm.com/services/artificial-intelligence?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                  {
+                    title: 'Automation',
+                    titleEnglish: 'Automation',
+                    url: 'https://www.ibm.com/automation/services?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                  {
+                    title: 'Big data & data platform',
+                    titleEnglish: 'Big data & data platform',
+                    url: 'https://www.ibm.com/services/big-data-services?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                  {
+                    title: 'Business process outsourcing',
+                    titleEnglish: 'Business process outsourcing',
+                    url: 'https://www.ibm.com/services/process/outsourcing?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                  {
+                    title: 'Edge consulting',
+                    titleEnglish: 'Edge consulting',
+                    url: 'https://www.ibm.com/services/process/edge-services?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                  {
+                    title: 'Finance transformation',
+                    titleEnglish: 'Finance transformation',
+                    url: 'https://www.ibm.com/services/process/finance?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                  {
+                    title: 'IoT consulting',
+                    titleEnglish: 'IoT consulting',
+                    url: 'https://www.ibm.com/services/process/iot-consulting?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                  {
+                    title: 'Procurement & strategic sourcing',
+                    titleEnglish: 'Procurement & strategic sourcing',
+                    url: 'https://www.ibm.com/services/process/procurement?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                  {
+                    title: 'Risk consulting & fraud management',
+                    titleEnglish: 'Risk consulting & fraud management',
+                    url: 'https://www.ibm.com/services/process/risk?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                  {
+                    title: 'Supply chain',
+                    titleEnglish: 'Supply chain',
+                    url: 'https://www.ibm.com/services/process/supply-chain?lnk=hpmsc_bups&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/79a6c3cde7dd0665/original/megamenu-pictogram-business-process-service.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Design & business strategy',
+            titleEnglish: 'Design & business strategy',
+            url: 'https://www.ibm.com/services/ibmix/?lnk=hpmsc_budbs&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Design & business strategy',
+              headingUrl: 'https://www.ibm.com/services/ibmix/?lnk=hpmsc_bubs',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Digital strategy',
+                    titleEnglish: 'Digital strategy',
+                    url: 'https://www.ibm.com/services/business/digital?lnk=hpmsc_bubs&lnk2=learn',
+                  },
+                  {
+                    title: 'Experience strategy',
+                    titleEnglish: 'Experience strategy',
+                    url: 'https://www.ibm.com/services/ibmix/experience-strategy?lnk=hpmsc_bubs&lnk2=learn',
+                  },
+                  {
+                    title: 'Marketing platforms',
+                    titleEnglish: 'Marketing platforms',
+                    url: 'https://www.ibm.com/services/ibmix/marketing-platforms?lnk=hpmsc_bubs&lnk2=learn',
+                  },
+                  {
+                    title: 'Salesforce consulting',
+                    titleEnglish: 'Salesforce consulting',
+                    url: 'https://www.ibm.com/services/salesforce?lnk=hpmsc_bubs&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/1b7522c50ea39ca/original/megamenu-pictogram-design-business-strategy.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Hybrid multicloud services',
+            titleEnglish: 'Hybrid multicloud services',
+            url: 'https://www.ibm.com/services/cloud?lnk=hpmsc_buhs?lnk=hpmsc_buhs',
+            megapanelContent: {
+              headingTitle: 'Hybrid multicloud services',
+              headingUrl: 'https://www.ibm.com/services/cloud?lnk=hpmsc_buhs',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Business continuity & resiliency',
+                    titleEnglish: 'Business continuity & resiliency',
+                    url: 'https://www.ibm.com/services/business-continuity?lnk=hpmsc_buhs&lnk2=learn',
+                  },
+                  {
+                    title: 'Cloud services',
+                    titleEnglish: 'Cloud services',
+                    url: 'https://www.ibm.com/services/cloud?lnk=hpmsc_buhs&lnk2=learn',
+                  },
+                  {
+                    title: 'Network',
+                    titleEnglish: 'Network',
+                    url: 'https://www.ibm.com/services/network?lnk=hpmsc_buhs&lnk2=learn',
+                  },
+                  {
+                    title: 'Workplace services',
+                    titleEnglish: 'Workplace services',
+                    url: 'https://www.ibm.com/services/digital-workplace?lnk=hpmsc_buhs&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/5daa9dce872913ea/original/megamenu-pictogram-hybrid-multi-cloud-services.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Talent & transformation',
+            titleEnglish: 'Talent & transformation',
+            url: 'https://www.ibm.com/talent-management?lnk=hpmsc_buta&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Talent & transformation',
+              headingUrl: 'https://www.ibm.com/talent-management?lnk=hpmsc_buta',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'HR transformation',
+                    titleEnglish: 'HR transformation',
+                    url: 'https://www.ibm.com/services/process/talent/human-resources?lnk=hpmsc_buta&lnk2=learn',
+                  },
+                  {
+                    title: 'Talent acquisition',
+                    titleEnglish: 'Talent acquisition',
+                    url: 'https://www.ibm.com/talent-management/talent-acquisition?lnk=hpmsc_buta&lnk2=learn',
+                  },
+                  {
+                    title: 'Talent development',
+                    titleEnglish: 'Talent development',
+                    url: 'https://www.ibm.com/services/process/talent/development?lnk=hpmsc_buta&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/69e350b141e12bd5/original/megamenu-pictogram-talent-and-transformation.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Application services',
+            titleEnglish: 'Application services',
+            url: 'https://www.ibm.com/services/applications?lnk=hpmsc_buas&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Application services',
+              headingUrl: 'https://www.ibm.com/services/applications?lnk=hpmsc_buas',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Application development',
+                    titleEnglish: 'Application development',
+                    url: 'https://www.ibm.com/services/applications/development?lnk=hpmsc_buas&lnk2=learn',
+                  },
+                  {
+                    title: 'Application Modernization',
+                    titleEnglish: 'Application Modernization',
+                    url: 'https://www.ibm.com/services/cloud/modernize-applications?lnk=hpmsc_buas&lnk2=learn',
+                  },
+                  {
+                    title: 'Enterprise application management',
+                    titleEnglish: 'Enterprise application management',
+                    url: 'https://www.ibm.com/services/cloud/enterprise-application-management?lnk=hpmsc_buas&lnk2=learn',
+                  },
+                  {
+                    title: 'Enterprise applications strategy',
+                    titleEnglish: 'Enterprise applications strategy',
+                    url: 'https://www.ibm.com/services/applications/enterprise?lnk=hpmsc_buas&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/2b7c180c68557dcb/original/megamenu-pictogram-application-services.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Security services',
+            titleEnglish: 'Security services',
+            url: 'https://www.ibm.com/security/services?lnk=hpmsc_buse&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Security services',
+              headingUrl: 'https://www.ibm.com/security/services?lnk=hpmsc_buse',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Application security',
+                    titleEnglish: 'Application security',
+                    url: 'https://www.ibm.com/security/services/application-security-services?lnk=hpmsc_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Cloud security',
+                    titleEnglish: 'Cloud security',
+                    url: 'https://www.ibm.com/security/services/cloud-security-services?lnk=hpmsc_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Data security',
+                    titleEnglish: 'Data security',
+                    url: 'https://www.ibm.com/security/services/data-security?lnk=hpmsc_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Identity & access management',
+                    titleEnglish: 'Identity & access management',
+                    url: 'https://www.ibm.com/security/services/identity-access-management?lnk=hpmsc_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Managed security',
+                    titleEnglish: 'Managed security',
+                    url: 'https://www.ibm.com/security/services/managed-security-services?lnk=hpmsc_buse&lnk2=learn',
+                  },
+                  {
+                    title: 'Security governance',
+                    titleEnglish: 'Security governance',
+                    url: 'https://www.ibm.com/security/services/security-governance?lnk=hpmsc_buse&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/6ecec25a8489cf82/original/megamenu-pictogram-security-services.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Services for tech support',
+            titleEnglish: 'Services for tech support',
+            url: 'https://www.ibm.com/services/technology-support?lnk=hpmsc_busv&lnk2=link',
+            megapanelContent: {
+              headingTitle: 'Services for tech support',
+              headingUrl: 'https://www.ibm.com/services/technology-support?lnk=hpmsc_busv',
+              description: '',
+              quickLinks: {
+                title: '',
+                links: [
+                  {
+                    title: 'Open source',
+                    titleEnglish: 'Open source',
+                    url: 'https://www.ibm.com/services/technology-support/open-source?lnk=hpmsc_busv&lnk2=learn',
+                  },
+                  {
+                    title: 'Third party & multivendor',
+                    titleEnglish: 'Third party & multivendor',
+                    url: 'https://www.ibm.com/services/technology-support/multivendor-it?lnk=hpmsc_busv&lnk2=learn',
+                  },
+                  {
+                    title: 'IBM warranties and maintenance',
+                    titleEnglish: 'IBM warranties and maintenance',
+                    url: 'https://www.ibm.com/services/technology-support/hardware-software?lnk=hpmsc_busv&lnk2=learn',
+                  },
+                ],
+              },
+              feature: {
+                heading: '',
+                imageUrl: 'https://1.dam.s81c.com/m/7056e2b83b04133e/original/megamenu-pictogram-services-for-tech-support.png',
+                linkTitle: '',
+                linkUrl: '',
+              },
+            },
+          },
+          {
+            title: 'Payment plans for Services & Consulting',
+            titleEnglish: 'Payment plans for Services & Consulting',
+            url: 'https://www.ibm.com/financing/solutions/it-services-financing?lnk=hpmsc_bufi&lnk2=link',
+          },
+          {
+            title: 'View all services',
+            titleEnglish: 'View all services',
+            url: 'https://www.ibm.com/services?lnk=hpmsc_buall&lnk2=link',
+            megaPanelViewAll: true,
+          },
+        ],
+      },
+    ],
+  },
+  {
+    title: 'Nulla quis sem at nibh elementum imperdiet',
+    titleEnglish: 'Nulla quis sem at nibh elementum imperdiet',
+    url: 'https://www.ibm.com/industries?lnk=min',
+    hasMenu: false,
+    hasMegapanel: false,
+    menuSections: [],
+  },
+];
+
 /* eslint-enable max-len */
 
-export { mastheadLinks, l1Data, logoData };
+export { mastheadLinks, customLinks, l1Data, logoData };
 export default mastheadLinks;
diff --git a/packages/web-components/src/components/masthead/__stories__/masthead.stories.ts b/packages/web-components/src/components/masthead/__stories__/masthead.stories.ts
index 7caab248d5c..f0dc63a3c82 100644
--- a/packages/web-components/src/components/masthead/__stories__/masthead.stories.ts
+++ b/packages/web-components/src/components/masthead/__stories__/masthead.stories.ts
@@ -17,7 +17,7 @@ import textNullable from '../../../../.storybook/knob-text-nullable';
 import DDSLeftNav from '../left-nav';
 import '../masthead-container';
 import styles from './masthead.stories.scss';
-import { mastheadLinks as links, l1Data, logoData } from './links';
+import { mastheadLinks as links, customLinks, l1Data, logoData } from './links';
 import { UNAUTHENTICATED_STATUS } from '../../../internal/vendor/@carbon/ibmdotcom-services-store/types/profileAPI';
 import { authenticatedProfileItems, unauthenticatedProfileItems } from './profile-items';
 import readme from './README.stories.mdx';
@@ -109,6 +109,24 @@ export const Default = ({ parameters }) => {
   `;
 };
 
+export const WithCustomData = ({ parameters }) => {
+  const { brandName, selectedMenuItem, userStatus } = parameters?.props?.MastheadComposite ?? {};
+  return html`
+    <style>
+      ${styles}
+    </style>
+    <dds-masthead-composite
+      brand-name="${ifNonNull(brandName)}"
+      selected-menu-item="${ifNonNull(selectedMenuItem)}"
+      user-status="${ifNonNull(userStatus)}"
+      .authenticatedProfileItems="${ifNonNull(authenticatedProfileItems)}"
+      .navLinks="${customLinks}"
+      .unauthenticatedProfileItems="${ifNonNull(unauthenticatedProfileItems)}"
+    ></dds-masthead-composite>
+    ${StoryContent()}
+  `;
+};
+
 export const withL1 = ({ parameters }) => {
   const { brandName, selectedMenuItem, userStatus, navLinks } = parameters?.props?.MastheadComposite ?? {};
   const { useMock } = parameters?.props?.Other ?? {};
diff --git a/packages/web-components/src/components/masthead/defs.ts b/packages/web-components/src/components/masthead/defs.ts
index e82a9371929..2b29581410b 100644
--- a/packages/web-components/src/components/masthead/defs.ts
+++ b/packages/web-components/src/components/masthead/defs.ts
@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -21,6 +21,11 @@ export enum MEGAMENU_LINK_WITH_ICON_STYLE_SCHEME {
    */
   CATEGORY_HEADLINE = 'category-headline',
 
+  /**
+   * category sublink style.
+   */
+  CATEGORY_SUBLINK = 'category-sublink',
+
   /**
    * default link style.
    */
diff --git a/packages/web-components/src/components/masthead/left-nav-menu-category-heading.ts b/packages/web-components/src/components/masthead/left-nav-menu-category-heading.ts
new file mode 100644
index 00000000000..5aad08a85cc
--- /dev/null
+++ b/packages/web-components/src/components/masthead/left-nav-menu-category-heading.ts
@@ -0,0 +1,32 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { html, customElement, LitElement } from 'lit-element';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+import styles from './masthead.scss';
+
+const { stablePrefix: ddsPrefix } = ddsSettings;
+
+/**
+ * MegaMenu Category Group Description.
+ *
+ * @element dds-megamenu-category-group-desc
+ */
+@customElement(`${ddsPrefix}-left-nav-menu-category-heading`)
+class DDSLeftNavMenuCategoryHeading extends LitElement {
+  render() {
+    return html`
+      <slot></slot>
+    `;
+  }
+
+  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader
+}
+
+export default DDSLeftNavMenuCategoryHeading;
diff --git a/packages/web-components/src/components/masthead/left-nav-menu.ts b/packages/web-components/src/components/masthead/left-nav-menu.ts
index e31d3ee7be6..f5e4821066c 100644
--- a/packages/web-components/src/components/masthead/left-nav-menu.ts
+++ b/packages/web-components/src/components/masthead/left-nav-menu.ts
@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -107,9 +107,11 @@ class DDSLeftNavMenu extends FocusMixin(LitElement) {
         class="${buttonClasses}"
         @click=${handleClickExpando}
       >
-        <span class="${prefix}--side-nav__submenu-title">${title}</span>
-        <div class="${prefix}--side-nav__icon ${prefix}--side-nav__icon--small ${prefix}--side-nav__submenu-chevron">
-          ${ChevronDown20()}
+        <div class="${prefix}--side-nav__submenu-content">
+          <span class="${prefix}--side-nav__submenu-title">${title}</span>
+          <div class="${prefix}--side-nav__icon ${prefix}--side-nav__icon--small ${prefix}--side-nav__submenu-chevron">
+            ${ChevronDown20()}
+          </div>
         </div>
       </button>
       <ul class="${prefix}--side-nav__menu" role="menu">
diff --git a/packages/web-components/src/components/masthead/masthead-composite.ts b/packages/web-components/src/components/masthead/masthead-composite.ts
index 13c61ab892e..f10bf4ce5cb 100644
--- a/packages/web-components/src/components/masthead/masthead-composite.ts
+++ b/packages/web-components/src/components/masthead/masthead-composite.ts
@@ -9,6 +9,7 @@
 
 import { html, property, customElement, LitElement } from 'lit-element';
 import { nothing } from 'lit-html';
+import ArrowRight16 from 'carbon-web-components/es/icons/arrow--right/16.js';
 import ifNonNull from 'carbon-web-components/es/globals/directives/if-non-null.js';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import { unsafeSVG } from 'lit-html/directives/unsafe-svg';
@@ -36,6 +37,8 @@ import './megamenu-top-nav-menu';
 import './megamenu-left-navigation';
 import './megamenu-category-link';
 import './megamenu-category-group';
+import './megamenu-category-group-copy';
+import './megamenu-link-with-icon';
 import './megamenu-overlay';
 import './top-nav';
 import './top-nav-l1';
@@ -48,6 +51,7 @@ import './left-nav-name';
 import './left-nav-item';
 import './left-nav-menu';
 import './left-nav-menu-item';
+import './left-nav-menu-category-heading';
 import './left-nav-overlay';
 import './masthead-search-composite';
 import styles from './masthead.scss';
@@ -195,12 +199,13 @@ class DDSMastheadComposite extends LitElement {
   }
 
   /**
-   *  Render MegaMenu content
+   * Sorts highlighted and regular menu items in separate arrays
+   * and returns view all link
    *
    * @param sections menu section data object
    */
   // eslint-disable-next-line class-methods-use-this
-  private _renderMegaMenu(sections) {
+  private _getHighlightedMenuItems(sections) {
     const highlightedItems: MastheadMenuItem[] = [];
     let viewAllLink;
     const menu: MastheadMenuItem[] = [];
@@ -214,20 +219,50 @@ class DDSMastheadComposite extends LitElement {
       return menu.push(item);
     });
 
+    return { viewAllLink, highlightedItems, menu };
+  }
+
+  /**
+   *  Render MegaMenu content
+   *
+   * @param sections menu section data object
+   */
+  // eslint-disable-next-line class-methods-use-this
+  private _renderMegaMenu(sections) {
+    const { viewAllLink, highlightedItems, menu } = this._getHighlightedMenuItems(sections);
+
     const hasHighlights = highlightedItems.length !== 0;
     return html`
       <dds-megamenu>
         ${hasHighlights
           ? html`
               <dds-megamenu-left-navigation>
+                ${sections[0]?.heading &&
+                  html`
+                    <dds-megamenu-category-group-copy>${sections[0]?.heading}</dds-megamenu-category-group-copy>
+                  `}
                 ${highlightedItems.map((item, i) => {
                   const autoid = `${ddsPrefix}--masthead__l0-nav-list${i}`;
                   return html`
                     <dds-megamenu-category-group data-autoid="${autoid}" href="${item.url}" title="${item.title}">
-                      ${item.megapanelContent?.quickLinks?.links.map(({ title, url }, key) => {
+                      <dds-megamenu-category-group-copy>${item.megapanelContent?.description}</dds-megamenu-category-group-copy>
+                      ${item.megapanelContent?.quickLinks?.links.map(({ title, url, highlightedLink }, key) => {
                         return html`
-                          <dds-megamenu-category-link data-autoid="${autoid}-item${key}" title="${title}" href="${url}">
-                          </dds-megamenu-category-link>
+                          ${highlightedLink
+                            ? html`
+                                <dds-megamenu-link-with-icon
+                                  data-autoid="${autoid}-item${key}"
+                                  href="${url}"
+                                  style-scheme="category-sublink"
+                                  title="${title}"
+                                >
+                                  <span>${title}</span>${ArrowRight16({ slot: 'icon' })}
+                                </dds-megamenu-link-with-icon>
+                              `
+                            : html`
+                                <dds-megamenu-category-link data-autoid="${autoid}-item${key}" title="${title}" href="${url}">
+                                </dds-megamenu-category-link>
+                              `}
                         `;
                       })}
                     </dds-megamenu-category-group>
@@ -268,17 +303,26 @@ class DDSMastheadComposite extends LitElement {
    */
   // eslint-disable-next-line class-methods-use-this
   private _renderMobileMegaMenu(sections) {
-    const menu: MastheadMenuItem[] = [];
-
-    sections[0]?.menuItems?.forEach((item: MastheadMenuItem) => {
-      return menu.push(item);
-    });
+    const { viewAllLink, highlightedItems, menu } = this._getHighlightedMenuItems(sections);
+    const menuItems = highlightedItems.concat(menu);
+    if (viewAllLink) {
+      menuItems.push(viewAllLink);
+    }
 
     return html`
-      ${menu.map((item, i) => {
+      ${sections[0]?.heading &&
+        html`
+          <dds-left-nav-menu-category-heading>${sections[0]?.heading}</dds-left-nav-menu-category-heading>
+        `}
+      ${menuItems.map((item, i) => {
+        const lastHighlighted = i + 1 === highlightedItems.length;
         return item.megapanelContent?.quickLinks?.links
           ? html`
-              <dds-left-nav-menu title="${item.title}" data-autoid="${ddsPrefix}--masthead__l0-sidenav--nav-${i}">
+              <dds-left-nav-menu
+                ?last-highlighted=${lastHighlighted}
+                title="${item.title}"
+                data-autoid="${ddsPrefix}--masthead__l0-sidenav--nav-${i}"
+              >
                 ${item.megapanelContent?.quickLinks?.links.map(({ title, url }, j) => {
                   return html`
                     <dds-left-nav-menu-item
@@ -292,6 +336,7 @@ class DDSMastheadComposite extends LitElement {
             `
           : html`
               <dds-left-nav-menu-item
+                ?last-highlighted=${lastHighlighted}
                 href="${item.url}"
                 title="${item.title}"
                 data-autoid="${ddsPrefix}--masthead__l0-sidenav--subnav-col${i}-item${i}"
diff --git a/packages/web-components/src/components/masthead/masthead.scss b/packages/web-components/src/components/masthead/masthead.scss
index 60c3ae82934..2a05054dbe0 100644
--- a/packages/web-components/src/components/masthead/masthead.scss
+++ b/packages/web-components/src/components/masthead/masthead.scss
@@ -275,6 +275,11 @@
     border-bottom: 1px solid $ui-03;
     text-decoration: none;
     color: $text-01;
+    flex-direction: row;
+
+    &::after {
+      content: none;
+    }
 
     @include carbon--type-style(expressive-heading-02, true);
   }
@@ -286,22 +291,35 @@
 
 :host(#{$dds-prefix}-left-nav-item) {
   @extend :host(#{$prefix}-side-nav-link);
-
-  border-bottom: 1px solid $ui-03;
 }
 
 :host(#{$dds-prefix}-left-nav-menu) {
   @extend :host(#{$prefix}-side-nav-menu);
-
-  border-bottom: 1px solid $ui-03;
 }
 
 :host(#{$dds-prefix}-left-nav-menu-item) {
   @extend :host(#{$prefix}-side-nav-menu-item);
+}
 
-  a.#{$prefix}--side-nav__link[role='menuitem'] {
-    padding-left: $carbon--spacing-05;
-    height: carbon--mini-units(6);
+:host(#{$dds-prefix}-left-nav-item-highlighted) a.#{$prefix}--side-nav__link,
+:host(#{$dds-prefix}-left-nav-menu-item-highlighted) a.#{$prefix}--side-nav__link[role='menuitem'],
+:host(#{$dds-prefix}-left-nav-item) a.#{$prefix}--side-nav__link,
+:host(#{$dds-prefix}-left-nav-menu-item) a.#{$prefix}--side-nav__link[role='menuitem'] {
+  display: flex;
+  flex-direction: column;
+  padding-left: $carbon--spacing-05;
+  height: carbon--mini-units(6);
+  width: 100%;
+
+  .#{$prefix}--side-nav__link-text {
+    align-self: end;
+    margin-top: auto;
+  }
+
+  &::after {
+    content: '';
+    width: 100%;
+    margin-top: auto;
     border-bottom: 1px solid $ui-03;
   }
 }
diff --git a/packages/web-components/src/components/masthead/megamenu-category-group-copy.ts b/packages/web-components/src/components/masthead/megamenu-category-group-copy.ts
new file mode 100644
index 00000000000..9b4c229e4a8
--- /dev/null
+++ b/packages/web-components/src/components/masthead/megamenu-category-group-copy.ts
@@ -0,0 +1,32 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { html, customElement, LitElement } from 'lit-element';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+import styles from './masthead.scss';
+
+const { stablePrefix: ddsPrefix } = ddsSettings;
+
+/**
+ * MegaMenu Category Group Description.
+ *
+ * @element dds-megamenu-category-group-desc
+ */
+@customElement(`${ddsPrefix}-megamenu-category-group-copy`)
+class DDSMegaMenuCategoryGroupCopy extends LitElement {
+  render() {
+    return html`
+      <slot></slot>
+    `;
+  }
+
+  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader
+}
+
+export default DDSMegaMenuCategoryGroupCopy;
diff --git a/packages/web-components/tests/snapshots/dds-left-nav-menu.md b/packages/web-components/tests/snapshots/dds-left-nav-menu.md
index 9e6f67b1179..f039ae9a905 100644
--- a/packages/web-components/tests/snapshots/dds-left-nav-menu.md
+++ b/packages/web-components/tests/snapshots/dds-left-nav-menu.md
@@ -11,9 +11,11 @@
   class="bx--side-nav__submenu"
   type="button"
 >
-  <span class="bx--side-nav__submenu-title">
-  </span>
-  <div class="bx--side-nav__icon bx--side-nav__icon--small bx--side-nav__submenu-chevron">
+  <div class="bx--side-nav__submenu-content">
+    <span class="bx--side-nav__submenu-title">
+    </span>
+    <div class="bx--side-nav__icon bx--side-nav__icon--small bx--side-nav__submenu-chevron">
+    </div>
   </div>
 </button>
 <ul
@@ -50,10 +52,12 @@
   class="bx--side-nav__submenu"
   type="button"
 >
-  <span class="bx--side-nav__submenu-title">
-    title-foo
-  </span>
-  <div class="bx--side-nav__icon bx--side-nav__icon--small bx--side-nav__submenu-chevron">
+  <div class="bx--side-nav__submenu-content">
+    <span class="bx--side-nav__submenu-title">
+      title-foo
+    </span>
+    <div class="bx--side-nav__icon bx--side-nav__icon--small bx--side-nav__submenu-chevron">
+    </div>
   </div>
 </button>
 <ul
diff --git a/packages/web-components/tests/snapshots/dds-masthead-composite.md b/packages/web-components/tests/snapshots/dds-masthead-composite.md
index 6f65c5b588e..f90785c2adc 100644
--- a/packages/web-components/tests/snapshots/dds-masthead-composite.md
+++ b/packages/web-components/tests/snapshots/dds-masthead-composite.md
@@ -105,6 +105,8 @@
       href="https://www.ibm.com"
       title="menu-section-1-title"
     >
+      <dds-megamenu-category-group-copy>
+      </dds-megamenu-category-group-copy>
       <dds-megamenu-category-link
         data-autoid="dds--masthead__l0-nav-list0-item0"
         href="https://www.ibm.com"