diff --git a/packages/storybook/cxl-ui/cxl-marketing-nav.data.json b/packages/storybook/cxl-ui/cxl-marketing-nav.data.json
index cd067bb3c..c14e7a53b 100644
--- a/packages/storybook/cxl-ui/cxl-marketing-nav.data.json
+++ b/packages/storybook/cxl-ui/cxl-marketing-nav.data.json
@@ -4,7 +4,7 @@
       "depth": 0,
       "text": "Conversion optimization services",
       "component": "a",
-      "href": "https:\/\/conversionxl.com\/agency\/",
+      "href": "https://conversionxl.com/agency/",
       "id": 95,
       "parent": 0,
       "children": [
@@ -12,7 +12,7 @@
           "depth": 1,
           "text": "See Agency services",
           "component": "a",
-          "href": "https:\/\/conversionxl.com\/agency\/",
+          "href": "https://conversionxl.com/agency/",
           "id": 101,
           "parent": 95
         },
@@ -30,9 +30,9 @@
   "primary": [
     {
       "depth": 0,
-      "text": "My dashboard <vaadin-icon icon=\"lumo:dropdown\"><\/vaadin-icon>",
+      "text": "My dashboard <vaadin-icon icon=\"lumo:dropdown\"></vaadin-icon>",
       "component": "a",
-      "href": "https:\/\/conversionxl.com\/institute\/dashboard\/",
+      "href": "https://conversionxl.com/institute/dashboard/",
       "id": 35,
       "parent": 0,
       "children": [
@@ -40,7 +40,7 @@
           "depth": 1,
           "text": "See my roadmap",
           "component": "a",
-          "href": "https:\/\/conversionxl.com\/institute\/dashboard\/roadmap\/",
+          "href": "https://conversionxl.com/institute/dashboard/roadmap/",
           "id": 43,
           "parent": 35
         },
@@ -48,7 +48,7 @@
           "depth": 1,
           "text": "Edit my roadmap",
           "component": "a",
-          "href": "https:\/\/conversionxl.com\/institute\/roadmap\/individual\/",
+          "href": "https://conversionxl.com/institute/roadmap/individual/",
           "id": 44,
           "parent": 35
         },
@@ -56,7 +56,7 @@
           "depth": 1,
           "text": "Edit team roadmap",
           "component": "a",
-          "href": "https:\/\/conversionxl.com\/institute\/roadmap\/team\/",
+          "href": "https://conversionxl.com/institute/roadmap/team/",
           "id": 45,
           "parent": 35
         },
@@ -64,7 +64,7 @@
           "depth": 1,
           "text": "See team progress",
           "component": "a",
-          "href": "https:\/\/conversionxl.com\/institute\/dashboard\/team\/",
+          "href": "https://conversionxl.com/institute/dashboard/team/",
           "id": 46,
           "parent": 35
         }
@@ -72,9 +72,9 @@
     },
     {
       "depth": 0,
-      "text": "Minidegrees <vaadin-icon icon=\"lumo:dropdown\"><\/vaadin-icon>",
+      "text": "Minidegrees <vaadin-icon icon=\"lumo:dropdown\"></vaadin-icon>",
       "component": "a",
-      "href": "https:\/\/conversionxl.com\/institute\/online-courses\/?_categories=minidegree-programs",
+      "href": "https://conversionxl.com/institute/online-courses/?_categories=minidegree-programs",
       "id": 36,
       "parent": 0,
       "children": [
@@ -82,7 +82,7 @@
           "depth": 1,
           "text": "Conversion optimization",
           "component": "a",
-          "href": "https:\/\/conversionxl.com\/institute\/certificate\/cxl-conversion-optimization\/",
+          "href": "https://conversionxl.com/institute/certificate/cxl-conversion-optimization/",
           "id": 47,
           "parent": 36
         },
@@ -90,7 +90,7 @@
           "depth": 1,
           "text": "Digital psychology and persuasion",
           "component": "a",
-          "href": "https:\/\/conversionxl.com\/institute\/certificate\/cxl-psychology-persuasion\/",
+          "href": "https://conversionxl.com/institute/certificate/cxl-psychology-persuasion/",
           "id": 48,
           "parent": 36
         },
@@ -98,7 +98,7 @@
           "depth": 1,
           "text": "Growth marketing",
           "component": "a",
-          "href": "https:\/\/conversionxl.com\/institute\/certificate\/cxl-growth-marketing\/",
+          "href": "https://conversionxl.com/institute/certificate/cxl-growth-marketing/",
           "id": 49,
           "parent": 36
         },
@@ -106,7 +106,7 @@
           "depth": 1,
           "text": "Digital analytics",
           "component": "a",
-          "href": "https:\/\/conversionxl.com\/institute\/certificate\/cxl-digital-analytics\/",
+          "href": "https://conversionxl.com/institute/certificate/cxl-digital-analytics/",
           "id": 50,
           "parent": 36
         }
@@ -114,9 +114,9 @@
     },
     {
       "depth": 0,
-      "text": "Online courses <vaadin-icon icon=\"lumo:dropdown\"><\/vaadin-icon>",
+      "text": "Online courses <vaadin-icon icon=\"lumo:dropdown\"></vaadin-icon>",
       "component": "a",
-      "href": "https:\/\/conversionxl.com\/institute\/online-courses\/",
+      "href": "https://conversionxl.com/institute/online-courses/",
       "id": 37,
       "parent": 0,
       "children": [
@@ -129,9 +129,9 @@
             {
               "description": "This is a sample description",
               "depth": 2,
-              "text": "A\/B testing",
+              "text": "A/B testing",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/ab-testing-mastery\/",
+              "href": "https://conversionxl.com/institute/certificate/ab-testing-mastery/",
               "id": 54,
               "parent": 51
             },
@@ -139,7 +139,7 @@
               "depth": 2,
               "text": "Conversion optimization audits",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/conversion-optimization-audits\/",
+              "href": "https://conversionxl.com/institute/certificate/conversion-optimization-audits/",
               "id": 55,
               "parent": 51
             },
@@ -147,7 +147,7 @@
               "depth": 2,
               "text": "CRO agency masterclass",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/cro-agency\/",
+              "href": "https://conversionxl.com/institute/certificate/cro-agency/",
               "id": 56,
               "parent": 51
             },
@@ -155,7 +155,7 @@
               "depth": 2,
               "text": "Experimentation analysis",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/advanced-experimentation-analysis\/",
+              "href": "https://conversionxl.com/institute/certificate/advanced-experimentation-analysis/",
               "id": 57,
               "parent": 51
             },
@@ -163,7 +163,7 @@
               "depth": 2,
               "text": "Landing page optimization",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/landing-page-optimization\/",
+              "href": "https://conversionxl.com/institute/certificate/landing-page-optimization/",
               "id": 58,
               "parent": 51
             },
@@ -171,7 +171,7 @@
               "depth": 2,
               "text": "Neuromarketing",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/applied-neuromarketing\/",
+              "href": "https://conversionxl.com/institute/certificate/applied-neuromarketing/",
               "id": 59,
               "parent": 51
             },
@@ -179,15 +179,15 @@
               "depth": 2,
               "text": "Sales copywriting & product messaging",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/product-messaging\/",
+              "href": "https://conversionxl.com/institute/certificate/product-messaging/",
               "id": 60,
               "parent": 51
             },
             {
               "depth": 2,
-              "text": "Statistics for A\/B testing",
+              "text": "Statistics for A/B testing",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/statistics-for-ab-testing\/",
+              "href": "https://conversionxl.com/institute/certificate/statistics-for-ab-testing/",
               "id": 61,
               "parent": 51
             }
@@ -203,7 +203,7 @@
               "depth": 2,
               "text": "Adobe Analytics \u2013 beginner",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/adobe-analytics\/",
+              "href": "https://conversionxl.com/institute/certificate/adobe-analytics/",
               "id": 62,
               "parent": 52
             },
@@ -211,7 +211,7 @@
               "depth": 2,
               "text": "Google Analytics \u2013 beginner",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/google-analytics-beginners\/",
+              "href": "https://conversionxl.com/institute/certificate/google-analytics-beginners/",
               "id": 63,
               "parent": 52
             },
@@ -219,7 +219,7 @@
               "depth": 2,
               "text": "Google Analytics \u2013 intermediate",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/intermediate-google-analytics\/",
+              "href": "https://conversionxl.com/institute/certificate/intermediate-google-analytics/",
               "id": 64,
               "parent": 52
             },
@@ -227,7 +227,7 @@
               "depth": 2,
               "text": "Google Tag Manager \u2013 beginner",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/fundamentals-of-google-tag-manager\/",
+              "href": "https://conversionxl.com/institute/certificate/fundamentals-of-google-tag-manager/",
               "id": 65,
               "parent": 52
             },
@@ -235,7 +235,7 @@
               "depth": 2,
               "text": "Google Tag Manager \u2013 intermediate",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/intermediate-google-tag-manager\/",
+              "href": "https://conversionxl.com/institute/certificate/intermediate-google-tag-manager/",
               "id": 66,
               "parent": 52
             },
@@ -243,7 +243,7 @@
               "depth": 2,
               "text": "Google Tag Manager \u2013 advanced",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/advanced-google-tag-manager\/",
+              "href": "https://conversionxl.com/institute/certificate/advanced-google-tag-manager/",
               "id": 67,
               "parent": 52
             },
@@ -251,7 +251,7 @@
               "depth": 2,
               "text": "Product analytics",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/product-analytics\/",
+              "href": "https://conversionxl.com/institute/certificate/product-analytics/",
               "id": 68,
               "parent": 52
             }
@@ -267,7 +267,7 @@
               "depth": 2,
               "text": "Account based marketing",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/account-based-marketing\/",
+              "href": "https://conversionxl.com/institute/certificate/account-based-marketing/",
               "id": 69,
               "parent": 53
             },
@@ -275,7 +275,7 @@
               "depth": 2,
               "text": "Advanced AI for marketers",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/advanced-ai-marketing\/",
+              "href": "https://conversionxl.com/institute/certificate/advanced-ai-marketing/",
               "id": 70,
               "parent": 53
             },
@@ -283,7 +283,7 @@
               "depth": 2,
               "text": "Content strategy \u2013 B2B",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/content-strategy-seo-lead-generation\/",
+              "href": "https://conversionxl.com/institute/certificate/content-strategy-seo-lead-generation/",
               "id": 71,
               "parent": 53
             },
@@ -291,7 +291,7 @@
               "depth": 2,
               "text": "Data-driven influencer marketing",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/influencer-marketing\/",
+              "href": "https://conversionxl.com/institute/certificate/influencer-marketing/",
               "id": 72,
               "parent": 53
             },
@@ -299,7 +299,7 @@
               "depth": 2,
               "text": "Facebook ads",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/facebook-ads\/",
+              "href": "https://conversionxl.com/institute/certificate/facebook-ads/",
               "id": 73,
               "parent": 53
             },
@@ -307,7 +307,7 @@
               "depth": 2,
               "text": "Google Ads \u2013 intermediate",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/google-ads\/",
+              "href": "https://conversionxl.com/institute/certificate/google-ads/",
               "id": 74,
               "parent": 53
             },
@@ -315,7 +315,7 @@
               "depth": 2,
               "text": "Google Ads \u2013 maximizing audiences",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/maximizing-audiences-ppc\/",
+              "href": "https://conversionxl.com/institute/certificate/maximizing-audiences-ppc/",
               "id": 75,
               "parent": 53
             },
@@ -323,7 +323,7 @@
               "depth": 2,
               "text": "LinkedIn advertising",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/linkedin-advertising\/",
+              "href": "https://conversionxl.com/institute/certificate/linkedin-advertising/",
               "id": 76,
               "parent": 53
             },
@@ -331,7 +331,7 @@
               "depth": 2,
               "text": "Marketing management",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/marketing-management\/",
+              "href": "https://conversionxl.com/institute/certificate/marketing-management/",
               "id": 77,
               "parent": 53
             },
@@ -339,7 +339,7 @@
               "depth": 2,
               "text": "Marketing tech stack",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/optimizing-your-marketing-tech-stack\/",
+              "href": "https://conversionxl.com/institute/certificate/optimizing-your-marketing-tech-stack/",
               "id": 78,
               "parent": 53
             },
@@ -347,7 +347,7 @@
               "depth": 2,
               "text": "Product marketing",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/product-marketing-for-technology-companies\/",
+              "href": "https://conversionxl.com/institute/certificate/product-marketing-for-technology-companies/",
               "id": 79,
               "parent": 53
             },
@@ -355,7 +355,7 @@
               "depth": 2,
               "text": "Project management for marketers",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/project-management-for-marketers\/",
+              "href": "https://conversionxl.com/institute/certificate/project-management-for-marketers/",
               "id": 80,
               "parent": 53
             },
@@ -363,7 +363,7 @@
               "depth": 2,
               "text": "Retention for subscription products",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/retention\/",
+              "href": "https://conversionxl.com/institute/certificate/retention/",
               "id": 81,
               "parent": 53
             },
@@ -371,7 +371,7 @@
               "depth": 2,
               "text": "SEO \u2013 editorial calendar",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/editorial-calendar\/",
+              "href": "https://conversionxl.com/institute/certificate/editorial-calendar/",
               "id": 82,
               "parent": 53
             },
@@ -379,7 +379,7 @@
               "depth": 2,
               "text": "Technical SEO",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/technical-seo\/",
+              "href": "https://conversionxl.com/institute/certificate/technical-seo/",
               "id": 83,
               "parent": 53
             },
@@ -387,7 +387,7 @@
               "depth": 2,
               "text": "User-centric marketing",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/user-centric-marketing\/",
+              "href": "https://conversionxl.com/institute/certificate/user-centric-marketing/",
               "id": 84,
               "parent": 53
             },
@@ -395,7 +395,7 @@
               "depth": 2,
               "text": "YouTube ads",
               "component": "a",
-              "href": "https:\/\/conversionxl.com\/institute\/certificate\/youtube-ads\/",
+              "href": "https://conversionxl.com/institute/certificate/youtube-ads/",
               "id": 85,
               "parent": 53
             }
@@ -409,85 +409,21 @@
           "parent": 0,
           "children": [
             {
+              "description": "This is a sample description",
               "depth": 2,
-              "text": "Item #1",
-              "component": "a",
-              "href": "#",
-              "id": 69,
-              "parent": 53
-            },
-            {
-              "depth": 2,
-              "text": "Item #2",
-              "component": "a",
-              "href": "#",
-              "id": 69,
-              "parent": 53
-            },
-            {
-              "depth": 2,
-              "text": "Item #3",
-              "component": "a",
-              "href": "#",
-              "id": 69,
-              "parent": 53
-            }
-          ]
-        },
-        {
-          "depth": 1,
-          "text": "Child length > Parent length",
-          "href": "#",
-          "id": 0,
-          "parent": 0,
-          "children": [
-            {
-              "depth": 2,
-              "text": "Item #1",
-              "component": "a",
-              "href": "#",
-              "id": 69,
-              "parent": 53
-            },
-            {
-              "depth": 2,
-              "text": "Item #2",
-              "component": "a",
-              "href": "#",
-              "id": 69,
-              "parent": 53
-            },
-            {
-              "depth": 2,
-              "text": "Item #3",
-              "component": "a",
-              "href": "#",
-              "id": 69,
-              "parent": 53
-            },
-            {
-              "depth": 2,
-              "text": "Item #4",
-              "component": "a",
-              "href": "#",
-              "id": 69,
-              "parent": 53
-            },
-            {
-              "depth": 2,
-              "text": "Item #5",
+              "text": "A/B testing",
               "component": "a",
-              "href": "#",
-              "id": 69,
-              "parent": 53
+              "href": "https://conversionxl.com/institute/certificate/ab-testing-mastery/",
+              "id": 54,
+              "parent": 51
             },
             {
               "depth": 2,
-              "text": "Item #6",
+              "text": "Conversion optimization audits",
               "component": "a",
-              "href": "#",
-              "id": 69,
-              "parent": 53
+              "href": "https://conversionxl.com/institute/certificate/conversion-optimization-audits/",
+              "id": 55,
+              "parent": 51
             }
           ]
         }
@@ -497,7 +433,7 @@
       "depth": 0,
       "text": "Upcoming courses",
       "component": "a",
-      "href": "https:\/\/conversionxl.com\/institute\/upcoming-courses\/",
+      "href": "https://conversionxl.com/institute/upcoming-courses/",
       "id": 38,
       "parent": 0
     },
@@ -505,23 +441,23 @@
       "depth": 0,
       "text": "Event videos",
       "component": "a",
-      "href": "https:\/\/conversionxl.com\/institute\/media\/",
+      "href": "https://conversionxl.com/institute/media/",
       "id": 39,
       "parent": 0
     },
     {
       "depth": 0,
-      "text": "<vaadin-icon icon=\"lumo:plus\"><\/vaadin-icon> Invite team",
+      "text": "<vaadin-icon icon=\"lumo:plus\"></vaadin-icon> Invite team",
       "component": "a",
-      "href": "https:\/\/conversionxl.com\/institute\/my-account\/teams\/",
+      "href": "https://conversionxl.com/institute/my-account/teams/",
       "id": 40,
       "parent": 0
     },
     {
       "depth": 0,
-      "text": "<vaadin-icon icon=\"lumo:user\"><\/vaadin-icon> My account <vaadin-icon icon=\"lumo:dropdown\"><\/vaadin-icon>",
+      "text": "<vaadin-icon icon=\"lumo:user\"></vaadin-icon> My account <vaadin-icon icon=\"lumo:dropdown\"></vaadin-icon>",
       "component": "a",
-      "href": "https:\/\/conversionxl.com\/institute\/my-account\/",
+      "href": "https://conversionxl.com/institute/my-account/",
       "id": 41,
       "parent": 0,
       "children": [
@@ -529,7 +465,7 @@
           "depth": 1,
           "text": "Go to My Account",
           "component": "a",
-          "href": "http:\/\/localhost:8080\/my-account\/",
+          "href": "http://localhost:8080/my-account/",
           "id": 87,
           "parent": 41
         },
@@ -540,7 +476,7 @@
           "depth": 1,
           "text": "Subscriptions",
           "component": "a",
-          "href": "http:\/\/localhost:8080\/my-account\/subscriptions\/",
+          "href": "http://localhost:8080/my-account/subscriptions/",
           "id": 88,
           "parent": 41
         },
@@ -548,7 +484,7 @@
           "depth": 1,
           "text": "Orders",
           "component": "a",
-          "href": "http:\/\/localhost:8080\/my-account\/orders\/",
+          "href": "http://localhost:8080/my-account/orders/",
           "id": 89,
           "parent": 41
         },
@@ -556,7 +492,7 @@
           "depth": 1,
           "text": "Account details",
           "component": "a",
-          "href": "http:\/\/localhost:8080\/my-account\/edit-account\/",
+          "href": "http://localhost:8080/my-account/edit-account/",
           "id": 90,
           "parent": 41
         },
@@ -568,7 +504,7 @@
           "text": "Skip Trial Period",
           "description": "Gain unlimited instant access to all CXL features.",
           "component": "a",
-          "href": "http:\/\/localhost:8080\/my-account\/skip-trial-period\/",
+          "href": "http://localhost:8080/my-account/skip-trial-period/",
           "id": 90,
           "parent": 41
         },
@@ -579,7 +515,7 @@
           "depth": 1,
           "text": "Logout",
           "component": "a",
-          "href": "http:\/\/localhost:8080\/my-account\/logout\/",
+          "href": "http://localhost:8080/my-account/logout/",
           "id": 91,
           "parent": 41
         }