@axos-web-dev/shared-components 2.0.0-dev.2-bwaTest → 2.0.0-dev.2-nav-1

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -1,150 +1,44 @@
 "use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Chatbot.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
-import "clsx";
-import { useState, useRef, useEffect } from "react";
-import "../../Chevron/Chevron.css.js";
-import "../../AlertBanner/AlertBanner.css.js";
-import "../../Article/Article.css.js";
-import "../../IconBillboard/IconBillboard.css.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
+import { useState, useRef, useEffect } from "react";
+import "clsx";
 /* empty css                                             */
 /* empty css                                             */
+import "../../Chevron/Chevron.css.js";
 import "../../Interstitial/Interstitial-variants.css.js";
-/* empty css                                   */
-import { useGlobalContext } from "../../Modal/contextApi/store.js";
 import "../../Button/Button.css.js";
-import "react-use";
-import "../../ArticlesSet/ArticlesSet.css.js";
-import "../../Calculators/calculator.css.js";
-import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../../Table/Table.css.js";
-import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
-import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-import "@hookform/resolvers/zod";
-import "../../Input/Checkbox.js";
-import "../../Input/CurrencyInput.js";
-import "../../Input/Dropdown.js";
-import "../../Input/Dropdown.css.js";
-import "../../Input/Input.js";
-import "../../Input/Input.css.js";
-import "../../Input/InputAmount.js";
-import "../../Input/InputPhone.js";
-import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
-import "../../Input/RadioButton.js";
-import "../../Input/PercentageInput.js";
-import "react-hook-form";
-import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import "../../Forms/Forms.css.js";
-import "../../Forms/HoneyPot/index.js";
-import "../../Forms/SalesforceFieldsForm.js";
-import "../../Input/RadioButton.css.js";
-import "../../Input/Checkbox.css.js";
-import "../../LoadingIndicator/LoadingIndicator.css.js";
-import "../../Inputs/Input.css.js";
-/* empty css                                                            */
-import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                         */
-import "iframe-resizer";
-/* empty css                                                                                   */
-import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                       */
-import "react-dom";
+import { useLocation, useClickAway } from "react-use";
 /* empty css                                   */
-import "../../Auth/SignInPassword.js";
-/* empty css                                                 */
-/* empty css                                             */
-/* empty css                                       */
-/* empty css                                                       */
-import "../../Carousel/index.js";
-/* empty css                                                      */
-/* empty css                                      */
-import "../../Chatbot/store/chat.js";
-import "../../Chatbot/authenticate.js";
-/* empty css                                       */
-/* empty css                                          */
-import "../../Chatbot/store/messages.js";
-/* empty css                                                                       */
-import "../../Comparison/Comparison.css.js";
-import Image from "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
-import "../../HeroBanner/LargeBanner.css.js";
-import "../../HeroBanner/SelectionBanner.css.js";
-import "../../SetContainer/SetContainer.css.js";
-import "../../Tab/Tab.css.js";
-import "../../icons/Star/Star.css.js";
-import "../../ContentBanner/ContentBanner.css.js";
-/* empty css                                                 */
-import "../../ExecutiveBio/ExecutiveBio.css.js";
-import "../../FaqAccordion/index.js";
-import "../../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                             */
-/* empty css                                                            */
-/* empty css                                               */
-import "../../ImageBillboard/ImageBillboard.css.js";
-import "next/script.js";
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                                                 */
-/* empty css                                                         */
-/* empty css                                               */
-import "../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                       */
-import { usePathname } from "next/navigation.js";
-/* empty css                                          */
-/* empty css                                               */
-/* empty css                                                  */
-import Link from "next/link.js";
-/* empty css                          */
+import { useGlobalContext } from "../../Modal/contextApi/store.js";
+import { Menu } from "./Menu.js";
 import styles from "./NavBar.module.js";
-import { getSubNavItems } from "./NavData.js";
-/* empty css                                        */
-/* empty css                                    */
-/* empty css                                      */
-import "../../PageNavItem/PageNavItem.css.js";
-import "react-slick";
-/* empty css                                                    */
-/* empty css                                             */
-/* empty css                                                       */
-/* empty css                                                     */
-import "../../StepItem/StepItem.css.js";
-import "../../StepItemSet/StepItemSet.css.js";
-/* empty css                                           */
-/* empty css                                   */
-/* empty css                                                     */
-/* empty css                                                   */
-/* empty css                                                 */
-import { sub_nav, dd_media, dd_main_btn, dd_cta_link } from "./SubNavbar.css.js";
-function SubNavBar() {
-  const pathname = usePathname();
-  const { resolveUrl, domains } = useGlobalContext();
-  const subNavItems = getSubNavItems(resolveUrl);
+import { sub_nav } from "./SubNavbar.css.js";
+function SubNavBar({
+  items
+}) {
+  const { pathname } = useLocation();
+  const { resolveUrl } = useGlobalContext();
   const [hoveredLink, setHoveredLink] = useState(void 0);
+  const [menu, setMenu] = useState(void 0);
   const handleMouseEnter = (link) => setHoveredLink(link);
   const handleMouseLeave = () => setHoveredLink(void 0);
-  const AXOS_ONE_APY = Number(domains.AXOS_ONE_APY);
-  const AXOS_ONE_APY_CHECKING = Number(domains.AXOS_ONE_APY_CHECKING);
   const containerRef = useRef(null);
+  const subNavBarRef = useRef(null);
   const [isClient, setIsClient] = useState(false);
-  const support = subNavItems.support;
-  const about = subNavItems.about;
-  const legal = subNavItems.legal;
   const isHomepage = pathname === "/";
-  const isBusiness = pathname?.includes("/business");
-  const isCommercial = pathname?.includes("/commercial");
+  useClickAway(subNavBarRef, () => {
+    handleMouseLeave();
+  });
   const subNavPaths = [
     "/personal",
     "/business",
@@ -167,6 +61,12 @@ function SubNavBar() {
   useEffect(() => {
     appendQueryParams();
   }, [hoveredLink]);
+  useEffect(() => {
+    const menu2 = items?.subItems?.find(
+      (item) => typeof item != "undefined" && item.label === hoveredLink
+    );
+    if (menu2 && "menuItems" in menu2) setMenu(menu2?.menuItems);
+  }, [hoveredLink, setMenu, items]);
   const handleKeyDownContainer = (e, linkId) => {
     if (e.key === "Tab") {
       const focusableElements = containerRef.current?.querySelectorAll(
@@ -179,7 +79,9 @@ function SubNavBar() {
           e.preventDefault();
           const triggeredLink = document.getElementById(linkId);
           setHoveredLink(void 0);
-          triggeredLink?.focus();
+          const nextLi = triggeredLink?.parentElement?.nextElementSibling;
+          const nextA = nextLi?.querySelector("a");
+          nextA?.focus();
         }
       }
     }
@@ -187,3075 +89,104 @@ function SubNavBar() {
   if (!subNavPaths.some((el) => pathname?.includes(el) || isHomepage)) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: `${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsxs("nav", { children: [
-    /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: [
-      (isHomepage || pathname?.includes("/personal") || pathname?.split("/")[1] == "invest" || pathname?.includes("/tools")) && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: () => handleMouseEnter("bank"),
-            role: "menuitem",
-            children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: resolveUrl("{AXOSBANK}/personal/bank"),
-                  id: "personalNav1",
-                  "aria-label": "Press Enter to navigate to the Bank section home page, or press Tab again to focus on the down arrow and press Enter to open the Bank section sub-menu.",
-                  children: "Bank"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "#",
-                  id: "personalNav1",
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleMouseEnter("bank");
-                    }
-                  },
-                  "aria-label": "Press Enter to open the Bank section sub-menu.",
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      width: "15",
-                      height: "12",
-                      viewBox: "0 0 20 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: { marginLeft: "8px" },
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                          fill: "white"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: () => handleMouseEnter("borrow"),
-            role: "menuitem",
-            children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: resolveUrl("{AXOSBANK}/personal/borrow"),
-                  id: "personalNav2",
-                  "aria-label": "Press Enter to navigate to the Borrow section home page, or press Tab again to focus on the down arrow and press Enter to open the Borrow section sub-menu.",
-                  children: "Borrow"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "#",
-                  id: "personalNav2",
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleMouseEnter("borrow");
-                    }
-                  },
-                  "aria-label": "Press Enter to open the Borrow section sub-menu.",
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      width: "15",
-                      height: "12",
-                      viewBox: "0 0 20 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: { marginLeft: "8px" },
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                          fill: "white"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: () => handleMouseEnter("invest"),
-            role: "menuitem",
-            children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: resolveUrl("{AXOS}/invest"),
-                  id: "personalNav3",
-                  "aria-label": "Press Enter to navigate to the Invest section home page, or press Tab again to focus on the down arrow and press Enter to open the Invest section sub-menu.",
-                  children: "Invest"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "#",
-                  id: "personalNav3",
-                  "aria-label": "Press Enter to open the Invest section sub-menu.",
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleMouseEnter("invest");
-                    }
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      width: "15",
-                      height: "12",
-                      viewBox: "0 0 20 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: { marginLeft: "8px" },
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                          fill: "white"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: () => handleMouseEnter("plan"),
-            role: "menuitem",
-            children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: resolveUrl("{AXOSBANK}/personal/plan"),
-                  id: "personalNav4",
-                  "aria-label": "Press Enter to navigate to the Plan section home page, or press Tab again to focus on the down arrow and press Enter to open the Plan section sub-menu.",
-                  children: "Plan"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "#",
-                  id: "personalNav4",
-                  "aria-label": "Press Enter to open the Plan section sub-menu.",
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleMouseEnter("plan");
-                    }
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      width: "15",
-                      height: "12",
-                      viewBox: "0 0 20 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: { marginLeft: "8px" },
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                          fill: "white"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      (isBusiness || isCommercial) && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: () => handleMouseEnter("sbb"),
-            role: "menuitem",
-            children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: resolveUrl("{AXOSBANK}/business"),
-                  id: "busNav1",
-                  "aria-label": "Press Enter to navigate to the Small Business Banking section home page, or press Tab again to focus on the down arrow and press Enter to open the Small Business Banking section sub-menu.",
-                  children: "Small Business Banking"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "#",
-                  id: "busNav1",
-                  "aria-label": "Press Enter to open the Small Business Banking section sub-menu.",
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleMouseEnter("sbb");
-                    }
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      width: "15",
-                      height: "12",
-                      viewBox: "0 0 20 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: { marginLeft: "8px" },
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                          fill: "white"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: () => handleMouseEnter("combank"),
-            role: "menuitem",
-            children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: resolveUrl("{AXOSBANK}/commercial/banking"),
-                  id: "busNav2",
-                  "aria-label": "Press Enter to navigate to the Commercial Banking section home page, or press Tab again to focus on the down arrow and press Enter to open the Commercial Banking section sub-menu.",
-                  children: "Commercial Banking"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "#",
-                  id: "busNav2",
-                  "aria-label": "Press Enter to open the Commercial Banking section sub-menu.",
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleMouseEnter("combank");
-                    }
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      width: "15",
-                      height: "12",
-                      viewBox: "0 0 20 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: { marginLeft: "8px" },
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                          fill: "white"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: () => handleMouseEnter("comlending"),
-            role: "menuitem",
-            children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: resolveUrl("{AXOSBANK}/commercial/lending"),
-                  id: "busNav3",
-                  "aria-label": "Press Enter to navigate to the Commercial Lending section home page, or press Tab again to focus on the down arrow and press Enter to open the Commercial Lending section sub-menu.",
-                  children: "Commercial Lending"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "#",
-                  id: "busNav3",
-                  "aria-label": "Press Enter to open the Commercial Lending section sub-menu.",
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleMouseEnter("comlending");
-                    }
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      width: "15",
-                      height: "12",
-                      viewBox: "0 0 20 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: { marginLeft: "8px" },
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                          fill: "white"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      pathname?.includes("/partners") && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: () => handleMouseEnter("wholelending"),
-            role: "menuitem",
-            children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: resolveUrl(
-                    "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending"
-                  ),
-                  id: "partNav2",
-                  "aria-label": "Press Enter to navigate to the Wholesale Lending section home page, or press Tab again to focus on the down arrow and press Enter to open the Wholesale Lending section sub-menu.",
-                  children: "Wholesale Lending"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "#",
-                  id: "partNav2",
-                  "aria-label": "Press Enter to open the Wholesale Lending section sub-menu.",
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleMouseEnter("wholelending");
-                    }
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      width: "15",
-                      height: "12",
-                      viewBox: "0 0 20 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: { marginLeft: "8px" },
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                          fill: "white"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ]
+  const renderSubItems = items?.subItems?.map(
+    (item) => item && /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: styles.sub_nav_link,
+        onMouseEnter: () => {
+          if (item && "menuItems" in item && item?.menuItems?.subItems && item?.menuItems?.subItems?.length > 0) {
+            handleMouseEnter(item?.label);
           }
-        ),
-        /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: () => handleMouseEnter("dealerservices"),
-            role: "menuitem",
-            children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: resolveUrl("{AXOSBANK}/partners/dealer-services"),
-                  id: "partNav5",
-                  "aria-label": "Press Enter to navigate to the Dealer Services section home page, or press Tab again to focus on the down arrow and press Enter to open the Dealer Services section sub-menu.",
-                  children: "Dealer Services"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "#",
-                  id: "partNav5",
-                  "aria-label": "Press Enter to open the Dealer Services section sub-menu.",
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleMouseEnter("dealerservices");
-                    }
-                  },
+        },
+        role: "menuitem",
+        id: `menu-${item?.label?.toLocaleLowerCase()}`,
+        children: [
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: resolveUrl(item?.url),
+              id: item?.target?.id,
+              "aria-label": item?.descriptiveTextAriaLabel,
+              children: item?.label
+            }
+          ),
+          "menuItems" in item && item?.menuItems && item?.menuItems?.subItems && item?.menuItems?.subItems?.length > 0 ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "#",
+              id: item?.label,
+              onKeyDown: (event) => {
+                if (event.key === "Enter") {
+                  handleMouseEnter(item?.label);
+                }
+              },
+              "aria-label": `Press Enter to open the ${item?.label} section sub-menu.`,
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "15",
+                  height: "12",
+                  viewBox: "0 0 20 12",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  style: { marginLeft: "8px" },
                   children: /* @__PURE__ */ jsx(
-                    "svg",
+                    "path",
                     {
-                      width: "15",
-                      height: "12",
-                      viewBox: "0 0 20 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: { marginLeft: "8px" },
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                          fill: "white"
-                        }
-                      )
+                      d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
+                      fill: "white"
                     }
                   )
                 }
               )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            onMouseEnter: handleMouseLeave,
-            role: "menuitem",
-            children: /* @__PURE__ */ jsx(
-              Link,
-              {
-                href: resolveUrl(
-                  "{AXOSBANK}/partners/strategic-partnerships"
-                ),
-                id: "partNav6",
-                "aria-label": "Press Enter to navigate to the Strategic Partnerships section home page.",
-                children: "Strategic Partnerships"
-              }
-            )
-          }
-        )
-      ] }),
-      pathname?.includes("/customer-support") && support.map(
-        (item) => /* @__PURE__ */ jsx(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            role: "menuitem",
-            children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.name })
-          },
-          `snb-${item.id}`
-        )
-      ),
-      pathname?.includes("/about-us") && about.map((item) => /* @__PURE__ */ jsx(
-        "li",
-        {
-          className: styles.sub_nav_link,
-          role: "menuitem",
-          children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.name })
+            }
+          ) : null
+        ]
+      },
+      item?.id
+    )
+  );
+  return /* @__PURE__ */ jsx("div", { className: `${sub_nav} ${styles.desktop_only}`, ref: subNavBarRef, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsxs("nav", { children: [
+    /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: renderSubItems }),
+    /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: hoveredLink !== void 0 ? "block" : "none"
         },
-        `snb-${item.id}`
-      )),
-      pathname?.includes("/legal") && legal.map((item) => /* @__PURE__ */ jsx(
-        "li",
-        {
-          className: styles.sub_nav_link,
-          role: "menuitem",
-          children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.name })
+        onMouseLeave: () => {
+          setHoveredLink(void 0);
         },
-        `snb-${item.id}`
-      ))
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      hoveredLink === "bank" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${styles.dd_wrapper} ${styles.desktop_only} `,
-          role: "menu",
-          onMouseLeave: handleMouseLeave,
-          ref: containerRef,
-          tabIndex: 0,
-          onKeyDown: (event) => handleKeyDownContainer(event, "personalNav2"),
-          children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                    /* @__PURE__ */ jsx("p", { role: "heading", children: "Introducing Axos ONE" }),
-                    /* @__PURE__ */ jsxs("p", { className: styles.mt_8, children: [
-                      "Explore the benefits of our newest account bundle with up to ",
-                      AXOS_ONE_APY,
-                      "% APY",
-                      /* @__PURE__ */ jsx("sup", { children: "*" }),
-                      " on Savings and ",
-                      AXOS_ONE_APY_CHECKING,
-                      "% APY",
-                      /* @__PURE__ */ jsx("sup", { children: "*" }),
-                      " on Checking, plus early paydays and no maintenance fees."
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_img}`,
-                      children: /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: resolveUrl(
-                            "{AXOS}/images/17Q3IVqKwSGO9cMqFUWF4o/axos-one-nav.png"
-                          ),
-                          alt: "",
-                          width: 233,
-                          height: 233
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_cta}`,
-                      children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/personal/bank/axos-one"
-                          ),
-                          "aria-label": "learn more about axos ONE checking and savings products",
-                          className: `${dd_main_btn} text_center`,
-                          children: "Learn More"
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.headline} flex_row middle between`,
-                      children: [
-                        /* @__PURE__ */ jsx("span", { role: "heading", children: "Take your money further, faster" }),
-                        /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(
-                                Link,
-                                {
-                                  href: resolveUrl("{AXOSBANK}/personal/support"),
-                                  children: "Help & Support"
-                                }
-                              )
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("hr", {}),
-                  /* @__PURE__ */ jsxs("div", { className: `${styles.site_lists}`, children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/1C6PYF4ecl8NB0bE839Dca/cab3ae959e83d8546491e792ead4573a/nav-submenu-checking-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/checking-accounts"
-                            ),
-                            role: "heading",
-                            children: "Checking"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/axos-one"
-                            ),
-                            children: "Axos ONE Checking"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/checking-accounts/rewards-checking"
-                            ),
-                            children: "Rewards Checking"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/checking-accounts/essential-checking"
-                            ),
-                            children: "Essential Checking"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/checking-accounts/first-checking"
-                            ),
-                            children: "First Checking"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/checking-accounts/cashback-checking"
-                            ),
-                            children: "CashBack Checking"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/checking-accounts/golden-checking"
-                            ),
-                            children: "Golden Checking"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/5ODchMOjrkKa90SBWKwcDw/e5508c26d341bfb58318e052d89f4771/nav-submenu-savings-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/savings-accounts"
-                            ),
-                            role: "heading",
-                            children: "Savings"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/axos-one"
-                            ),
-                            children: "Axos ONE Savings"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/savings-accounts/summit-savings"
-                            ),
-                            children: "Summit Savings"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/savings-accounts/first-savings"
-                            ),
-                            children: "First Savings"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/2zmsYM7kjm1WgbDkir7c3/16313ad773ff08a2d9bfa61ba161a528/nav-submenu-premier-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/premier"
-                            ),
-                            role: "heading",
-                            children: "Premier"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/premier/private-client-banking"
-                            ),
-                            children: "Private Client"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/premier/insureguard-savings"
-                            ),
-                            children: "InsureGuard+"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/premier/trust"
-                            ),
-                            children: "Trust Accounts"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/5JqDuUm6D5hbX2MQrbWCQq/0c6b5ed3d5e08cd03e2ca20b8e2f39ef/nav-submenu-atm-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/personal/support/atm-locator"
-                          ),
-                          role: "heading",
-                          children: "ATM Locator"
-                        }
-                      ) }) })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6ninSDVeSycXICNX8zF4J3/75ccf4194f0b3e7209f4095457bce00d/nav-submenu-raf-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/personal/bank/refer-a-friend"
-                          ),
-                          role: "heading",
-                          children: "Refer-a-Friend"
-                        }
-                      ) }) })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6qP12OCpyBQWIFQHpJBcOc/aa91d77692692608517c43274dae8e19/nav-submenu-insights-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/personal/insights"
-                          ),
-                          role: "heading",
-                          children: "Insights"
-                        }
-                      ) }) })
-                    ] })
-                  ] })
-                ]
-              }
-            )
-          ] }) })
-        }
-      ),
-      hoveredLink === "borrow" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${styles.dd_wrapper} ${styles.desktop_only} `,
-          role: "menu",
-          onMouseLeave: handleMouseLeave,
-          ref: containerRef,
-          tabIndex: 0,
-          onKeyDown: (event) => handleKeyDownContainer(event, "personalNav3"),
-          children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                    /* @__PURE__ */ jsxs("p", { role: "heading", children: [
-                      "$0 Lender Fee",
-                      /* @__PURE__ */ jsx("sup", { children: "1" }),
-                      " on Home Loans"
-                    ] }),
-                    /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "Our best offer ever on home loans. Don't miss this limited time offer!" })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_img}`,
-                      children: /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: resolveUrl(
-                            "{AXOS}/images/6tVncmpCfCXbilZHhFUYJ5/nav-submenu-borrow.webp"
-                          ),
-                          alt: "",
-                          width: 232,
-                          height: 232
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_cta}`,
-                      children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/personal/borrow/mortgages"
-                          ),
-                          "aria-label": "get a mortgage quote",
-                          className: `${dd_main_btn} text_center`,
-                          children: "Get a Quote"
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.headline} flex_row middle between`,
-                      children: [
-                        /* @__PURE__ */ jsx("span", { role: "heading", children: "Great rates on home loans" }),
-                        /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(
-                                Link,
-                                {
-                                  href: resolveUrl("{AXOSBANK}/personal/support"),
-                                  children: "Help & Support"
-                                }
-                              )
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("hr", {}),
-                  /* @__PURE__ */ jsxs("div", { className: `${styles.site_lists}`, children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/4DCrulmnArCq5AeiHLUNg9/210d1bd6d08d15d9999494ea027ba4fd/nav-submenu-mortgage-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/mortgages"
-                            ),
-                            role: "heading",
-                            children: "Mortgages"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/mortgages/buying-a-home"
-                            ),
-                            children: "Buying a Home"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/mortgages/refinance"
-                            ),
-                            children: "Mortgage Refinance"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/mortgages/buying-a-home/get-pre-qualified"
-                            ),
-                            children: "Get Pre-qualified"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/mortgages"
-                            ),
-                            children: "Get a Rate Quote"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AFP}/login?apply_mortgage=true"
-                            ),
-                            children: "Apply Now"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/mortgages/buying-a-home/process"
-                            ),
-                            children: "Mortgage Services"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/support/manage-my-loan"
-                            ),
-                            children: "Make a Payment"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/mortgages/construction-lending"
-                            ),
-                            children: "Construction Lending"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/1P3FqllFkxleBe4qGVpcJD/7cfbf9d5aaeaf0b87c70f7438de9119a/nav-submenu-personalloans-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/personal-loans"
-                            ),
-                            role: "heading",
-                            children: "Personal Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/personal-loans"
-                            ),
-                            children: "Learn More"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: resolveUrl(`{PERSONALLOANS}`), children: "Apply Now" }) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/support/manage-my-loan"
-                            ),
-                            children: "Make a Payment"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/personal-loans/debt-consolidation"
-                            ),
-                            children: "Debt Consolidation Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/personal-loans/home-improvements"
-                            ),
-                            children: "Home Improvement Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/personal-loans/major-purchases"
-                            ),
-                            children: "Major Purchases Loans"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/jpqd1KnknpG6gVaYg04Bl/a55d179434815dc4029ee413d8d7a703/nav-submenu-auto-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/auto-loans"
-                            ),
-                            role: "heading",
-                            children: "Auto Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/auto-loans/purchase-a-vehicle"
-                            ),
-                            children: "Auto Purchase Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/auto-loans/refinance"
-                            ),
-                            children: "Auto Refinance Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/tools/calculators/auto-loan-calculator"
-                            ),
-                            children: "Auto Payment Calculator"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/support/manage-my-loan"
-                            ),
-                            children: "Manage My Loan"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/4PzOJa1zI8qoTiFwQZHywH/3b135a2bb9f281633d2d9f8035dff6e3/nav-submenu-marine-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/marine-loans"
-                            ),
-                            role: "heading",
-                            children: "Marine Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/marine-loans"
-                            ),
-                            children: "Find The Right Loan"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/marine-loans#AXB----Lets-Talk-LVF-for-AXB----Webform"
-                            ),
-                            children: "Contact Us"
-                          }
-                        ) })
-                      ] })
-                    ] })
-                  ] })
-                ]
-              }
-            )
-          ] }) })
-        }
-      ),
-      hoveredLink === "invest" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${styles.dd_wrapper} ${styles.desktop_only} `,
-          role: "menu",
-          onMouseLeave: handleMouseLeave,
-          ref: containerRef,
-          tabIndex: 0,
-          onKeyDown: (event) => handleKeyDownContainer(event, "personalNav4"),
-          children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                    /* @__PURE__ */ jsx("p", { role: "heading", children: "Managed portfolios selection tool" }),
-                    /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "Investing made personal and powerful. Answer a few questions and discover curated stock, mutual fund, and ETF portfolios designed to match your financial lifecycle phase." })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_img}`,
-                      children: /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: resolveUrl(
-                            "{AXOS}/images/1Gg7yGe3iY6GFxTSxL3i1u/nav-submenu-managed-portfolios-selection-tool.png"
-                          ),
-                          alt: "",
-                          width: 232,
-                          height: 232
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_cta}`,
-                      children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOS}/invest/managed-portfolios/questionnaire"
-                          ),
-                          "aria-label": "learn more about managed portfolios.",
-                          className: `${dd_main_btn} text_center`,
-                          children: "Learn More"
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.headline} flex_row middle between`,
-                      children: [
-                        /* @__PURE__ */ jsx("span", { role: "heading", children: "Quickly discover and compare mutual funds and ETFs" }),
-                        /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(Link, { href: resolveUrl("{AXOS}/invest/support"), children: "Help & Support" })
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("hr", {}),
-                  /* @__PURE__ */ jsxs("div", { className: `${styles.site_lists}`, children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/1plPiU22JsVdZW6B6XkBi9/14d55691945fba0ba77a7433c6dae988/nav-submenu-mp-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOS}/invest/managed-portfolios"
-                            ),
-                            role: "heading",
-                            children: "Managed Portfolios"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOS}/invest/managed-portfolios"
-                            ),
-                            children: "Managed Portfolios"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOS}/invest/managed-portfolios/investing-details"
-                            ),
-                            children: "Investing Details"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/AZigMaq83kcvUG8bUGsDz/c3dc8ae0e3020b4c39dd64af9f693b9a/nav-submenu-sdt-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOS}/invest/self-directed-trading"
-                            ),
-                            role: "heading",
-                            children: "Self-Directed Trading"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOS}/invest/self-directed-trading/axos-elite-investing"
-                            ),
-                            children: "Axos Elite Investing"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOS}/invest/self-directed-trading/commission-free-stocks-and-etfs"
-                            ),
-                            children: "Stocks & ETFs"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOS}/invest/self-directed-trading/margin-trading"
-                            ),
-                            children: "Margin Trading"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOS}/invest/self-directed-trading/options-trading"
-                            ),
-                            children: "Options Trading"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/1enbU0rQRzTsm4mVsSNaso/1cd6f813063d71515a09ee338250215a/nav-submenu-retirement-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl("{AXOS}/invest/retirement"),
-                          role: "heading",
-                          children: "Retirement"
-                        }
-                      ) }) })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl("{AXOS}/invest/support"),
-                          role: "heading",
-                          children: "Support"
-                        }
-                      ) }) })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6qP12OCpyBQWIFQHpJBcOc/aa91d77692692608517c43274dae8e19/nav-submenu-insights-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl("{AXOS}/invest/insights"),
-                          role: "heading",
-                          children: "Insights"
-                        }
-                      ) }) })
-                    ] })
-                  ] })
-                ]
-              }
-            )
-          ] }) })
-        }
-      ),
-      hoveredLink === "plan" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${styles.dd_wrapper} ${styles.desktop_only} `,
-          role: "menu",
-          onMouseLeave: handleMouseLeave,
-          ref: containerRef,
-          tabIndex: 0,
-          onKeyDown: (event) => handleKeyDownContainer(event, "personalNav4"),
-          children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                    /* @__PURE__ */ jsx("p", { role: "heading", children: "All your finances. In one place." }),
-                    /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "Get the Axos All-In-One Mobile App and gain the insights you need to plan your next move. No Axos account required!" })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_img}`,
-                      children: /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: resolveUrl(
-                            "{AXOS}/images/4vSUrmXEbK80FeuAfe2fqJ/nav-submenu-plan.webp"
-                          ),
-                          alt: "",
-                          width: 232,
-                          height: 232
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_cta}`,
-                      children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/tools/payment-apps/mobile-app"
-                          ),
-                          "aria-label": "download the mobile app",
-                          className: `${dd_main_btn} text_center`,
-                          children: "Get the App"
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.headline} flex_row middle between`,
-                      children: [
-                        /* @__PURE__ */ jsx("span", { role: "heading", children: "Plan your next move" }),
-                        /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(
-                                Link,
-                                {
-                                  href: resolveUrl("{AXOSBANK}/personal/support"),
-                                  children: "Help & Support"
-                                }
-                              )
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("hr", {}),
-                  /* @__PURE__ */ jsxs("div", { className: `${styles.site_lists}`, children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/3bY5vS0jWKu5FYx3wYjhc5/1be7a91da244ae54796ea8191c07150b/nav-submenu-app-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/tools/payment-apps/mobile-app"
-                            ),
-                            role: "heading",
-                            children: "Axos Mobile App"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/tools/payment-apps/mobile-app"
-                            ),
-                            children: "Download the App"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/tools/payment-apps/mobile-app"
-                            ),
-                            children: "Mobile App Features"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/4Dbx1OIp2ARiyWFC0dOqzg/38540096c180880dbb70176d3b2b1b2b/nav-submenu-tools-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl("{AXOSBANK}/tools"),
-                            role: "heading",
-                            children: "Financial Tools"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/tools/calculators"
-                            ),
-                            children: "Calculators"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/tools/credit-score-monitoring"
-                            ),
-                            children: "Credit Score Monitoring"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/personal-finance-manager"
-                            ),
-                            children: "Personal Finance Manager"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: resolveUrl("{AXOSBANK}/tools"), children: "Additional Tools" }) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/tools/fund-your-account"
-                            ),
-                            children: "Fund Your Account"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6qP12OCpyBQWIFQHpJBcOc/aa91d77692692608517c43274dae8e19/nav-submenu-insights-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/insights"
-                            ),
-                            role: "heading",
-                            children: "Education & Insights"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/insights/finance"
-                            ),
-                            children: "Banking Insights"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl("{AXOS}/invest/insights"),
-                            children: "Investing Insights"
-                          }
-                        ) })
-                      ] })
-                    ] })
-                  ] })
-                ]
-              }
-            )
-          ] }) })
-        }
-      ),
-      hoveredLink === "sbb" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${styles.dd_wrapper} ${styles.desktop_only} `,
-          role: "menu",
-          onMouseLeave: handleMouseLeave,
-          ref: containerRef,
-          tabIndex: 0,
-          onKeyDown: (event) => handleKeyDownContainer(event, "busNav2"),
-          children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                    /* @__PURE__ */ jsx("p", { role: "heading", children: "Open a Business Banking Account" }),
-                    /* @__PURE__ */ jsxs("p", { className: styles.mt_8, children: [
-                      "Designed to move your business forward. Speak to a Relationship Manager at",
-                      " ",
-                      /* @__PURE__ */ jsx(
-                        "a",
-                        {
-                          href: "tel:844-678-2726",
-                          style: { color: "#fff" },
-                          children: "844-678-2726"
-                        }
-                      )
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_img}`,
-                      children: /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: resolveUrl(
-                            "{AXOS}/images/5vHrV4m3DbDQt13GOahbYA/nav-submenu-sbb.png"
-                          ),
-                          alt: "",
-                          width: 232,
-                          height: 232
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_cta}`,
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/open-account-return-to-application"
-                            ),
-                            "aria-label": "open a business account",
-                            className: `${dd_main_btn} text_center`,
-                            children: "Open an Account"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/open-account-return-to-application#AXB----Return-To-My-Application----Icon-Billboard"
-                            ),
-                            className: dd_cta_link,
-                            children: "Check Application Status"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.headline} flex_row middle between`,
-                      children: [
-                        /* @__PURE__ */ jsx("span", { role: "heading", children: "Move your business forward" }),
-                        /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(
-                                Link,
-                                {
-                                  href: resolveUrl("{AXOSBANK}/business/support"),
-                                  children: "Help & Support"
-                                }
-                              )
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("hr", {}),
-                  /* @__PURE__ */ jsxs("div", { className: `${styles.site_lists}`, children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/1C6PYF4ecl8NB0bE839Dca/cab3ae959e83d8546491e792ead4573a/nav-submenu-checking-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/business-checking-accounts"
-                            ),
-                            role: "heading",
-                            children: "Checking"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/business-checking-accounts/basic-business-checking"
-                            ),
-                            children: "Basic Business Checking"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/business-checking-accounts/business-interest-checking"
-                            ),
-                            children: "Business Interest Checking"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/5ODchMOjrkKa90SBWKwcDw/e5508c26d341bfb58318e052d89f4771/nav-submenu-savings-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/savings"
-                            ),
-                            role: "heading",
-                            children: "Savings"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/savings/business-money-market-accounts/business-money-market"
-                            ),
-                            children: "Business Money Market"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/savings/business-savings-accounts/business-premium-savings"
-                            ),
-                            children: "Business Premium Savings"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/savings/business-savings-accounts/business-savings"
-                            ),
-                            children: "Business Savings"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/savings/business-money-market-accounts/non-profit-money-market"
-                            ),
-                            children: "Non-Profit Money Market"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/savings/business-cds"
-                            ),
-                            children: "Business CDs"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6bS9epOgzZpJY2jeuepswo/5ee31f624370b44ab1483b537c3fa704/nav-submenu-bundles-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/axos-business-bundle"
-                            ),
-                            role: "heading",
-                            children: "Bundles"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/axos-business-bundle"
-                            ),
-                            children: "Axos Business Bundle"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/45369b473bdd3b280748ceee566542dc/nav-submenu-services-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/services"
-                            ),
-                            role: "heading",
-                            children: "Services"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/services/merchant-services"
-                            ),
-                            children: "Merchant Services"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/services/payroll-services"
-                            ),
-                            children: "Payroll Services"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/services/sba-loans"
-                            ),
-                            children: "SBA Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/services/treasury-management"
-                            ),
-                            children: "Treasury Management"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/services/insured-cash-sweep"
-                            ),
-                            children: "Insured Cash Sweep"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/digital-business-banking"
-                            ),
-                            children: "Digital Banking"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/7937jPXKWwAOtAJyWzbRFJ/45d2abc8e8492c6dc06a0866f2a7a123/thumbs_up_icon.png`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/solutions/new-business"
-                            ),
-                            role: "heading",
-                            children: "Solutions"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/solutions/new-business"
-                            ),
-                            children: "New Business"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/solutions/nonprofit-banking"
-                            ),
-                            children: "Nonprofit Banking"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/support"
-                            ),
-                            role: "heading",
-                            children: "Other Resources"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/support/faqs"
-                            ),
-                            children: "FAQ"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/support/atm-locator"
-                            ),
-                            children: "ATM Locator"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/tools/calculators/saving-to-start-a-business-calculator"
-                            ),
-                            children: "Calculators"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6ninSDVeSycXICNX8zF4J3/75ccf4194f0b3e7209f4095457bce00d/nav-submenu-raf-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/business/refer-a-business"
-                          ),
-                          role: "heading",
-                          children: "Refer-a-Business"
-                        }
-                      ) }) })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6qP12OCpyBQWIFQHpJBcOc/aa91d77692692608517c43274dae8e19/nav-submenu-insights-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/business/insights"
-                          ),
-                          role: "heading",
-                          children: "Insights"
-                        }
-                      ) }) })
-                    ] })
-                  ] })
-                ]
-              }
-            )
-          ] }) })
-        }
-      ),
-      hoveredLink === "combank" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${styles.dd_wrapper} ${styles.desktop_only} `,
-          role: "menu",
-          onMouseLeave: handleMouseLeave,
-          ref: containerRef,
-          tabIndex: 0,
-          onKeyDown: (event) => handleKeyDownContainer(event, "busNav3"),
-          children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                    /* @__PURE__ */ jsx("p", { role: "heading", children: "Commercial Banking" }),
-                    /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "We customize treasury management solutions to meet the needs of your organization." })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_img}`,
-                      children: /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: resolveUrl(
-                            "{AXOS}/images/7rELrrwmhLt5Bz9KqxLgMM/nav-submen-combank.png"
-                          ),
-                          alt: "",
-                          width: 232,
-                          height: 232
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.headline} flex_row middle between`,
-                      children: [
-                        /* @__PURE__ */ jsx("span", { role: "heading", children: "Solutions from industry experts" }),
-                        /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(
-                                Link,
-                                {
-                                  href: resolveUrl(
-                                    "{AXOSBANK}/commercial/support"
-                                  ),
-                                  children: "Help & Support"
-                                }
-                              )
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("hr", {}),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.site_lists} ${styles.modify_fit}`,
-                      children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/5mzLCkz1I0k3mPowiNFOg0/ba3624a134d3b33bae0658e7b6efa3f6/nav-submenu-industry-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl("{AXOSBANK}/commercial"),
-                                role: "heading",
-                                children: "Solutions By Industry"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/third-party-payment-processors"
-                                ),
-                                children: "Third Party Payment Processors"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/hoa-banking-and-lending"
-                                ),
-                                children: "HOA Banking & Lending"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/hoa-property-management"
-                                ),
-                                children: "HOAs & Property Management"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/1031-exchange-qualified-intermediaries"
-                                ),
-                                children: "1031 Exchange Qualified Intermediaries"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/title-and-escrow"
-                                ),
-                                children: "Title & Escrow"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/global-fiduciary-banking"
-                                ),
-                                children: "Global Fiduciary Banking"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: resolveUrl(`{AFS}`), children: "Fiduciary Services" }) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/business-management-banking"
-                                ),
-                                children: "Business Management Banking"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/hedge-funds-and-alternative-funds"
-                                ),
-                                children: "Hedge Funds & Alternative Fund Banking Solutions"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/middle-market"
-                                ),
-                                children: "Middle Market"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/technology-and-life-sciences-banking"
-                                ),
-                                children: "Technology & Life Sciences Banking"
-                              }
-                            ) })
-                          ] })
-                        ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/45369b473bdd3b280748ceee566542dc/nav-submenu-services-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking"
-                                ),
-                                role: "heading",
-                                children: "Services"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/analyzed-business-checking"
-                                ),
-                                children: "Analyzed Business Checking"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/merchant-services"
-                                ),
-                                children: "Merchant Services"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/global-treasury-management"
-                                ),
-                                children: "Treasury Management"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/intrafi-network-deposits"
-                                ),
-                                children: [
-                                  "IntraFi",
-                                  /* @__PURE__ */ jsx("sup", { children: "®" }),
-                                  " Network Deposits",
-                                  " ",
-                                  /* @__PURE__ */ jsx("sup", { children: "℠" })
-                                ]
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/banking/payroll-services"
-                                ),
-                                children: "Payroll Services"
-                              }
-                            ) })
-                          ] })
-                        ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/business/support"
-                                ),
-                                role: "heading",
-                                children: "Other Resources"
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: resolveUrl(
-                                  "{AXOSBANK}/commercial/calculators"
-                                ),
-                                children: "Calculators"
-                              }
-                            ) })
-                          ] })
-                        ] })
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] }) })
-        }
-      ),
-      hoveredLink === "comlending" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${styles.dd_wrapper} ${styles.desktop_only} `,
-          role: "menu",
-          onMouseLeave: handleMouseLeave,
-          ref: containerRef,
-          tabIndex: 0,
-          onKeyDown: (event) => handleKeyDownContainer(event, "busNav3"),
-          children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                    /* @__PURE__ */ jsx("p", { role: "heading", children: "Commercial Lending" }),
-                    /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "We are a lending partner with the flexibility to deliver results." })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_img}`,
-                      children: /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: resolveUrl(
-                            "{AXOS}/images/6PMA1kEss89S6m1BawAltW/nav-submenu-comlending.png"
-                          ),
-                          alt: "",
-                          width: 232,
-                          height: 318
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.headline} flex_row middle between`,
-                      children: [
-                        /* @__PURE__ */ jsx("span", { role: "heading", children: "Personalized lending solutions" }),
-                        /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(
-                                Link,
-                                {
-                                  href: resolveUrl(
-                                    "{AXOSBANK}/commercial/support"
-                                  ),
-                                  children: "Help & Support"
-                                }
-                              )
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("hr", {}),
-                  /* @__PURE__ */ jsxs("div", { className: `${styles.site_lists}`, children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/1C6PYF4ecl8NB0bE839Dca/cab3ae959e83d8546491e792ead4573a/nav-submenu-checking-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending"
-                            ),
-                            role: "heading",
-                            children: "Credit and Financial"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/commercial-loans-and-lines-of-credit"
-                            ),
-                            children: "Commercial Lines of Credit"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/commercial-term-loans"
-                            ),
-                            children: "Commercial Term Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/equipment-finance"
-                            ),
-                            children: "Equipment Finance"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/cHRJYycmvcbYj6ppcTQvg/ea375c834b0ced5ba646d1e88bb7828e/nav-submenu-lending-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending"
-                            ),
-                            role: "heading",
-                            children: "Commercial Lending"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/bridge-and-construction-lending"
-                            ),
-                            children: "Commercial Real Estate Bridge & Construction Lending"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/hoa-lending"
-                            ),
-                            children: "HOA Lending"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/lender-financing"
-                            ),
-                            children: "Lender Finance"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/residential-warehouse-lending"
-                            ),
-                            children: "Residential Warehouse Lending"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/small-balance-commercial-real-estate"
-                            ),
-                            children: "Small Balance Commercial Real Estate"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/leveraged-finance"
-                            ),
-                            children: "Leveraged Finance"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/pages/axos-capital-solutions"
-                            ),
-                            children: "Dealer Floorplan Finance"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/premium-finance"
-                            ),
-                            children: "Premium Finance"
-                          }
-                        ) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/business/support"
-                            ),
-                            role: "heading",
-                            children: "Other Resources"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/lending/commercial-portal"
-                            ),
-                            children: "Commercial Portal"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/commercial/calculators"
-                            ),
-                            children: "Calculators"
-                          }
-                        ) })
-                      ] })
-                    ] })
-                  ] })
-                ]
-              }
-            )
-          ] }) })
-        }
-      ),
-      hoveredLink === "wholelending" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${styles.dd_wrapper} ${styles.desktop_only}`,
-          role: "menu",
-          onMouseLeave: handleMouseLeave,
-          ref: containerRef,
-          tabIndex: 0,
-          onKeyDown: (event) => handleKeyDownContainer(event, "partNav3"),
-          children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                    /* @__PURE__ */ jsx("p", { role: "heading", children: 'Say "YES" to Your Clients' }),
-                    /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "Fund more loans with our unique underwriting experience. Our mix and match program fits more needs." })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_img}`,
-                      children: /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: resolveUrl(
-                            "{AXOS}/images/6YLFvmdNVGWcf3bFlimNSs/nav-submenu-wholelending.png"
-                          ),
-                          alt: "",
-                          width: 232,
-                          height: 232
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_cta}`,
-                      children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending/quick-pricer"
-                          ),
-                          "aria-label": "Get started with the Axos Quick Pricer",
-                          className: `${dd_main_btn} text_center`,
-                          children: "Price a Loan"
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.headline} flex_row middle between`,
-                      children: [
-                        /* @__PURE__ */ jsx("span", { role: "heading", children: "Expand your options" }),
-                        /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(
-                                Link,
-                                {
-                                  href: resolveUrl(
-                                    "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending/support"
-                                  ),
-                                  children: "Help & Support"
-                                }
-                              )
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("hr", {}),
-                  /* @__PURE__ */ jsx("div", { className: `${styles.site_lists}`, children: /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                    /* @__PURE__ */ jsx(
-                      Image,
-                      {
-                        src: `https://images.axos.com/o9ov1v03uwqk/2hdeAHrWhgXNPJRcSVIDSb/8f1684584f4bdbf5ca73fea6e913d11a/nav-submenu-wcpl-icon.svg`,
-                        alt: "",
-                        width: 20,
-                        height: 20
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending"
-                          ),
-                          role: "heading",
-                          children: "Wholesale & Correspondent Lending"
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending/support"
-                          ),
-                          children: "Resources & Support"
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: `https://thirdpartylending.axosbank.com/index`,
-                          children: "Register a Loan"
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending/quick-pricer"
-                          ),
-                          children: "Quick Pricer"
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending/meet-the-team"
-                          ),
-                          children: "Meet the Team"
-                        }
-                      ) })
-                    ] })
-                  ] }) })
-                ]
-              }
-            )
-          ] }) })
-        }
-      ),
-      hoveredLink === "dealerservices" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${styles.dd_wrapper} ${styles.desktop_only} `,
-          role: "menu",
-          onMouseLeave: handleMouseLeave,
-          ref: containerRef,
-          tabIndex: 0,
-          onKeyDown: (event) => handleKeyDownContainer(event, "partNav6"),
-          children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                    /* @__PURE__ */ jsx("p", { role: "heading", children: "Dealer Services" }),
-                    /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "We put dealerships in the driver's seat." })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: `${styles.mt_8} ${styles.dd_media_img}`,
-                      children: /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: resolveUrl(
-                            "{AXOS}/images/3wtG13mXSTgSzMoB0YU3Ot/nav-submenu-dealer.png"
-                          ),
-                          alt: "",
-                          width: 232,
-                          height: 162
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: `${styles.headline} flex_row middle between`,
-                      children: [
-                        /* @__PURE__ */ jsx("span", { role: "heading", children: "Fueling results for dealerships" }),
-                        /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                          /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                              alt: "",
-                              width: 20,
-                              height: 20
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: `${styles.headline_cta} ${styles.ml_8}`,
-                              children: /* @__PURE__ */ jsx(
-                                Link,
-                                {
-                                  href: resolveUrl("{AXOSBANK}/partners/support"),
-                                  children: "Help & Support"
-                                }
-                              )
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("hr", {}),
-                  /* @__PURE__ */ jsx("div", { className: `${styles.site_lists}`, children: /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                    /* @__PURE__ */ jsx(
-                      Image,
-                      {
-                        src: `https://images.axos.com/o9ov1v03uwqk/jpqd1KnknpG6gVaYg04Bl/a55d179434815dc4029ee413d8d7a703/nav-submenu-auto-icon.webp`,
-                        alt: "",
-                        width: 20,
-                        height: 20
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/partners/dealer-services"
-                          ),
-                          role: "heading",
-                          children: "Dealer Services"
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: resolveUrl(
-                            "{AXOSBANK}/partners/dealer-services/contact"
-                          ),
-                          children: "Request More Information"
-                        }
-                      ) })
-                    ] })
-                  ] }) })
-                ]
-              }
-            )
-          ] }) })
-        }
-      )
-    ] })
+        children: menu ? /* @__PURE__ */ jsx(
+          Menu,
+          {
+            id: hoveredLink || "",
+            onDownKeyContainer: handleKeyDownContainer,
+            onMouseLeave: handleMouseLeave,
+            ref: containerRef,
+            header: menu?.bannerHeading,
+            headerOnHover: menu?.heading,
+            description: menu?.bannerDescription,
+            helpUrl: menu?.helpAndSupportLink,
+            image: {
+              src: menu?.bannerImage?.fields?.file?.url,
+              alt: menu?.bannerImage?.fields?.title,
+              width: menu?.bannerImage?.fields?.file?.details?.image?.width || 232,
+              height: menu?.bannerImage?.fields?.file?.details?.image?.height || 232
+            },
+            bannerCta: {
+              id: menu?.bannerCta?.id || "",
+              label: menu?.bannerCta?.label || "",
+              url: menu?.bannerCta?.url || "",
+              ariaLabel: menu?.bannerCta?.ariaLabel || void 0
+            },
+            subNavItems: menu?.subItems,
+            ...menu
+          }
+        ) : null
+      }
+    ) })
   ] }) }) }) });
 }
 export {