issue #2769: implemented mega menu drop down with transparent background

Signed-off-by: Soumyodeep-Das <[email protected]>

Author: Soumyodeep-Das

docusaurus.config.js

@@ -107,68 +107,68 @@ module.exports = {
       additionalLanguages: ["java", "ruby", "php", "bash"],
     },
     // hideableSidebar: true,
-    navbar: {
-      hideOnScroll: false,
-      logo: {
-        alt: "Keploy logo",
-        src: "img/keploy-logo-dark.svg",
-        srcDark: "img/keploy-logo-dark.svg",
-      },
-      items: [
-        {
-          label: "Products",
-          position: "left",
-          items: [
-            {
-              label: "Unit Testing",
-              to: "/running-keploy/utg-pr-agent/",
-            },
-            {
-              label: "Integration Testing",
-              to: "/keploy-explained/introduction",
-            },
-            {
-              label: "API Testing",
-              to: "/running-keploy/about-api-testing",
-            },
-          ],
-        },
-        {
-          label: "Blog",
-          items: [
-            {
-              label: "Tech Blogs",
-              href: "https://keploy.io/blog/technology",
-            },
-            {
-              label: "Communtity Articles",
-              href: "https://keploy.io/blog/community",
-            },
-            {
-              label: "Glossary",
-              href: "/concepts/reference/glossary/",
-            },
-          ],
-          position: "left",
-        },
-        {
-          to: "/keploy-explained/contribution-guide",
-          label: "Contribution Guide",
-          position: "left",
-        },
-        {
-          type: "docsVersionDropdown",
-          position: "right",
-          dropdownActiveClassDisabled: true,
-        },
-        {
-          href: "https://github.com/keploy/keploy",
-          position: "right",
-          className: "header-github-link",
-          "aria-label": "GitHub repository",
-        },
-      ],
-    },
+    // navbar: {
+    //   hideOnScroll: false,
+    //   logo: {
+    //     alt: "Keploy logo",
+    //     src: "img/keploy-logo-dark.svg",
+    //     srcDark: "img/keploy-logo-dark.svg",
+    //   },
+    //   items: [
+    //     {
+    //       label: "Products",
+    //       position: "left",
+    //       items: [
+    //         {
+    //           label: "Unit Testing",
+    //           to: "/running-keploy/utg-pr-agent/",
+    //         },
+    //         {
+    //           label: "Integration Testing",
+    //           to: "/keploy-explained/introduction",
+    //         },
+    //         {
+    //           label: "API Testing",
+    //           to: "/running-keploy/about-api-testing",
+    //         },
+    //       ],
+    //     },
+    //     {
+    //       label: "Blog",
+    //       items: [
+    //         {
+    //           label: "Tech Blogs",
+    //           href: "https://keploy.io/blog/technology",
+    //         },
+    //         {
+    //           label: "Communtity Articles",
+    //           href: "https://keploy.io/blog/community",
+    //         },
+    //         {
+    //           label: "Glossary",
+    //           href: "/concepts/reference/glossary/",
+    //         },
+    //       ],
+    //       position: "left",
+    //     },
+    //     {
+    //       to: "/keploy-explained/contribution-guide",
+    //       label: "Contribution Guide",
+    //       position: "left",
+    //     },
+    //     {
+    //       type: "docsVersionDropdown",
+    //       position: "right",
+    //       dropdownActiveClassDisabled: true,
+    //     },
+    //     {
+    //       href: "https://github.com/keploy/keploy",
+    //       position: "right",
+    //       className: "header-github-link",
+    //       "aria-label": "GitHub repository",
+    //     },
+    //   ],
+    // },
     footer: {
       copyright: `