@opensite/ui 0.4.0 → 0.4.2

package/dist/registry.cjs

@@ -47097,6 +47097,166 @@ var NavbarCenteredMenu = ({
     }
   );
 };
+var DesktopMenuItem = ({ link, index, optixFlowConfig }) => {
+  const imagesRef = React11__namespace.useRef([]);
+  const layout = link.layout || "simple-grid";
+  const handleMouseEnter = (event) => {
+    const index2 = Number(event.currentTarget.getAttribute("data-index"));
+    if (link.links && imagesRef.current[index2]) {
+      imagesRef.current.forEach((img, i) => {
+        img.classList.toggle("opacity-100", i === index2);
+        img.classList.toggle("opacity-0", i !== index2);
+      });
+    }
+  };
+  const handleMouseLeave = () => {
+    imagesRef.current.forEach((img) => {
+      img.classList.remove("opacity-100");
+      img.classList.add("opacity-0");
+    });
+    if (imagesRef.current[0]) {
+      imagesRef.current[0].classList.add("opacity-100");
+    }
+  };
+  if (layout === "animated-image-preview" && link.links) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-0 hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent h-fit font-normal text-foreground/60", children: link.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "!rounded-2xl !p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-h-[18.75rem] w-[45.25rem] grid-cols-[22.5rem_1fr] gap-4 p-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-square w-full overflow-hidden rounded-xl", children: link.links.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+          img.Img,
+          {
+            ref: (el) => {
+              if (el) {
+                imagesRef.current[idx] = el;
+              }
+            },
+            src: item.image || "",
+            alt: item.label,
+            className: cn(
+              "absolute top-0 left-0 h-full w-full object-cover transition-opacity duration-300",
+              idx === 0 ? "opacity-100" : "opacity-0"
+            ),
+            optixFlowConfig
+          },
+          idx
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 leading-normal font-bold", children: link.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { children: link.links.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            NavigationMenuLink,
+            {
+              href: item.url,
+              className: "flex items-center gap-4 rounded-lg px-4 py-3 hover:bg-muted",
+              "data-index": idx,
+              onMouseEnter: handleMouseEnter,
+              onMouseLeave: handleMouseLeave,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "leading-normal font-medium", children: item.label }),
+                item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "leading-normal text-muted-foreground", children: item.description })
+              ] })
+            }
+          ) }, `desktop-nav-sublink-${idx}`)) })
+        ] })
+      ] }) })
+    ] }, `desktop-menu-item-${index}`);
+  }
+  if (layout === "simple-grid" && link.gridItems) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-0 hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent h-fit font-normal text-foreground/60", children: link.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[520px] p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: link.gridItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+        NavigationMenuLink,
+        {
+          href: item.href,
+          className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
+          children: [
+            item.imgUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
+              {
+                src: item.imgUrl,
+                alt: item.title,
+                className: "h-full w-full object-cover object-center",
+                optixFlowConfig
+              }
+            ) }),
+            !item.imgUrl && item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 18 }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: item.title }),
+              item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
+            ] })
+          ]
+        },
+        `${item.title}-${itemIndex}`
+      )) }) })
+    ] }, `desktop-menu-item-${index}`);
+  }
+  if (layout === "list-with-icons" && link.listItems) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-0 hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent h-fit font-normal text-foreground/60", children: link.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[400px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1", children: link.listItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        NavigationMenuLink,
+        {
+          href: item.href,
+          className: "flex items-start gap-3 rounded-lg p-3 hover:bg-muted",
+          children: [
+            item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16 }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.title }),
+              item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: item.description })
+            ] })
+          ]
+        }
+      ) }, `${item.title}-${itemIndex}`)) }) })
+    ] }, `desktop-menu-item-${index}`);
+  }
+  return null;
+};
+var MobileSubmenu = ({ submenu, mobileMenuClassName, optixFlowConfig }) => {
+  submenu.layout || "simple-grid";
+  const items = submenu.links || submenu.gridItems || submenu.listItems || [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden",
+        mobileMenuClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: submenu.title }),
+        items.map((item, index) => {
+          const title = item.title || item.label;
+          const href = item.href || item.url;
+          const description = item.description;
+          const icon = item.icon || item.iconName;
+          const imgUrl = item.imgUrl || item.image;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            Pressable,
+            {
+              href,
+              className: "flex items-start gap-4 border-b border-border px-8 py-5",
+              children: [
+                imgUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  img.Img,
+                  {
+                    src: imgUrl,
+                    alt: title,
+                    className: "h-full w-full object-cover object-center",
+                    optixFlowConfig
+                  }
+                ) }),
+                !imgUrl && icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16 }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: title }),
+                  description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: description })
+                ] })
+              ]
+            },
+            `${title}-${index}`
+          );
+        })
+      ]
+    }
+  );
+};
 var NavbarMegaMenu = ({
   className,
   containerClassName,
@@ -47111,12 +47271,8 @@ var NavbarMegaMenu = ({
     mobileSrc: logoPlaceholders.logoMark
   },
   logoSlot,
-  solutions,
-  useCases,
-  documentationLinks,
-  resources,
-  authActions,
-  authActionsSlot,
+  menuLinks,
+  actions,
   background = "white",
   spacing = "none",
   pattern,
@@ -47124,49 +47280,56 @@ var NavbarMegaMenu = ({
   optixFlowConfig
 }) => {
   const [open, setOpen] = React11.useState(false);
-  const [submenu, setSubmenu] = React11.useState(null);
+  const [submenuIndex, setSubmenuIndex] = React11.useState(null);
+  const activeSubmenu = submenuIndex !== null ? menuLinks?.[submenuIndex] : null;
   const renderLogo = () => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: logo.url || "/", className: cn("flex items-center gap-2", logoClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: logo.desktopSrc || logoPlaceholders.darkHorizontalLogo,
-          className: cn("hidden h-7 dark:invert md:block", logo.className),
-          alt: logo.alt || "Logo",
-          optixFlowConfig
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: logo.mobileSrc || logoPlaceholders.logoMark,
-          className: cn("h-7 dark:invert md:hidden", logo.className),
-          alt: logo.alt || "Logo",
-          optixFlowConfig
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Pressable,
+      {
+        href: logo.url || "/",
+        className: cn("flex items-center gap-2", logoClassName),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.desktopSrc || logoPlaceholders.darkHorizontalLogo,
+              className: cn("hidden h-7 dark:invert md:block", logo.className),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.mobileSrc || logoPlaceholders.logoMark,
+              className: cn("h-7 dark:invert md:hidden", logo.className),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          )
+        ]
+      }
+    );
   };
-  const renderAuthActions = () => {
-    if (authActionsSlot) return authActionsSlot;
-    if (!authActions || authActions.length === 0) return null;
-    return authActions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
+  const hasDropdownItems = (link) => Boolean(link.links?.length || link.gridItems?.length || link.listItems?.length);
+  const renderActions = () => {
+    if (!actions || actions.length === 0) return null;
+    return actions.map((action, index) => {
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
+      return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] }) }, index);
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -47177,404 +47340,160 @@ var NavbarMegaMenu = ({
       className: cn("inset-x-0 top-0 z-20", className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu, { className: cn("min-w-full [&>div:last-child]:left-1/2 [&>div:last-child]:-translate-x-1/2", navClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-12 py-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            (!open || !submenu) && renderLogo(),
-            open && submenu && /* @__PURE__ */ jsxRuntime.jsxs(
-              Pressable,
-              {
-                variant: "outline",
-                asButton: true,
-                onClick: () => setSubmenu(null),
-                children: [
-                  "Back",
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    DynamicIcon,
-                    {
-                      name: "lucide/chevron-left",
-                      size: 16,
-                      className: "ml-2"
-                    }
-                  )
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuList, { className: cn("hidden lg:flex", navigationMenuListClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Platform" }),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-8", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  NavigationMenuLink,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
+        NavigationMenu,
+        {
+          className: cn(
+            "min-w-full [&>div:last-child]:left-1/2 [&>div:last-child]:-translate-x-1/2",
+            navClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-12 py-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                (!open || submenuIndex === null) && renderLogo(),
+                open && submenuIndex !== null && /* @__PURE__ */ jsxRuntime.jsxs(
+                  Pressable,
                   {
-                    href: "#",
-                    className: "group w-1/3 p-0 hover:bg-transparent",
-                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-clip rounded-lg border border-input bg-background", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-                        img.Img,
+                    variant: "outline",
+                    asButton: true,
+                    onClick: () => setSubmenuIndex(null),
+                    children: [
+                      "Back",
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        DynamicIcon,
                         {
-                          src: imagePlaceholders[0],
-                          alt: "Platform overview",
-                          className: "aspect-4/3 object-cover object-center",
-                          optixFlowConfig
+                          name: "lucide/chevron-left",
+                          size: 16,
+                          className: "ml-2"
                         }
-                      ) }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 xl:p-8", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: "Platform Overview" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: "Discover how our platform transforms your workflow." })
-                      ] })
-                    ] })
+                      )
+                    ]
                   }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[760px] flex-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Solutions" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: solutions?.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    NavigationMenuLink,
-                    {
-                      href: solution.href,
-                      className: "group block p-4",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-5 group-hover:opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: solution.icon, size: 20 }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-base", children: solution.title }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: solution.description })
-                      ]
-                    },
-                    index
-                  )) })
-                ] })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Use cases" }),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-1/2 max-w-[510px]", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Use cases" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: useCases?.map((useCase, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    NavigationMenuLink,
-                    {
-                      href: useCase.href,
-                      className: "group flex flex-row items-center gap-5",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "group-hover:opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: useCase.icon, size: 16 }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: useCase.title })
-                      ]
-                    },
-                    index
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  NavigationMenuLink,
-                  {
-                    href: "#",
-                    className: "group flex-1 p-0 hover:bg-transparent",
-                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full rounded-lg border border-input bg-background p-0 hover:bg-transparent", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2/5 max-w-[310px] shrink-0 overflow-clip rounded-tl-lg rounded-bl-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
-                        img.Img,
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                NavigationMenuList,
+                {
+                  className: cn("hidden lg:flex", navigationMenuListClassName),
+                  children: menuLinks?.map((link, index) => {
+                    if (hasDropdownItems(link)) {
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        DesktopMenuItem,
                         {
-                          src: imagePlaceholders[1],
-                          alt: "Use case",
-                          className: "h-full w-full object-cover object-center",
+                          link,
+                          index,
                           optixFlowConfig
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5 xl:p-8", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8 text-xs tracking-widest text-muted-foreground uppercase", children: "For user persona" }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xl", children: "Call to action for user persona" }),
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: "Tailored solutions designed specifically for your team's unique needs." })
-                        ] })
-                      ] })
-                    ] })
-                  }
-                )
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Developers" }),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-8", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-1/3 max-w-[404px]", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: "Documentation" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-sm font-normal text-muted-foreground", children: "Call to action for developers" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-ml-2.5 space-y-2.5", children: documentationLinks?.map((link, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    NavigationMenuLink,
-                    {
-                      href: link.href,
-                      className: "group flex flex-row items-center gap-2.5 rounded-md p-2.5 focus:text-accent-foreground",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          DynamicIcon,
-                          {
-                            name: "lucide/arrow-up-right",
-                            size: 16
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: link.title })
-                      ]
-                    },
-                    index
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[716px] flex-1 space-y-6", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    NavigationMenuLink,
-                    {
-                      href: "#",
-                      className: "flex flex-row items-center overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: "Showcase link" }),
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: "Explore real-world implementations and success stories from our community." })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[154px] max-w-[264px] shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          img.Img,
-                          {
-                            src: imagePlaceholders[2],
-                            alt: "Showcase",
-                            className: "h-full w-full object-cover object-center",
-                            optixFlowConfig
-                          }
-                        ) })
-                      ]
+                        },
+                        `${link.title}-${index}`
+                      );
+                    }
+                    if (!link.url) {
+                      return null;
                     }
+                    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      NavigationMenuLink,
+                      {
+                        href: link.url,
+                        className: "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-accent-foreground",
+                        children: link.title
+                      }
+                    ) }, `${link.title}-${index}`);
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "hidden items-center gap-2 lg:flex",
+                    actionsClassName
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    NavigationMenuLink,
-                    {
-                      href: "#",
-                      className: "flex flex-row items-center overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: "Another showcase link" }),
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: "Learn best practices and advanced techniques from expert developers." })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[154px] max-w-[264px] shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          img.Img,
-                          {
-                            src: imagePlaceholders[3],
-                            alt: "Showcase",
-                            className: "h-full w-full object-cover object-center",
-                            optixFlowConfig
-                          }
-                        ) })
-                      ]
+                  children: renderActions()
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                Pressable,
+                {
+                  variant: "outline",
+                  size: "icon",
+                  asButton: true,
+                  "aria-label": "Main Menu",
+                  onClick: () => {
+                    if (open) {
+                      setOpen(false);
+                      setSubmenuIndex(null);
+                    } else {
+                      setOpen(true);
                     }
-                  )
-                ] })
-              ] }) })
+                  },
+                  children: [
+                    !open && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 }),
+                    open && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 16 })
+                  ]
+                }
+              ) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Resources" }),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Resources" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: resources?.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    NavigationMenuLink,
-                    {
-                      href: resource.href,
-                      className: "flex h-full flex-col overflow-clip rounded-lg border border-input bg-background p-5 hover:bg-accent hover:text-accent-foreground xl:p-8",
-                      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: resource.title }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: resource.description })
-                      ] })
-                    },
-                    index
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Customers" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    NavigationMenuLink,
-                    {
-                      href: "#",
-                      className: "mb-6 flex flex-row overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: "Customers" }),
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: "See how leading companies leverage our platform to drive innovation." })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1/3 max-w-[130px] shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          img.Img,
-                          {
-                            src: imagePlaceholders[4],
-                            alt: "Customers",
-                            className: "h-full w-full object-cover object-center",
-                            optixFlowConfig
-                          }
-                        ) })
-                      ]
+            open && submenuIndex === null && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden",
+                  mobileMenuClassName
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { children: menuLinks?.map((link, index) => {
+                    if (hasDropdownItems(link)) {
+                      return /* @__PURE__ */ jsxRuntime.jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          className: "flex w-full items-center border-b border-border px-8 py-7 text-left",
+                          onClick: () => setSubmenuIndex(index),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: link.title }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 }) })
+                          ]
+                        },
+                        `${link.title}-${index}`
+                      );
                     }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    NavigationMenuLink,
+                    if (!link.url) {
+                      return null;
+                    }
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: link.url,
+                        className: "flex w-full items-center border-b border-border px-8 py-7 text-left",
+                        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: link.title })
+                      },
+                      `${link.title}-${index}`
+                    );
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
                     {
-                      href: "#",
-                      className: "flex flex-row items-center gap-3 rounded-lg bg-secondary/30 p-3 hover:bg-secondary/80 focus:bg-secondary/80",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", children: "NEW" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ellipsis text-secondary-foreground", children: "Introducing our latest feature: enhanced analytics dashboard" })
-                      ]
+                      className: cn(
+                        "mx-8 mt-auto flex flex-col gap-4 py-12",
+                        actionsClassName
+                      ),
+                      children: renderActions()
                     }
                   )
-                ] })
-              ] }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden items-center gap-2 lg:flex", actionsClassName), children: renderAuthActions() }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            Pressable,
-            {
-              variant: "outline",
-              size: "icon",
-              asButton: true,
-              "aria-label": "Main Menu",
-              onClick: () => {
-                if (open) {
-                  setOpen(false);
-                  setSubmenu(null);
-                } else {
-                  setOpen(true);
-                }
-              },
-              children: [
-                !open && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 }),
-                open && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 16 })
-              ]
-            }
-          ) })
-        ] }),
-        open && !submenu && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                type: "button",
-                className: "flex w-full items-center border-b border-border px-8 py-7 text-left",
-                onClick: () => setSubmenu("platform"),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: "Platform" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 }) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                type: "button",
-                className: "flex w-full items-center border-b border-border px-8 py-7 text-left",
-                onClick: () => setSubmenu("usecases"),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: "Use cases" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 }) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                type: "button",
-                className: "flex w-full items-center border-b border-border px-8 py-7 text-left",
-                onClick: () => setSubmenu("developers"),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: "Developers" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 }) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
+            open && activeSubmenu && hasDropdownItems(activeSubmenu) && /* @__PURE__ */ jsxRuntime.jsx(
+              MobileSubmenu,
               {
-                type: "button",
-                className: "flex w-full items-center border-b border-border px-8 py-7 text-left",
-                onClick: () => setSubmenu("resources"),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: "Resources" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 }) })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-8 mt-auto flex flex-col gap-4 py-12", actionsClassName), children: renderAuthActions() })
-        ] }),
-        open && submenu === "platform" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: "#", className: "block space-y-6 px-8 py-8", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-clip rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
-              {
-                src: imagePlaceholders[0],
-                alt: "Platform overview",
-                className: "aspect-2/1 h-full w-full object-cover object-center",
+                submenu: activeSubmenu,
+                mobileMenuClassName,
                 optixFlowConfig
               }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: "Platform Overview" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: "Discover how our platform transforms your workflow." })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Solutions" }),
-          solutions?.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-            Pressable,
-            {
-              href: solution.href,
-              className: "flex items-center gap-5 border-b border-border px-8 py-5",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: solution.icon, size: 20 }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: solution.title }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: solution.description })
-                ] })
-              ]
-            },
-            index
-          ))
-        ] }),
-        open && submenu === "usecases" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Use cases" }),
-          useCases?.map((useCase, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-            Pressable,
-            {
-              href: useCase.href,
-              className: "flex items-center gap-5 border-b border-border px-8 py-5",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: useCase.icon, size: 16 }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: useCase.title })
-              ]
-            },
-            index
-          ))
-        ] }),
-        open && submenu === "developers" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Documentation" }),
-          documentationLinks?.map((link, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-            Pressable,
-            {
-              href: link.href,
-              className: "flex items-center gap-5 border-b border-border px-8 py-5",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-up-right", size: 16 }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: link.title })
-              ]
-            },
-            index
-          ))
-        ] }),
-        open && submenu === "resources" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Resources" }),
-          resources?.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
-            {
-              href: resource.href,
-              className: "flex items-center gap-5 border-b border-border px-8 py-5",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: resource.title }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: resource.description })
-              ] })
-            },
-            index
-          ))
-        ] })
-      ] }) })
+            )
+          ]
+        }
+      ) })
     }
   );
 };
@@ -47591,16 +47510,9 @@ var NavbarEnterpriseMega = ({
     src: logoPlaceholders.logoMark
   },
   logoSlot,
-  navigation,
-  solutions,
-  solutionTechnologies,
-  productCategories,
-  globalCategories,
-  regions,
-  resources,
-  topicGroups,
-  authActions,
-  authActionsSlot,
+  menuLinks,
+  actions,
+  actionsSlot,
   background = "white",
   spacing = "none",
   pattern,
@@ -47647,10 +47559,10 @@ var NavbarEnterpriseMega = ({
       }
     );
   };
-  const renderAuthActions = () => {
-    if (authActionsSlot) return authActionsSlot;
-    if (!authActions || authActions.length === 0) return null;
-    return authActions.map((action, index) => {
+  const renderActions = () => {
+    if (actionsSlot) return actionsSlot;
+    if (!actions || actions.length === 0) return null;
+    return actions.map((action, index) => {
       const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
@@ -47681,24 +47593,17 @@ var NavbarEnterpriseMega = ({
         patternOpacity,
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-16 items-center justify-between gap-8", navClassName), children: [
           renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), viewport: false, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navigation?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            DesktopMenuItem,
+          /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), viewport: false, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: menuLinks?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            DesktopMenuItem2,
             {
               item,
               index,
-              solutions: solutions ?? [],
-              solutionTechnologies: solutionTechnologies ?? [],
-              productCategories: productCategories ?? [],
-              globalCategories: globalCategories ?? [],
-              regions: regions ?? [],
-              resources: resources ?? [],
-              topicGroups: topicGroups ?? [],
               optixFlowConfig
             },
             `desktop-link-${index}`
           )) }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", actionsClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3", children: renderAuthActions() }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3", children: renderActions() }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
@@ -47732,92 +47637,108 @@ var NavbarEnterpriseMega = ({
       MobileNavigationMenu,
       {
         open,
-        navigation: navigation ?? [],
-        solutions: solutions ?? [],
-        productCategories: productCategories ?? [],
-        resources: resources ?? [],
+        menuLinks: menuLinks ?? [],
         actionsClassName,
-        authActions,
-        authActionsSlot,
+        actions,
+        actionsSlot,
         optixFlowConfig
       }
     )
   ] });
 };
-var DesktopMenuItem = ({
+var DesktopMenuItem2 = ({
   item,
   index,
-  solutions,
-  solutionTechnologies,
-  productCategories,
-  globalCategories,
-  regions,
-  resources,
-  topicGroups,
   optixFlowConfig
 }) => {
-  if (item.menuType) {
+  const hasDropdown = Boolean(item.layout);
+  if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent font-normal text-foreground/60", children: item.title }),
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container", children: [
-        item.menuType === "solutions" && /* @__PURE__ */ jsxRuntime.jsx(
-          SolutionsMenu,
-          {
-            solutions,
-            solutionTechnologies,
-            optixFlowConfig
-          }
-        ),
-        item.menuType === "products" && /* @__PURE__ */ jsxRuntime.jsx(
-          ProductsMenu,
-          {
-            productCategories,
-            optixFlowConfig
-          }
-        ),
-        item.menuType === "global" && /* @__PURE__ */ jsxRuntime.jsx(
-          GlobalMenu,
-          {
-            globalCategories,
-            regions,
-            optixFlowConfig
-          }
-        ),
-        item.menuType === "partners" && /* @__PURE__ */ jsxRuntime.jsx(PartnersMenu, { optixFlowConfig }),
-        item.menuType === "resources" && /* @__PURE__ */ jsxRuntime.jsx(
-          ResourcesMenu,
-          {
-            resources,
-            topicGroups
-          }
-        )
-      ] }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-0 hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent h-fit font-normal text-foreground/60", children: item.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(item, optixFlowConfig) }) }) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
     NavigationMenuLink,
     {
       href: item.url,
-      className: `${navigationMenuTriggerStyle()} h-fit bg-transparent font-normal text-foreground/60`,
+      className: "bg-transparent px-0 hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent h-fit font-normal text-foreground/60",
       children: item.title
     }
   ) }, `desktop-menu-item-${index}`);
 };
+var renderDropdownContent = (item, optixFlowConfig) => {
+  switch (item.layout) {
+    case "solutions-with-platform":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SolutionsMenu,
+        {
+          solutionCards: item.solutionCards ?? [],
+          platformItems: item.platformItems ?? [],
+          featuredHeroCard: item.featuredHeroCard,
+          optixFlowConfig
+        }
+      );
+    case "products-categorized":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ProductsMenu,
+        {
+          productCategories: item.productCategories ?? [],
+          featuredHeroCard: item.featuredHeroCard,
+          optixFlowConfig
+        }
+      );
+    case "features-with-locations":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        GlobalMenu,
+        {
+          featureCategories: item.featureCategories ?? [],
+          regions: item.regions ?? [],
+          featuredHeroCard: item.featuredHeroCard,
+          optixFlowConfig
+        }
+      );
+    case "partners-promotional":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        PartnersMenu,
+        {
+          partnerCards: item.partnerCards ?? [],
+          featuredHeroCard: item.featuredHeroCard,
+          optixFlowConfig
+        }
+      );
+    case "resources-with-topics":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ResourcesMenu,
+        {
+          resourceItems: item.resourceItems ?? [],
+          topicGroups: item.topicGroups ?? [],
+          featuredHeroCard: item.featuredHeroCard
+        }
+      );
+    default:
+      return null;
+  }
+};
 var SolutionsMenu = ({
-  solutions,
-  solutionTechnologies,
+  solutionCards,
+  platformItems,
+  featuredHeroCard,
   optixFlowConfig
 }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-8 sm:grid-cols-2", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(
+  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx(
     Pressable,
     {
-      href: "#",
-      className: "group relative flex h-full flex-row overflow-hidden rounded-lg bg-primary px-0 pt-8 text-primary-foreground lg:rounded-xl lg:px-6",
+      href: featuredHeroCard.href,
+      className: cn(
+        "group relative flex h-full flex-row overflow-hidden rounded-lg px-0 pt-8 text-primary-foreground lg:rounded-xl lg:px-6",
+        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
+      ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex w-full flex-col space-y-12 text-left md:space-y-8 lg:w-full lg:flex-row lg:justify-between lg:space-y-0 lg:space-x-6 xl:space-x-8", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col px-6 lg:mb-6 lg:px-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-6 text-xs font-medium tracking-wider uppercase md:mb-8", children: "Transform Your Workflow" }),
+          featuredHeroCard.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-6 text-xs font-medium tracking-wider uppercase md:mb-8", children: featuredHeroCard.subtitle }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center space-x-1 text-xs", children: [
-            "Discover Our Platform",
+            featuredHeroCard.title,
             /* @__PURE__ */ jsxRuntime.jsx(
               DynamicIcon,
               {
@@ -47827,13 +47748,13 @@ var SolutionsMenu = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: "Streamline collaboration, automate workflows, and boost productivity across your organization." })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: featuredHeroCard.description })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-64 lg:pl-0 xl:max-w-96", children: /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
-            src: imagePlaceholders[0],
-            alt: "placeholder",
+            src: featuredHeroCard.image,
+            alt: featuredHeroCard.title,
             className: "aspect-2/1 h-full w-full translate-y-px object-cover object-center",
             optixFlowConfig
           }
@@ -47841,9 +47762,9 @@ var SolutionsMenu = ({
       ] })
     }
   ),
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "order-last mt-3 sm:order-0 sm:mt-0 sm:py-2 md:p-6", children: [
+  platformItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "order-last mt-3 sm:order-0 sm:mt-0 sm:py-2 md:p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-left leading-none md:col-span-2 lg:col-span-4 lg:mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-left text-xs font-medium tracking-wider text-muted-foreground uppercase", children: "Developer Platform" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 lg:grid-cols-2", children: solutionTechnologies.map((technology) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 lg:grid-cols-2", children: platformItems.map((technology) => /* @__PURE__ */ jsxRuntime.jsxs(
       NavigationMenuLink,
       {
         href: technology.href,
@@ -47864,7 +47785,7 @@ var SolutionsMenu = ({
       technology.id
     )) })
   ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4 lg:gap-8", children: solutions.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border p-5", children: [
+  solutionCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4 lg:gap-8", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border p-5", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
       Pressable,
       {
@@ -47910,26 +47831,30 @@ var SolutionsMenu = ({
 ] });
 var ProductsMenu = ({
   productCategories,
+  featuredHeroCard,
   optixFlowConfig
 }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-12 lg:flex lg:space-x-8", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[18rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
+  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[18rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
     Pressable,
     {
-      href: "#",
-      className: "group relative flex h-full flex-row overflow-hidden rounded-lg px-0 text-primary-foreground lg:rounded-xl",
+      href: featuredHeroCard.href,
+      className: cn(
+        "group relative flex h-full flex-row overflow-hidden rounded-lg px-0 text-primary-foreground lg:rounded-xl",
+        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
+      ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col text-left", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-2/1 max-h-44 w-full flex-1 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
-            src: imagePlaceholders[5],
-            alt: "placeholder",
+            src: featuredHeroCard.image,
+            alt: featuredHeroCard.title,
             className: "h-full w-full object-cover object-center",
             optixFlowConfig
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex flex-col rounded-b-xl bg-primary p-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-1 text-xs", children: [
-            "Enterprise Solutions",
+            featuredHeroCard.title,
             /* @__PURE__ */ jsxRuntime.jsx(
               DynamicIcon,
               {
@@ -47939,12 +47864,12 @@ var ProductsMenu = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/70", children: "Scale your business with enterprise-grade features and support." })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/70", children: featuredHeroCard.description })
         ] })
       ] })
     }
   ) }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full gap-y-12 lg:gap-y-6", children: productCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-2 lg:gap-y-6", children: [
+  productCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full gap-y-12 lg:gap-y-6", children: productCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-2 lg:gap-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border text-left lg:border-b lg:pb-3", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-left text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
     /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid md:grid-cols-3 md:gap-x-5 lg:gap-y-7", children: category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsxs(
       NavigationMenuLink,
@@ -47980,29 +47905,33 @@ var ProductsMenu = ({
   ] }, category.title)) })
 ] });
 var GlobalMenu = ({
-  globalCategories,
+  featureCategories,
   regions,
+  featuredHeroCard,
   optixFlowConfig
 }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 lg:flex lg:space-y-0 lg:space-x-8", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[18rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
+    featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[18rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
-        href: "#",
-        className: "group relative flex h-full flex-row overflow-hidden rounded-lg p-0 text-primary-foreground lg:rounded-xl",
+        href: featuredHeroCard.href,
+        className: cn(
+          "group relative flex h-full flex-row overflow-hidden rounded-lg p-0 text-primary-foreground lg:rounded-xl",
+          featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
+        ),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col-reverse text-left lg:flex-col", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-4/3 max-h-72 w-full flex-1 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
-              src: imagePlaceholders[6],
-              alt: "placeholder",
+              src: featuredHeroCard.image,
+              alt: featuredHeroCard.title,
               className: "h-full w-full object-cover object-center",
               optixFlowConfig
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex flex-col rounded-b-xl bg-primary p-6", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-1 text-xs", children: [
-              "Enterprise Solutions",
+              featuredHeroCard.title,
               /* @__PURE__ */ jsxRuntime.jsx(
                 DynamicIcon,
                 {
@@ -48012,12 +47941,12 @@ var GlobalMenu = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: "Scale your business with enterprise-grade features and support." })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: featuredHeroCard.description })
           ] })
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full gap-y-12 lg:gap-y-6", children: globalCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-2 lg:gap-y-6", children: [
+    featureCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full gap-y-12 lg:gap-y-6", children: featureCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-2 lg:gap-y-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border text-left lg:border-b lg:pb-3", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-left text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
       /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid md:grid-cols-3 md:gap-x-6 lg:gap-y-6", children: category.features.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenuLink,
@@ -48044,7 +47973,7 @@ var GlobalMenu = ({
       )) })
     ] }, category.title)) })
   ] }),
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8", children: [
+  regions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 border-border pb-1 text-left lg:border-b", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-left text-xs font-medium tracking-wider text-muted-foreground uppercase", children: "Popular Locations" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-6 md:grid-cols-3 lg:grid-cols-4", children: regions.map((region) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -48078,16 +48007,19 @@ var GlobalMenu = ({
     )) })
   ] })
 ] });
-var PartnersMenu = ({ optixFlowConfig }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-6 md:grid-cols-2 md:gap-x-6 lg:grid-cols-4", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+var PartnersMenu = ({ partnerCards, featuredHeroCard, optixFlowConfig }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-6 md:grid-cols-2 md:gap-x-6 lg:grid-cols-4", children: [
+  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(
     Pressable,
     {
-      href: "#",
-      className: "group relative flex h-full flex-row overflow-hidden rounded-lg bg-primary p-0 text-primary-foreground lg:rounded-xl",
+      href: featuredHeroCard.href,
+      className: cn(
+        "group relative flex h-full flex-row overflow-hidden rounded-lg p-0 text-primary-foreground lg:rounded-xl",
+        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
+      ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col-reverse text-left", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex flex-col px-6 pt-6 pb-56 md:pt-40 md:pb-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center space-x-1 text-xs font-medium", children: [
-            "Partner Program",
+            featuredHeroCard.title,
             /* @__PURE__ */ jsxRuntime.jsx(
               DynamicIcon,
               {
@@ -48097,13 +48029,16 @@ var PartnersMenu = ({ optixFlowConfig }) => /* @__PURE__ */ jsxRuntime.jsxs("div
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs", children: "Join our partner network and grow your business with our leading productivity platform." })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs", children: featuredHeroCard.description })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 top-[32%] bg-accent invert md:top-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
+          "absolute inset-0 top-[32%] md:top-0",
+          featuredHeroCard.imagePosition === "background" && "bg-accent invert"
+        ), children: /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
-            src: imagePlaceholders[7],
-            alt: "placeholder",
+            src: featuredHeroCard.image,
+            alt: featuredHeroCard.title,
             className: "object-fit h-full w-full object-top-right opacity-100 md:h-2/3 md:object-top",
             optixFlowConfig
           }
@@ -48111,15 +48046,35 @@ var PartnersMenu = ({ optixFlowConfig }) => /* @__PURE__ */ jsxRuntime.jsxs("div
       ] })
     }
   ) }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+  partnerCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:col-span-2 lg:col-span-2", children: partnerCards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(
+    NavigationMenuLink,
+    {
+      href: card.href,
+      className: "group flex w-full flex-row items-center rounded-lg border border-border lg:rounded-xl",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start p-6 text-left", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: card.icon, size: 32 }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto mb-1 text-sm font-bold text-foreground/85 hover:text-foreground", children: card.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground group-hover:text-foreground", children: card.description })
+        ] })
+      ] })
+    },
+    card.title
+  )) })
+] });
+var ResourcesMenu = ({ resourceItems, topicGroups, featuredHeroCard }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-8 lg:grid-cols-3", children: [
+  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsx(
     Pressable,
     {
-      href: "#",
-      className: "group relative flex h-full flex-row overflow-hidden rounded-lg bg-accent p-0 text-accent-foreground lg:rounded-xl",
+      href: featuredHeroCard.href,
+      className: cn(
+        "group relative flex h-full flex-row overflow-hidden rounded-lg p-0 text-primary-foreground lg:rounded-xl",
+        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
+      ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col-reverse text-left", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex flex-col px-6 pt-6 pb-56 md:pt-40 md:pb-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center space-x-1 text-xs font-medium", children: [
-            "Solution Partners",
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center space-x-1 text-xs", children: [
+            featuredHeroCard.title,
             /* @__PURE__ */ jsxRuntime.jsx(
               DynamicIcon,
               {
@@ -48129,55 +48084,23 @@ var PartnersMenu = ({ optixFlowConfig }) => /* @__PURE__ */ jsxRuntime.jsxs("div
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Build and deliver solutions that help customers achieve more." })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs", children: featuredHeroCard.description })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 top-[32%] md:top-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
-            src: imagePlaceholders[8],
-            alt: "placeholder",
-            className: "object-fit h-full w-full object-top-right md:h-2/3 md:object-top",
-            optixFlowConfig
+            src: featuredHeroCard.image,
+            alt: featuredHeroCard.title,
+            className: "h-full w-full object-cover object-center invert"
           }
-        ) })
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 top-0 z-10 h-[60%] bg-[linear-gradient(hsl(var(--color-primary))_50%,transparent)] md:top-auto md:bottom-[-10%] md:h-[50%] md:bg-[linear-gradient(transparent,hsl(var(--color-primary))_50%)]" })
       ] })
     }
   ) }),
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:col-span-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      NavigationMenuLink,
-      {
-        href: "#",
-        className: "group flex w-full flex-row items-center rounded-lg border border-border lg:rounded-xl",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start p-6 text-left", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 32 }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto mb-1 text-sm font-bold text-foreground/85 hover:text-foreground", children: "Implementation Partners" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground group-hover:text-foreground", children: "Help customers implement and optimize their workflows." })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      NavigationMenuLink,
-      {
-        href: "#",
-        className: "group flex w-full flex-row items-center rounded-lg border border-border lg:rounded-xl",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start p-6 text-left", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/monitor", size: 32 }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto mb-1 text-sm font-bold text-foreground/85 hover:text-foreground", children: "Technology Partners" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground group-hover:text-foreground", children: "Integrate your products with our platform." })
-          ] })
-        ] })
-      }
-    )
-  ] })
-] });
-var ResourcesMenu = ({ resources, topicGroups }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-8 lg:grid-cols-3", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2", children: [
+  resourceItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(featuredHeroCard ? "lg:col-span-1" : "lg:col-span-2"), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: "Resources" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: resources.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-2", children: resourceItems.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
       NavigationMenuLink,
       {
         href: resource.href,
@@ -48200,7 +48123,7 @@ var ResourcesMenu = ({ resources, topicGroups }) => /* @__PURE__ */ jsxRuntime.j
       resource.id
     )) })
   ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { children: topicGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 last:mb-0", children: [
+  topicGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-1", children: topicGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 last:mb-0", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: group.title }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: group.topics.map((topic) => /* @__PURE__ */ jsxRuntime.jsxs(
       NavigationMenuLink,
@@ -48216,21 +48139,78 @@ var ResourcesMenu = ({ resources, topicGroups }) => /* @__PURE__ */ jsxRuntime.j
     )) })
   ] }, group.title)) })
 ] });
+var renderMobileDropdownContent = (item) => {
+  switch (item.layout) {
+    case "solutions-with-platform":
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: item.solutionCards?.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Pressable,
+          {
+            href: solution.href,
+            className: "text-sm font-medium",
+            children: solution.title
+          }
+        ),
+        solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
+          Pressable,
+          {
+            href: subpage.href,
+            className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subpage.icon, size: 14 }),
+              subpage.title
+            ]
+          },
+          subpage.id
+        ))
+      ] }, solution.id)) });
+    case "products-categorized":
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: item.productCategories?.flatMap(
+        (category) => category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+          Pressable,
+          {
+            href: product.href,
+            className: "flex items-center gap-2 text-sm text-muted-foreground",
+            children: product.title
+          },
+          product.id
+        ))
+      ) });
+    case "resources-with-topics":
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: item.resourceItems?.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
+        Pressable,
+        {
+          href: resource.href,
+          className: "flex items-center gap-2 text-sm text-muted-foreground",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: resource.icon, size: 14 }),
+            resource.title
+          ]
+        },
+        resource.id
+      )) });
+    case "features-with-locations":
+    case "partners-promotional":
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: "#", children: [
+        "View all ",
+        item.title.toLowerCase()
+      ] }) });
+    default:
+      return null;
+  }
+};
 var MobileNavigationMenu = ({
   open,
-  navigation,
-  solutions,
-  productCategories,
-  resources,
+  menuLinks,
   actionsClassName,
-  authActions,
-  authActionsSlot,
+  actions,
+  actionsSlot,
   optixFlowConfig
 }) => {
-  const renderAuthActions = () => {
-    if (authActionsSlot) return authActionsSlot;
-    if (!authActions || authActions.length === 0) return null;
-    return authActions.map((action, index) => {
+  const renderActions = () => {
+    if (actionsSlot) return actionsSlot;
+    if (!actions || actions.length === 0) return null;
+    return actions.map((action, index) => {
       const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
@@ -48256,9 +48236,10 @@ var MobileNavigationMenu = ({
       className: "inset-0 z-998 h-dvh w-full bg-background pt-16 [&>button]:hidden",
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full overflow-y-auto pt-4 pb-20", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -m-px h-px w-px overflow-hidden border-0 mask-clip-border p-0 text-nowrap whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "text-primary", children: "Mobile Navigation" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-4", actionsClassName), children: renderAuthActions() }),
-        /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "mt-6 w-full", children: navigation.map((item, index) => {
-          if (item.menuType) {
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-4", actionsClassName), children: renderActions() }),
+        /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "mt-6 w-full", children: menuLinks.map((item, index) => {
+          const hasDropdown = Boolean(item.layout);
+          if (hasDropdown) {
             return /* @__PURE__ */ jsxRuntime.jsxs(
               AccordionItem,
               {
@@ -48266,63 +48247,7 @@ var MobileNavigationMenu = ({
                 className: "border-b-0",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: item.title }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto", children: [
-                    item.menuType === "solutions" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: solutions.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        Pressable,
-                        {
-                          href: solution.href,
-                          className: "text-sm font-medium",
-                          children: solution.title
-                        }
-                      ),
-                      solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
-                        Pressable,
-                        {
-                          href: subpage.href,
-                          className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
-                          children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              DynamicIcon,
-                              {
-                                name: subpage.icon,
-                                size: 14
-                              }
-                            ),
-                            subpage.title
-                          ]
-                        },
-                        subpage.id
-                      ))
-                    ] }, solution.id)) }),
-                    item.menuType === "products" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: productCategories.flatMap(
-                      (category) => category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
-                        Pressable,
-                        {
-                          href: product.href,
-                          className: "flex items-center gap-2 text-sm text-muted-foreground",
-                          children: product.title
-                        },
-                        product.id
-                      ))
-                    ) }),
-                    item.menuType === "resources" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: resources.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
-                      Pressable,
-                      {
-                        href: resource.href,
-                        className: "flex items-center gap-2 text-sm text-muted-foreground",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: resource.icon, size: 14 }),
-                          resource.title
-                        ]
-                      },
-                      resource.id
-                    )) }),
-                    (item.menuType === "global" || item.menuType === "partners") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: "#", children: [
-                      "View all ",
-                      item.title.toLowerCase()
-                    ] }) })
-                  ] })
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto", children: renderMobileDropdownContent(item) })
                 ]
               },
               item.title
@@ -48722,11 +48647,8 @@ var NavbarPlatformResources = ({
     src: logoPlaceholders.logoMark
   },
   logoSlot,
-  solutions,
-  platformCases,
-  resources,
-  authActions,
-  authActionsSlot,
+  menuLinks,
+  actions,
   background = "white",
   spacing = "none",
   pattern,
@@ -48737,37 +48659,274 @@ var NavbarPlatformResources = ({
   const renderLogo = () => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: logo.url || "/", className: cn("flex items-center gap-2", logoClassName), children: [
-      logo.src && /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: logo.src,
-          className: cn("max-h-8", logo.className),
-          alt: logo.alt || "Logo",
-          optixFlowConfig
-        }
-      ),
-      logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Pressable,
+      {
+        href: logo.url || "/",
+        className: cn("flex items-center gap-2", logoClassName),
+        children: [
+          logo.src && /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              className: cn("max-h-8", logo.className),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          ),
+          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
+        ]
+      }
+    );
   };
-  const renderAuthActions = () => {
-    if (authActionsSlot) return authActionsSlot;
-    if (!authActions || authActions.length === 0) return null;
-    return authActions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
+  const hasDropdownItems = (link) => Boolean(
+    link.dropdownItems?.length || link.featuredItem || link.showcaseItems?.length || link.ctaCard || link.sections?.length
+  );
+  const renderDropdownContent3 = (link) => {
+    const layout = link.layout || "simple-list";
+    if (layout === "simple-list") {
+      return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[640px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.dropdownItems?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+        NavigationMenuLink,
         {
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
+          href: item.href,
+          className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
+          children: [
+            item.imgUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
+              {
+                src: item.imgUrl,
+                alt: item.title,
+                className: "h-full w-full object-cover object-center",
+                optixFlowConfig
+              }
+            ) }),
+            !item.imgUrl && item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 18 }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: item.title }),
+              item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
+            ] })
+          ]
+        },
+        `${item.title}-${itemIndex}`
+      )) }) });
+    }
+    if (layout === "featured-grid" && link.featuredItem) {
+      return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          NavigationMenuLink,
+          {
+            href: link.featuredItem.href,
+            className: "group w-1/3 p-0 hover:bg-transparent",
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-clip rounded-lg border border-input bg-background", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: link.featuredItem.imgUrl,
+                  alt: link.featuredItem.title,
+                  className: "aspect-[4/3] object-cover object-center",
+                  optixFlowConfig
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 xl:p-8", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: link.featuredItem.title }),
+                link.featuredItem.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: link.featuredItem.description })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[760px] flex-1", children: [
+          link.featuredItem.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: link.featuredItem.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: link.dropdownItems?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+            NavigationMenuLink,
+            {
+              href: item.href,
+              className: "group block p-4",
+              children: [
+                item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-5 group-hover:opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-base", children: item.title }),
+                item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
+              ]
+            },
+            `${item.title}-${itemIndex}`
+          )) })
+        ] })
+      ] }) });
+    }
+    if (layout === "two-column-cta" && link.ctaCard) {
+      return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1/2 max-w-[510px]", children: link.sections && link.sections[0] && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: link.sections[0].label }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: link.sections[0].items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+            NavigationMenuLink,
+            {
+              href: item.href,
+              className: "group flex flex-row items-center gap-5",
+              children: [
+                item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "group-hover:opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16 }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: item.title })
+              ]
+            },
+            `${item.title}-${itemIndex}`
+          )) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          NavigationMenuLink,
+          {
+            href: link.ctaCard.href,
+            className: "group flex-1 p-0 hover:bg-transparent",
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full rounded-lg border border-input bg-background p-0 hover:bg-transparent", children: [
+              link.ctaCard.imgUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2/5 max-w-[310px] shrink-0 overflow-clip rounded-tl-lg rounded-bl-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: link.ctaCard.imgUrl,
+                  alt: link.ctaCard.title,
+                  className: "h-full w-full object-cover object-center",
+                  optixFlowConfig
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5 xl:p-8", children: [
+                link.ctaCard.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8 text-xs tracking-widest text-muted-foreground uppercase", children: link.ctaCard.label }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xl", children: link.ctaCard.title }),
+                  link.ctaCard.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: link.ctaCard.description })
+                ] })
+              ] })
+            ] })
+          }
+        )
+      ] }) });
+    }
+    if (layout === "list-showcase" && link.showcaseItems) {
+      return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1/3 max-w-[404px]", children: link.sections && link.sections[0] && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: link.sections[0].label }),
+          link.sections[0].items[0]?.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-sm font-normal text-muted-foreground", children: link.sections[0].items[0].description }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-ml-2.5 space-y-2.5", children: link.dropdownItems?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+            NavigationMenuLink,
+            {
+              href: item.href,
+              className: "group flex flex-row items-center gap-2.5 rounded-md p-2.5 focus:text-accent-foreground",
+              children: [
+                item.icon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16 }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: item.title })
+              ]
+            },
+            `${item.title}-${itemIndex}`
+          )) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[716px] flex-1 space-y-6", children: link.showcaseItems.map((showcase, showcaseIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+          NavigationMenuLink,
+          {
+            href: showcase.href,
+            className: "flex flex-row items-center overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: showcase.title }),
+                showcase.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: showcase.description })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[154px] max-w-[264px] shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: showcase.imgUrl,
+                  alt: showcase.title,
+                  className: "h-full w-full object-cover object-center",
+                  optixFlowConfig
+                }
+              ) })
+            ]
+          },
+          `showcase-${showcaseIndex}`
+        )) })
+      ] }) });
+    }
+    if (layout === "multi-section" && link.sections) {
+      return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8", children: [
+        link.sections.map((section, sectionIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: section.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: section.items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+            NavigationMenuLink,
+            {
+              href: item.href,
+              className: "flex h-full flex-col overflow-clip rounded-lg border border-input bg-background p-5 hover:bg-accent hover:text-accent-foreground xl:p-8",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: item.title }),
+                item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
+              ] })
+            },
+            `${item.title}-${itemIndex}`
+          )) })
+        ] }, `section-${sectionIndex}`)),
+        link.ctaCard && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            NavigationMenuLink,
+            {
+              href: link.ctaCard.href,
+              className: "mb-6 flex flex-row overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: link.ctaCard.title }),
+                  link.ctaCard.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: link.ctaCard.description })
+                ] }),
+                link.ctaCard.imgUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1/3 max-w-[130px] shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  img.Img,
+                  {
+                    src: link.ctaCard.imgUrl,
+                    alt: link.ctaCard.title,
+                    className: "h-full w-full object-cover object-center",
+                    optixFlowConfig
+                  }
+                ) })
+              ]
+            }
+          ),
+          link.ctaCard.badge && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-3 rounded-lg bg-secondary/30 p-3 hover:bg-secondary/80 focus:bg-secondary/80", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-md bg-secondary px-2 py-1 text-xs font-semibold text-secondary-foreground", children: link.ctaCard.badge }),
+            link.ctaCard.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ellipsis text-secondary-foreground", children: link.ctaCard.description })
+          ] })
+        ] })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[640px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.dropdownItems?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+      NavigationMenuLink,
+      {
+        href: item.href,
+        className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
+        children: [
+          item.imgUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: item.imgUrl,
+              alt: item.title,
+              className: "h-full w-full object-cover object-center",
+              optixFlowConfig
+            }
+          ) }),
+          !item.imgUrl && item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 18 }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: item.title }),
+            item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
           ] })
-        },
-        index
-      );
+        ]
+      },
+      `${item.title}-${itemIndex}`
+    )) }) });
+  };
+  const renderActions = () => {
+    if (!actions || actions.length === 0) return null;
+    return actions.map((action, index) => {
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
+      return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] }) }, index);
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -48778,196 +48937,147 @@ var NavbarPlatformResources = ({
       className: cn("inset-x-0 top-0 z-20", className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container px-4 sm:px-6 md:px-8 lg:px-40 xl:px-52", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu, { className: cn("min-w-full", navigationMenuClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-12 py-4", children: [
-          renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuList, { className: cn("hidden lg:flex", navigationMenuListClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Platform" }),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[760px] p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[760px] flex-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs tracking-widest text-muted-foreground", children: "Solutions" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-rows-1 gap-6", children: solutions?.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    NavigationMenuLink,
-                    {
-                      href: solution.href,
-                      className: "group flex flex-row items-center first:mt-4 hover:bg-transparent",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-4 rounded-lg bg-muted p-4 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          DynamicIcon,
-                          {
-                            name: solution.icon,
-                            size: 24,
-                            className: "text-muted-foreground transition-all group-hover:text-foreground"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-foreground", children: solution.title }),
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: solution.description })
-                        ] })
-                      ]
-                    },
-                    index
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[760px] flex-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs tracking-widest text-muted-foreground", children: "By Use Case" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 gap-6", children: platformCases?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    NavigationMenuLink,
-                    {
-                      href: item.href,
-                      className: "group flex flex-row items-center hover:bg-transparent",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-4 rounded-lg bg-muted p-2 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          DynamicIcon,
-                          {
-                            name: item.icon,
-                            size: 16,
-                            className: "text-muted-foreground transition-all group-hover:text-foreground"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.title }) })
-                      ]
-                    },
-                    index
-                  )) })
-                ] })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Resources" }),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-full min-w-[820px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-6", children: resources?.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                NavigationMenuLink,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "container px-4 sm:px-6 md:px-8 lg:px-40 xl:px-52",
+            containerClassName
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu, { className: cn("min-w-full", navigationMenuClassName), children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-12 py-4", children: [
+              renderLogo(),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                NavigationMenuList,
                 {
-                  href: resource.href,
-                  className: "group flex flex-row items-center hover:bg-transparent",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-4 rounded-lg bg-muted p-4 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      DynamicIcon,
+                  className: cn("hidden lg:flex", navigationMenuListClassName),
+                  children: menuLinks?.map((link, index) => {
+                    if (hasDropdownItems(link)) {
+                      return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-0 hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent", children: link.title }),
+                        renderDropdownContent3(link)
+                      ] }, `${link.title}-${index}`);
+                    }
+                    if (!link.href) {
+                      return null;
+                    }
+                    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      NavigationMenuLink,
                       {
-                        name: resource.icon,
-                        size: 24,
-                        className: "text-muted-foreground transition-all group-hover:text-foreground"
+                        href: link.href,
+                        className: "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-accent-foreground",
+                        children: link.title
                       }
-                    ) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 text-sm font-normal text-muted-foreground", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-foreground", children: resource.title }),
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-normal text-muted-foreground", children: resource.description })
-                    ] })
+                    ) }, `${link.title}-${index}`);
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "hidden items-center gap-4 lg:flex",
+                    actionsClassName
+                  ),
+                  children: renderActions()
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                Pressable,
+                {
+                  variant: "outline",
+                  size: "icon",
+                  asButton: true,
+                  "aria-label": "Main Menu",
+                  onClick: () => setOpen(!open),
+                  children: [
+                    !open && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 }),
+                    open && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 16 })
                   ]
-                },
-                index
-              )) }) })
+                }
+              ) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: "#", variant: "ghost", asButton: true, children: "Developer" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden items-center gap-4 lg:flex", actionsClassName), children: renderAuthActions() }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            Pressable,
-            {
-              variant: "outline",
-              size: "icon",
-              asButton: true,
-              "aria-label": "Main Menu",
-              onClick: () => setOpen(!open),
-              children: [
-                !open && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 }),
-                open && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 16 })
-              ]
-            }
-          ) })
-        ] }),
-        open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("absolute inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Accordion, { type: "single", collapsible: true, className: "w-full", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "platform", className: "border-b-2 border-dashed", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "px-2 py-4 text-left hover:no-underline", children: "Platform" }),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: "Solutions" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: solutions?.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    Pressable,
-                    {
-                      href: solution.href,
-                      className: "group flex items-center gap-4 rounded-lg p-2 hover:bg-muted",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted p-2 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          DynamicIcon,
+            open && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "absolute inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden",
+                  mobileMenuClassName
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: menuLinks?.map((link, index) => {
+                    if (hasDropdownItems(link)) {
+                      return /* @__PURE__ */ jsxRuntime.jsxs(
+                        AccordionItem,
+                        {
+                          value: `menu-${index}`,
+                          className: "border-b-2 border-dashed",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "px-2 py-4 text-left hover:no-underline", children: link.title }),
+                            /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: link.dropdownItems?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                              Pressable,
+                              {
+                                href: item.href,
+                                className: "group flex items-start gap-4 rounded-lg p-2 hover:bg-muted",
+                                children: [
+                                  item.imgUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+                                    img.Img,
+                                    {
+                                      src: item.imgUrl,
+                                      alt: item.title,
+                                      className: "h-full w-full object-cover object-center",
+                                      optixFlowConfig
+                                    }
+                                  ) }),
+                                  !item.imgUrl && item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16 }) }),
+                                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: item.title }),
+                                    item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: item.description })
+                                  ] })
+                                ]
+                              },
+                              `${item.title}-${itemIndex}`
+                            )) }) })
+                          ]
+                        },
+                        `${link.title}-${index}`
+                      );
+                    }
+                    if (!link.href) {
+                      return null;
+                    }
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: "border-b-2 border-dashed",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          Pressable,
                           {
-                            name: solution.icon,
-                            size: 16,
-                            className: "text-muted-foreground transition-all group-hover:text-foreground"
+                            href: link.href,
+                            className: "flex w-full items-center px-2 py-4 text-left text-sm font-medium",
+                            children: link.title
                           }
-                        ) }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: solution.title }),
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: solution.description })
-                        ] })
-                      ]
-                    },
-                    index
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: "By Use Case" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: platformCases?.map((useCase, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    Pressable,
+                        )
+                      },
+                      `${link.title}-${index}`
+                    );
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
                     {
-                      href: useCase.href,
-                      className: "group flex items-center gap-2 rounded-lg p-2 hover:bg-muted",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted p-1.5 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          DynamicIcon,
-                          {
-                            name: useCase.icon,
-                            size: 12,
-                            className: "text-muted-foreground transition-all group-hover:text-foreground"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-sm font-medium", children: useCase.title })
-                      ]
-                    },
-                    index
-                  )) })
-                ] })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "resources", className: "border-b-2 border-dashed", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "px-2 py-4 text-left hover:no-underline", children: "Resources" }),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: resources?.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                Pressable,
-                {
-                  href: resource.href,
-                  className: "group flex items-center gap-4 rounded-lg p-2 hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted p-2 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      DynamicIcon,
-                      {
-                        name: resource.icon,
-                        size: 16,
-                        className: "text-muted-foreground transition-all group-hover:text-foreground"
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: resource.title }),
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: resource.description })
-                    ] })
-                  ]
-                },
-                index
-              )) }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
-            {
-              href: "#",
-              className: "w-full border-y-2 border-dashed px-2 py-4 text-left text-sm font-medium",
-              children: "Developer"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-8 mt-auto flex flex-col gap-4 py-12", actionsClassName), children: renderAuthActions() })
-        ] })
-      ] }) })
+                      className: cn(
+                        "mx-8 mt-auto flex flex-col gap-4 py-12",
+                        actionsClassName
+                      ),
+                      children: renderActions()
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        }
+      )
     }
   );
 };
@@ -49063,7 +49173,7 @@ var NavbarImagePreview = ({
     if (navigationSlot) return navigationSlot;
     if (!navigation || navigation.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navigation.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      DesktopMenuItem2,
+      DesktopMenuItem3,
       {
         item,
         index,
@@ -49149,7 +49259,7 @@ var NavbarImagePreview = ({
     }
   );
 };
-var DesktopMenuItem2 = ({
+var DesktopMenuItem3 = ({
   item,
   index,
   optixFlowConfig
@@ -49425,7 +49535,7 @@ var NavbarDarkIcons = ({
     if (navigationSlot) return navigationSlot;
     if (!navigation || navigation.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navigation.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      DesktopMenuItem3,
+      DesktopMenuItem4,
       {
         item,
         index
@@ -49480,326 +49590,7 @@ var NavbarDarkIcons = ({
           ] })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          MobileNavigationMenu3,
-          {
-            open,
-            navigation: navigation ?? [],
-            authActions,
-            authActionsSlot
-          }
-        )
-      ]
-    }
-  );
-};
-var DesktopMenuItem3 = ({ item, index }) => {
-  if (item.links) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent font-normal text-foreground focus:bg-transparent! data-[active=true]:bg-transparent!", children: item.title }),
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-xl! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "w-[20rem] p-2.5", children: item.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubLink, { link }) }, `desktop-nav-sublink-${linkIndex}`)) }) })
-    ] }, `desktop-menu-item-${index}`);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-    NavigationMenuLink,
-    {
-      href: item.url,
-      className: `${navigationMenuTriggerStyle()} h-fit bg-transparent font-normal text-foreground`,
-      children: item.title
-    }
-  ) }, `desktop-menu-item-${index}`);
-};
-var MenuSubLink = ({ link }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Pressable,
-    {
-      href: link.url,
-      className: "flex items-center gap-4 rounded-lg p-2 hover:bg-muted",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2.5", children: [
-          link.icon ? link.icon : link.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.iconName, size: 20, color: link.iconColor }) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm leading-none text-foreground", children: link.label }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-[1.2] text-muted-foreground/80", children: link.description })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: "lucide/chevron-right",
-            size: 14,
-            className: "stroke-muted-foreground opacity-100"
-          }
-        )
-      ] })
-    }
-  );
-};
-var MobileNavigationMenu3 = ({
-  open,
-  navigation,
-  authActions,
-  authActionsSlot
-}) => {
-  const renderMobileAuthActions = () => {
-    if (authActionsSlot) return authActionsSlot;
-    if (!authActions || authActions.length === 0) return null;
-    return authActions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: cn("w-full", actionClassName),
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
-    SheetContent,
-    {
-      "aria-describedby": void 0,
-      side: "top",
-      className: "dark inset-0 z-998 h-dvh w-full bg-background pt-16 [&>button]:hidden",
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container pb-12", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -m-px h-px w-px overflow-hidden border-0 mask-clip-border p-0 text-nowrap whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "text-primary", children: "Mobile Navigation" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between gap-20", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
-            (item, index) => renderMobileMenuItem3(item, index)
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions() })
-        ] })
-      ] }) })
-    }
-  ) });
-};
-var renderMobileMenuItem3 = (item, index) => {
-  if (item.links) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: `nav-${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center p-0 text-base leading-[3.75] font-normal text-muted-foreground hover:no-underline", children: item.title }),
-      /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: item.links.map((subItem, subIndex) => /* @__PURE__ */ jsxRuntime.jsx(MenuSubLink, { link: subItem }, `sub-link-${index}-${subIndex}`)) })
-    ] }, `nav-item-${index}`);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Pressable,
-    {
-      href: item.url,
-      className: "flex h-15 items-center border-b p-0 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all focus-visible:ring-4 focus-visible:outline-1 nth-last-1:border-0",
-      children: item.title
-    },
-    `nav-link-${index}`
-  );
-};
-var GithubStars = ({ repoUrl }) => {
-  const [stargazersCount, setStargazersCount] = React11.useState("");
-  const formatStargazers = (count) => {
-    if (count === "") return "";
-    if (count < 1e3) return count.toString();
-    return `${Math.round(count / 1e3)}k`;
-  };
-  React11.useEffect(() => {
-    const getStars = async () => {
-      try {
-        const parts = repoUrl.split("github.com/");
-        if (parts.length < 2) return;
-        const [owner, repo] = parts[1].split("/");
-        const githubApiEndpoint = `https://api.github.com/repos/${owner}/${repo}`;
-        const response = await fetch(githubApiEndpoint);
-        const json = await response.json();
-        const formattedCount = formatStargazers(json.stargazers_count);
-        setStargazersCount(formattedCount);
-      } catch (error) {
-        if (error instanceof Error) {
-          console.error(error.message);
-        }
-      }
-    };
-    getStars();
-  }, [repoUrl]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Pressable,
-    {
-      variant: "ghost",
-      asButton: true,
-      className: "flex items-center gap-1.5 bg-muted text-foreground",
-      href: repoUrl,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "g",
-          {
-            transform: "translate(-140.000000, -7559.000000)",
-            fill: "currentColor",
-            children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: "translate(56.000000, 160.000000)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M94,7399 C99.523,7399 104,7403.59 104,7409.253 C104,7413.782 101.138,7417.624 97.167,7418.981 C96.66,7419.082 96.48,7418.762 96.48,7418.489 C96.48,7418.151 96.492,7417.047 96.492,7415.675 C96.492,7414.719 96.172,7414.095 95.813,7413.777 C98.04,7413.523 100.38,7412.656 100.38,7408.718 C100.38,7407.598 99.992,7406.684 99.35,7405.966 C99.454,7405.707 99.797,7404.664 99.252,7403.252 C99.252,7403.252 98.414,7402.977 96.505,7404.303 C95.706,7404.076 94.85,7403.962 94,7403.958 C93.15,7403.962 92.295,7404.076 91.497,7404.303 C89.586,7402.977 88.746,7403.252 88.746,7403.252 C88.203,7404.664 88.546,7405.707 88.649,7405.966 C88.01,7406.684 87.619,7407.598 87.619,7408.718 C87.619,7412.646 89.954,7413.526 92.175,7413.785 C91.889,7414.041 91.63,7414.493 91.54,7415.156 C90.97,7415.418 89.522,7415.871 88.63,7414.304 C88.63,7414.304 88.101,7413.319 87.097,7413.247 C87.097,7413.247 86.122,7413.234 87.029,7413.87 C87.029,7413.87 87.684,7414.185 88.139,7415.37 C88.139,7415.37 88.726,7417.2 91.508,7416.58 C91.513,7417.437 91.522,7418.245 91.522,7418.489 C91.522,7418.76 91.338,7419.077 90.839,7418.982 C86.865,7417.627 84,7413.783 84,7409.253 C84,7403.59 88.478,7399 94,7399" }) })
-          }
-        ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: stargazersCount })
-      ]
-    }
-  );
-};
-var MOBILE_BREAKPOINT4 = 1280;
-var NavbarAnimatedPreview = ({
-  className,
-  containerClassName,
-  navClassName,
-  navigationMenuClassName,
-  actionsClassName,
-  logo = {
-    url: "/",
-    src: logoPlaceholders.logoMark
-  },
-  logoSlot,
-  logoClassName,
-  navigation,
-  navigationSlot,
-  authActions,
-  authActionsSlot,
-  background = "white",
-  spacing = "none",
-  pattern,
-  patternOpacity,
-  optixFlowConfig
-}) => {
-  const [open, setOpen] = React11.useState(false);
-  React11.useEffect(() => {
-    if (typeof window === "undefined") return;
-    const handleResize = () => {
-      if (window.innerWidth > MOBILE_BREAKPOINT4) {
-        setOpen(false);
-      }
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  React11.useEffect(() => {
-    if (typeof document === "undefined") return;
-    document.body.style.overflow = open ? "hidden" : "auto";
-    return () => {
-      document.body.style.overflow = "auto";
-    };
-  }, [open]);
-  const handleMobileMenu = () => {
-    setOpen(!open);
-  };
-  const renderLogo = () => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn(
-          "flex max-h-8 items-center gap-2 text-lg font-semibold tracking-tighter",
-          logoClassName
-        ),
-        children: [
-          logo.src && /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
-            {
-              src: logo.src,
-              alt: logo.alt || "Logo",
-              className: cn("inline-block size-6", logo.className),
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden md:inline-block", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  };
-  const renderAuthActions = () => {
-    if (authActionsSlot) return authActionsSlot;
-    if (!authActions || authActions.length === 0) return null;
-    return authActions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 })
-          ] })
-        },
-        index
-      );
-    });
-  };
-  const renderNavigation = () => {
-    if (navigationSlot) return navigationSlot;
-    if (!navigation || navigation.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navigation.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      DesktopMenuItem4,
-      {
-        item,
-        index,
-        optixFlowConfig
-      },
-      `desktop-link-${index}`
-    )) });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Section,
-    {
-      background,
-      spacing,
-      className: cn(
-        "pointer-events-auto fixed top-0 z-999 flex w-full items-center justify-center",
-        className
-      ),
-      pattern,
-      patternOpacity,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn(
-          "h-20 max-w-full after:absolute after:inset-0 after:z-998 after:block after:size-full after:bg-background after:content-[''] [&>div:last-child>div]:mt-0 [&>div:last-child>div]:animate-none [&>div:last-child>div]:rounded-none [&>div:last-child>div]:border-0 [&>div:last-child>div]:shadow-[0px_-1px_0px_0px_rgba(0,0,0,0.05),0px_0px_0px_1px_rgba(17,26,37,0.05),0px_2px_5px_0px_rgba(16,25,36,0.1),0px_5px_20px_0px_rgba(16,25,36,0.1)]!",
-          navigationMenuClassName
-        ), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
-          "relative z-999 container grid w-full grid-cols-2 items-center justify-between gap-8 xl:grid-cols-3",
-          containerClassName
-        ), children: [
-          renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden xl:flex", navClassName), children: renderNavigation() }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("justify-self-end", actionsClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden xl:block", children: renderAuthActions() }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "xl:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                className: "size-11",
-                variant: "ghost",
-                size: "icon",
-                asButton: true,
-                onClick: handleMobileMenu,
-                children: open ? /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/x",
-                    size: 22,
-                    className: "stroke-foreground"
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/menu",
-                    size: 22,
-                    className: "stroke-foreground"
-                  }
-                )
-              }
-            ) })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MobileNavigationMenu4,
+          MobileNavigationMenu3,
           {
             open,
             navigation: navigation ?? [],
@@ -49811,51 +49602,382 @@ var NavbarAnimatedPreview = ({
     }
   );
 };
-var DesktopMenuItem4 = ({
-  item,
-  index,
-  optixFlowConfig
-}) => {
-  if (item.links || item.featuredLinks || item.groupLinks) {
+var DesktopMenuItem4 = ({ item, index }) => {
+  if (item.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent font-normal text-foreground/60", children: item.title }),
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw animate-[fade-in-slide-down_0.35s_cubic-bezier(0.33,1,0.68,1)_forwards] px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container", children: [
-        item.id === 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          DropdownMenu1,
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent font-normal text-foreground focus:bg-transparent! data-[active=true]:bg-transparent!", children: item.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-xl! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "w-[20rem] p-2.5", children: item.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubLink, { link }) }, `desktop-nav-sublink-${linkIndex}`)) }) })
+    ] }, `desktop-menu-item-${index}`);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+    NavigationMenuLink,
+    {
+      href: item.url,
+      className: `${navigationMenuTriggerStyle()} h-fit bg-transparent font-normal text-foreground`,
+      children: item.title
+    }
+  ) }, `desktop-menu-item-${index}`);
+};
+var MenuSubLink = ({ link }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Pressable,
+    {
+      href: link.url,
+      className: "flex items-center gap-4 rounded-lg p-2 hover:bg-muted",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2.5", children: [
+          link.icon ? link.icon : link.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.iconName, size: 20, color: link.iconColor }) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm leading-none text-foreground", children: link.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-[1.2] text-muted-foreground/80", children: link.description })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DynamicIcon,
           {
-            links: item.links,
-            optixFlowConfig
+            name: "lucide/chevron-right",
+            size: 14,
+            className: "stroke-muted-foreground opacity-100"
           }
-        ),
-        item.id === 2 && /* @__PURE__ */ jsxRuntime.jsx(
-          DropdownMenu2,
+        )
+      ] })
+    }
+  );
+};
+var MobileNavigationMenu3 = ({
+  open,
+  navigation,
+  authActions,
+  authActionsSlot
+}) => {
+  const renderMobileAuthActions = () => {
+    if (authActionsSlot) return authActionsSlot;
+    if (!authActions || authActions.length === 0) return null;
+    return authActions.map((action, index) => {
+      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Pressable,
+        {
+          asButton: true,
+          className: cn("w-full", actionClassName),
+          ...pressableProps,
+          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            icon,
+            label,
+            iconAfter
+          ] })
+        },
+        index
+      );
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
+    SheetContent,
+    {
+      "aria-describedby": void 0,
+      side: "top",
+      className: "dark inset-0 z-998 h-dvh w-full bg-background pt-16 [&>button]:hidden",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container pb-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -m-px h-px w-px overflow-hidden border-0 mask-clip-border p-0 text-nowrap whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "text-primary", children: "Mobile Navigation" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between gap-20", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
+            (item, index) => renderMobileMenuItem3(item, index)
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions() })
+        ] })
+      ] }) })
+    }
+  ) });
+};
+var renderMobileMenuItem3 = (item, index) => {
+  if (item.links) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: `nav-${index}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center p-0 text-base leading-[3.75] font-normal text-muted-foreground hover:no-underline", children: item.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: item.links.map((subItem, subIndex) => /* @__PURE__ */ jsxRuntime.jsx(MenuSubLink, { link: subItem }, `sub-link-${index}-${subIndex}`)) })
+    ] }, `nav-item-${index}`);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Pressable,
+    {
+      href: item.url,
+      className: "flex h-15 items-center border-b p-0 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all focus-visible:ring-4 focus-visible:outline-1 nth-last-1:border-0",
+      children: item.title
+    },
+    `nav-link-${index}`
+  );
+};
+var GithubStars = ({ repoUrl }) => {
+  const [stargazersCount, setStargazersCount] = React11.useState("");
+  const formatStargazers = (count) => {
+    if (count === "") return "";
+    if (count < 1e3) return count.toString();
+    return `${Math.round(count / 1e3)}k`;
+  };
+  React11.useEffect(() => {
+    const getStars = async () => {
+      try {
+        const parts = repoUrl.split("github.com/");
+        if (parts.length < 2) return;
+        const [owner, repo] = parts[1].split("/");
+        const githubApiEndpoint = `https://api.github.com/repos/${owner}/${repo}`;
+        const response = await fetch(githubApiEndpoint);
+        const json = await response.json();
+        const formattedCount = formatStargazers(json.stargazers_count);
+        setStargazersCount(formattedCount);
+      } catch (error) {
+        if (error instanceof Error) {
+          console.error(error.message);
+        }
+      }
+    };
+    getStars();
+  }, [repoUrl]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Pressable,
+    {
+      variant: "ghost",
+      asButton: true,
+      className: "flex items-center gap-1.5 bg-muted text-foreground",
+      href: repoUrl,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "g",
           {
-            featuredLinks: item.featuredLinks,
-            links: item.links,
-            optixFlowConfig
+            transform: "translate(-140.000000, -7559.000000)",
+            fill: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: "translate(56.000000, 160.000000)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M94,7399 C99.523,7399 104,7403.59 104,7409.253 C104,7413.782 101.138,7417.624 97.167,7418.981 C96.66,7419.082 96.48,7418.762 96.48,7418.489 C96.48,7418.151 96.492,7417.047 96.492,7415.675 C96.492,7414.719 96.172,7414.095 95.813,7413.777 C98.04,7413.523 100.38,7412.656 100.38,7408.718 C100.38,7407.598 99.992,7406.684 99.35,7405.966 C99.454,7405.707 99.797,7404.664 99.252,7403.252 C99.252,7403.252 98.414,7402.977 96.505,7404.303 C95.706,7404.076 94.85,7403.962 94,7403.958 C93.15,7403.962 92.295,7404.076 91.497,7404.303 C89.586,7402.977 88.746,7403.252 88.746,7403.252 C88.203,7404.664 88.546,7405.707 88.649,7405.966 C88.01,7406.684 87.619,7407.598 87.619,7408.718 C87.619,7412.646 89.954,7413.526 92.175,7413.785 C91.889,7414.041 91.63,7414.493 91.54,7415.156 C90.97,7415.418 89.522,7415.871 88.63,7414.304 C88.63,7414.304 88.101,7413.319 87.097,7413.247 C87.097,7413.247 86.122,7413.234 87.029,7413.87 C87.029,7413.87 87.684,7414.185 88.139,7415.37 C88.139,7415.37 88.726,7417.2 91.508,7416.58 C91.513,7417.437 91.522,7418.245 91.522,7418.489 C91.522,7418.76 91.338,7419.077 90.839,7418.982 C86.865,7417.627 84,7413.783 84,7409.253 C84,7403.59 88.478,7399 94,7399" }) })
           }
+        ) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: stargazersCount })
+      ]
+    }
+  );
+};
+var MOBILE_BREAKPOINT4 = 1280;
+var NavbarAnimatedPreview = ({
+  className,
+  containerClassName,
+  navClassName,
+  navigationMenuClassName,
+  actionsClassName,
+  logo = {
+    url: "/",
+    src: logoPlaceholders.logoMark
+  },
+  logoSlot,
+  logoClassName,
+  menuLinks,
+  navigationSlot,
+  actions,
+  actionsSlot,
+  background = "white",
+  spacing = "none",
+  pattern,
+  patternOpacity,
+  optixFlowConfig
+}) => {
+  const [open, setOpen] = React11.useState(false);
+  React11.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const handleResize = () => {
+      if (window.innerWidth > MOBILE_BREAKPOINT4) {
+        setOpen(false);
+      }
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  React11.useEffect(() => {
+    if (typeof document === "undefined") return;
+    document.body.style.overflow = open ? "hidden" : "auto";
+    return () => {
+      document.body.style.overflow = "auto";
+    };
+  }, [open]);
+  const handleMobileMenu = () => {
+    setOpen(!open);
+  };
+  const renderLogo = () => {
+    if (logoSlot) return logoSlot;
+    if (!logo) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Pressable,
+      {
+        href: logo.url || "/",
+        className: cn(
+          "flex max-h-8 items-center gap-2 text-lg font-semibold tracking-tighter",
+          logoClassName
         ),
-        item.id === 3 && /* @__PURE__ */ jsxRuntime.jsx(
-          DropdownMenu3,
+        children: [
+          logo.src && /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              alt: logo.alt || "Logo",
+              className: cn("inline-block size-6", logo.className),
+              optixFlowConfig
+            }
+          ),
+          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden md:inline-block", children: logo.title }) : logo.title)
+        ]
+      }
+    );
+  };
+  const renderActions = () => {
+    if (actionsSlot) return actionsSlot;
+    if (!actions || actions.length === 0) return null;
+    return actions.map((action, index) => {
+      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Pressable,
+        {
+          asButton: true,
+          className: actionClassName,
+          ...pressableProps,
+          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            icon,
+            label,
+            iconAfter ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 })
+          ] })
+        },
+        index
+      );
+    });
+  };
+  const renderNavigation = () => {
+    if (navigationSlot) return navigationSlot;
+    if (!menuLinks || menuLinks.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: menuLinks.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      DesktopMenuItem5,
+      {
+        item,
+        index,
+        optixFlowConfig
+      },
+      `desktop-link-${index}`
+    )) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Section,
+    {
+      background,
+      spacing,
+      className: cn(
+        "pointer-events-auto fixed top-0 z-999 flex w-full items-center justify-center",
+        className
+      ),
+      pattern,
+      patternOpacity,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn(
+          "h-20 max-w-full after:absolute after:inset-0 after:z-998 after:block after:size-full after:bg-background after:content-[''] [&>div:last-child>div]:mt-0 [&>div:last-child>div]:animate-none [&>div:last-child>div]:rounded-none [&>div:last-child>div]:border-0 [&>div:last-child>div]:shadow-[0px_-1px_0px_0px_rgba(0,0,0,0.05),0px_0px_0px_1px_rgba(17,26,37,0.05),0px_2px_5px_0px_rgba(16,25,36,0.1),0px_5px_20px_0px_rgba(16,25,36,0.1)]!",
+          navigationMenuClassName
+        ), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
+          "relative z-999 container grid w-full grid-cols-2 items-center justify-between gap-8 xl:grid-cols-3",
+          containerClassName
+        ), children: [
+          renderLogo(),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden xl:flex", navClassName), children: renderNavigation() }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("justify-self-end", actionsClassName), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden xl:block", children: renderActions() }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "xl:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+              Pressable,
+              {
+                className: "size-11",
+                variant: "ghost",
+                size: "icon",
+                asButton: true,
+                onClick: handleMobileMenu,
+                children: open ? /* @__PURE__ */ jsxRuntime.jsx(
+                  DynamicIcon,
+                  {
+                    name: "lucide/x",
+                    size: 22,
+                    className: "stroke-foreground"
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                  DynamicIcon,
+                  {
+                    name: "lucide/menu",
+                    size: 22,
+                    className: "stroke-foreground"
+                  }
+                )
+              }
+            ) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          MobileNavigationMenu4,
           {
-            groupLinks: item.groupLinks,
-            imageLink: item.imageLink,
-            optixFlowConfig
+            open,
+            menuLinks: menuLinks ?? [],
+            actions,
+            actionsSlot
           }
         )
-      ] }) }) })
+      ]
+    }
+  );
+};
+var DesktopMenuItem5 = ({
+  item,
+  index,
+  optixFlowConfig
+}) => {
+  const hasDropdown = Boolean(
+    item.links?.length || item.featuredLinks?.length || item.groupLinks?.length
+  );
+  if (hasDropdown) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-0 hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent h-fit font-normal text-foreground/60", children: item.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw animate-[fade-in-slide-down_0.35s_cubic-bezier(0.33,1,0.68,1)_forwards] px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent2(item, optixFlowConfig) }) }) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
     NavigationMenuLink,
     {
       href: item.url,
-      className: `${navigationMenuTriggerStyle()} h-fit bg-transparent font-normal text-foreground/60`,
+      className: `${navigationMenuTriggerStyle()} bg-transparent px-0 hover:bg-transparent focus:bg-transparent h-fit font-normal text-foreground/60`,
       children: item.title
     }
   ) }, `desktop-menu-item-${index}`);
 };
-var DropdownMenu1 = ({ links, optixFlowConfig }) => {
+var renderDropdownContent2 = (item, optixFlowConfig) => {
+  const layout = item.layout || "animated-image-preview";
+  switch (layout) {
+    case "animated-image-preview":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        AnimatedImagePreviewDropdown,
+        {
+          links: item.links,
+          optixFlowConfig
+        }
+      );
+    case "featured-cards-grid":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FeaturedCardsGridDropdown,
+        {
+          featuredLinks: item.featuredLinks,
+          links: item.links,
+          optixFlowConfig
+        }
+      );
+    case "grouped-links-image":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        GroupedLinksImageDropdown,
+        {
+          groupLinks: item.groupLinks,
+          imageLink: item.imageLink,
+          optixFlowConfig
+        }
+      );
+    default:
+      return null;
+  }
+};
+var AnimatedImagePreviewDropdown = ({ links, optixFlowConfig }) => {
   const linksRef = React11.useRef([]);
   const imageRefs = React11.useRef([]);
   const updateImageClasses = (activeIndex) => {
@@ -49918,7 +50040,7 @@ var DropdownMenu1 = ({ links, optixFlowConfig }) => {
     )) })
   ] });
 };
-var DropdownMenu2 = ({
+var FeaturedCardsGridDropdown = ({
   links,
   featuredLinks,
   optixFlowConfig
@@ -49936,7 +50058,7 @@ var DropdownMenu2 = ({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 pt-8", children: links?.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${index}`)) })
   ] });
 };
-var DropdownMenu3 = ({
+var GroupedLinksImageDropdown = ({
   groupLinks,
   imageLink,
   optixFlowConfig
@@ -50082,14 +50204,14 @@ var NavLink = React11.forwardRef(
 NavLink.displayName = "NavLink";
 var MobileNavigationMenu4 = ({
   open,
-  navigation,
-  authActions,
-  authActionsSlot
+  menuLinks,
+  actions,
+  actionsSlot
 }) => {
-  const renderMobileAuthActions = () => {
-    if (authActionsSlot) return authActionsSlot;
-    if (!authActions || authActions.length === 0) return null;
-    return authActions.map((action, index) => {
+  const renderMobileActions = () => {
+    if (actionsSlot) return actionsSlot;
+    if (!actions || actions.length === 0) return null;
+    return actions.map((action, index) => {
       const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
@@ -50116,10 +50238,10 @@ var MobileNavigationMenu4 = ({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container py-8", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -m-px h-px w-px overflow-hidden border-0 mask-clip-border p-0 text-nowrap whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "text-primary", children: "Mobile Navigation" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-full flex-col gap-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
+          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks.map(
             (item, index) => renderMobileMenuItem4(item, index)
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: renderMobileAuthActions() })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: renderMobileActions() })
         ] })
       ] }) })
     }
@@ -50234,7 +50356,7 @@ var NavbarMultiColumnGroups = ({
     if (navigationSlot) return navigationSlot;
     if (!navigation || navigation.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navigation.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      DesktopMenuItem5,
+      DesktopMenuItem6,
       {
         item,
         index
@@ -50319,7 +50441,7 @@ var NavbarMultiColumnGroups = ({
     }
   );
 };
-var DesktopMenuItem5 = ({ item, index }) => {
+var DesktopMenuItem6 = ({ item, index }) => {
   if (item.groups) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent px-2.5 font-normal text-muted-foreground", children: item.title }),
@@ -86915,10 +87037,27 @@ var BLOCK_REGISTRY = {
     props: "NavbarMegaMenuProps",
     exampleUsage: `<NavbarMegaMenu
   logo={{ src: "/logo.svg", alt: "Company" }}
-  platformItems={[{ label: "Analytics", href: "/analytics", icon: "lucide/bar-chart", description: "Track your metrics" }]}
-  useCaseItems={[{ label: "Marketing", href: "/marketing", icon: "lucide/megaphone" }]}
-  developerItems={[{ label: "Documentation", href: "/docs", icon: "lucide/book" }]}
-  resourceItems={[{ label: "Blog", href: "/blog", icon: "lucide/newspaper" }]}
+  menuLinks={[
+    {
+      title: "Platform",
+      dropdownItems: [
+        { title: "Analytics", href: "/analytics", icon: "lucide/bar-chart", description: "Track your metrics" },
+        { title: "Automation", href: "/automation", icon: "lucide/workflow", description: "Automate workflows" }
+      ]
+    },
+    {
+      title: "Resources",
+      dropdownItems: [
+        { title: "Blog", href: "/blog", icon: "lucide/newspaper", description: "Latest updates" },
+        { title: "Guides", href: "/guides", icon: "lucide/book-open", description: "How-tos and playbooks" }
+      ]
+    },
+    { title: "Pricing", href: "/pricing" }
+  ]}
+  actions={[
+    { label: "Sign in", href: "/login", variant: "ghost" },
+    { label: "Get started", href: "/signup", variant: "default" }
+  ]}
 />`.trim()
   },
   "navbar-enterprise-mega": {
@@ -87022,9 +87161,27 @@ var BLOCK_REGISTRY = {
     props: "NavbarPlatformResourcesProps",
     exampleUsage: `<NavbarPlatformResources
   logo={{ src: "/logo.svg", alt: "Platform" }}
-  solutions={[{ label: "Analytics", href: "/analytics", icon: "lucide/bar-chart", description: "Track metrics" }]}
-  useCases={[{ label: "Marketing Teams", href: "/marketing" }]}
-  resources={[{ label: "Documentation", href: "/docs", icon: "lucide/book" }]}
+  menuLinks={[
+    {
+      title: "Platform",
+      dropdownItems: [
+        { title: "Analytics", href: "/analytics", icon: "lucide/bar-chart", description: "Track metrics" },
+        { title: "Automation", href: "/automation", icon: "lucide/workflow", description: "Automate workflows" }
+      ]
+    },
+    {
+      title: "Resources",
+      dropdownItems: [
+        { title: "Documentation", href: "/docs", icon: "lucide/book" },
+        { title: "Guides", href: "/guides", icon: "lucide/book-open", description: "Best practices" }
+      ]
+    },
+    { title: "Pricing", href: "/pricing" }
+  ]}
+  actions={[
+    { label: "Sign in", href: "/login", variant: "ghost" },
+    { label: "Get started", href: "/signup", variant: "default" }
+  ]}
 />`.trim()
   },
   "navbar-image-preview": {