@opensite/ui 0.4.3 → 0.4.5

package/dist/registry.cjs

@@ -48854,7 +48854,7 @@ function NavigationMenuList({
     {
       "data-slot": "navigation-menu-list",
       className: cn(
-        "group flex flex-1 list-none items-center justify-center gap-1",
+        "group flex flex-1 list-none items-center justify-center gap-6",
         className
       ),
       ...props
@@ -48875,7 +48875,7 @@ function NavigationMenuItem({
   );
 }
 var navigationMenuTriggerStyle = classVarianceAuthority.cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
 );
 function NavigationMenuTrigger({
   className,
@@ -48895,7 +48895,7 @@ function NavigationMenuTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-[1px] ml-1 size-2 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )
@@ -48953,7 +48953,7 @@ function NavigationMenuLink({
     {
       "data-slot": "navigation-menu-link",
       className: cn(
-        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        "data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
@@ -49069,7 +49069,7 @@ var SubMenuLink = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Pressable,
     {
-      className: "flex min-w-80 flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted hover:text-accent-foreground",
+      className: "flex min-w-80 flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted hover:text-foreground",
       href: item.url,
       children: [
         item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20, className: "shrink-0" }) }),
@@ -49092,7 +49092,7 @@ var renderMenuItem = (item, optixFlowConfig) => {
     NavigationMenuLink,
     {
       href: item.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",
+      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-foreground",
       children: item.title
     }
   ) }, item.title);
@@ -49213,55 +49213,64 @@ var NavbarDropdownMenu = ({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "nav",
-          {
-            className: cn(
-              "hidden items-center justify-between lg:flex",
-              desktopNavClassName
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
-                renderLogo(),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: navigationMenuClassName, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: renderMenu() }) }) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "container border-b border-border/50 shadow-sm",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "nav",
               {
-                variant: "outline",
-                size: "icon",
-                asButton: true,
-                onClick: () => {
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
+                className: cn(
+                  "hidden items-center justify-between lg:flex",
+                  desktopNavClassName
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
+                    renderLogo(),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: navigationMenuClassName, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: renderMenu() }) }) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
+                ]
               }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { className: "overflow-y-auto", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: renderLogo() }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Accordion,
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+              renderLogo(),
+              /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
                   {
-                    type: "single",
-                    collapsible: true,
-                    className: "flex w-full flex-col gap-4",
-                    children: renderMobileMenu()
+                    variant: "outline",
+                    size: "icon",
+                    asButton: true,
+                    onClick: () => {
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
                   }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { className: "overflow-y-auto", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: renderLogo() }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Accordion,
+                      {
+                        type: "single",
+                        collapsible: true,
+                        className: "flex w-full flex-col gap-4",
+                        children: renderMobileMenu()
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                  ] })
+                ] })
               ] })
-            ] })
-          ] })
-        ] }) })
-      ] })
+            ] }) })
+          ]
+        }
+      )
     }
   );
 };
@@ -49287,7 +49296,7 @@ var SubMenuLink2 = ({ item }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Pressable,
     {
-      className: "flex flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted hover:text-accent-foreground",
+      className: "flex flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted hover:text-foreground",
       href: item.url,
       children: [
         item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20, className: "shrink-0" }) }),
@@ -49310,7 +49319,7 @@ var renderMenuItem2 = (item) => {
     NavigationMenuLink,
     {
       href: item.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",
+      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-foreground",
       children: item.title
     }
   ) }, item.title);
@@ -49424,59 +49433,73 @@ var NavbarCenteredMenu = ({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "nav",
-          {
-            className: cn("hidden justify-between lg:flex", desktopNavClassName),
-            children: [
-              renderLogo(),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                NavigationMenuWithoutViewport,
-                {
-                  className: navigationMenuClassName,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { className: "relative", children: renderMenu() })
-                }
-              ) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "container border-b border-border/50 shadow-sm",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "nav",
               {
-                variant: "outline",
-                size: "icon",
-                asButton: true,
-                onClick: () => {
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
+                className: cn("hidden justify-between lg:flex", desktopNavClassName),
+                children: [
+                  renderLogo(),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    NavigationMenuWithoutViewport,
+                    {
+                      className: navigationMenuClassName,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { className: "relative", children: renderMenu() })
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
+                ]
               }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { className: "overflow-y-auto", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: renderLogo() }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Accordion,
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+              renderLogo(),
+              /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
                   {
-                    type: "single",
-                    collapsible: true,
-                    className: "flex w-full flex-col gap-4",
-                    children: renderMobileMenu()
+                    variant: "outline",
+                    size: "icon",
+                    asButton: true,
+                    onClick: () => {
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
                   }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { className: "overflow-y-auto", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: renderLogo() }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Accordion,
+                      {
+                        type: "single",
+                        collapsible: true,
+                        className: "flex w-full flex-col gap-4",
+                        children: renderMobileMenu()
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                  ] })
+                ] })
               ] })
-            ] })
-          ] })
-        ] }) })
-      ] })
+            ] }) })
+          ]
+        }
+      )
     }
   );
 };
+
+// components/blocks/navbars/types.ts
+function getLinkUrl(item) {
+  return item.href || item.url || "#";
+}
 var DesktopMenuItem = ({
   link,
   index,
@@ -49504,7 +49527,7 @@ var DesktopMenuItem = ({
   };
   if (layout === "animated-image-preview" && link.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-foreground/60 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground data-[state=open]:bg-transparent data-[state=open]:text-foreground", children: link.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground data-[state=open]:bg-muted/50 data-[state=open]:text-foreground", children: link.label }),
       /* @__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,
@@ -49529,14 +49552,14 @@ var DesktopMenuItem = ({
           /* @__PURE__ */ jsxRuntime.jsx("ul", { children: link.links.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               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 })
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm leading-normal font-medium", children: item.label }),
+                item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-normal text-muted-foreground", children: item.description })
               ] })
             }
           ) }, `desktop-nav-sublink-${idx}`)) })
@@ -49546,14 +49569,14 @@ var DesktopMenuItem = ({
   }
   if (layout === "simple-grid" && link.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-foreground/60 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground data-[state=open]:bg-transparent data-[state=open]:text-foreground", children: link.label }),
-      /* @__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.links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground data-[state=open]:bg-muted/50 data-[state=open]:text-foreground", children: link.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[700px] p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenuLink,
         {
-          href: item.url,
-          className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
+          href: getLinkUrl(item),
+          className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-muted hover:text-foreground",
           children: [
-            item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+            item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
               img.Img,
               {
                 src: item.image,
@@ -49562,9 +49585,9 @@ var DesktopMenuItem = ({
                 optixFlowConfig
               }
             ) }),
-            !item.image && (item.icon || item.iconName) && /* @__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: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 18 }) : null }),
+            !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base", children: item.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.label }),
               item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
             ] })
           ]
@@ -49575,11 +49598,11 @@ var DesktopMenuItem = ({
   }
   if (layout === "list-with-icons" && link.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-foreground/60 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground data-[state=open]:bg-transparent data-[state=open]:text-foreground", children: link.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground data-[state=open]:bg-muted/50 data-[state=open]:text-foreground", children: link.label }),
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[400px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenuLink,
         {
-          href: item.url,
+          href: getLinkUrl(item),
           className: "flex items-start gap-3 rounded-lg p-3 hover:bg-muted",
           children: [
             (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
@@ -49623,7 +49646,7 @@ var MobileSubmenu = ({
           return /* @__PURE__ */ jsxRuntime.jsxs(
             Pressable,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "flex items-start gap-4 border-b border-border px-8 py-5",
               children: [
                 item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -49658,9 +49681,7 @@ var NavbarMegaMenu = ({
   logoClassName,
   mobileMenuClassName,
   logo = {
-    url: "/",
-    desktopSrc: logoPlaceholders.darkHorizontalLogo,
-    mobileSrc: logoPlaceholders.logoMark
+    url: "/"
   },
   logoSlot,
   menuLinks,
@@ -49686,7 +49707,7 @@ var NavbarMegaMenu = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
-              src: logo.desktopSrc || logoPlaceholders.darkHorizontalLogo,
+              src: logo.desktopSrc,
               className: cn("hidden h-7 dark:invert md:block", logo.className),
               alt: logo.alt || "Logo",
               optixFlowConfig
@@ -49695,7 +49716,7 @@ var NavbarMegaMenu = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
-              src: logo.mobileSrc || logoPlaceholders.logoMark,
+              src: logo.mobileSrc,
               className: cn("h-7 dark:invert md:hidden", logo.className),
               alt: logo.alt || "Logo",
               optixFlowConfig
@@ -49740,7 +49761,7 @@ var NavbarMegaMenu = ({
             navClassName
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-12 py-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-12 border-b border-border/50 py-4 shadow-sm", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 (!open || submenuIndex === null) && renderLogo(),
                 open && submenuIndex !== null && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -49980,7 +50001,7 @@ var NavbarEnterpriseMega = ({
         background,
         spacing,
         className: cn(
-          "pointer-events-auto fixed top-0 z-999 flex w-full items-center justify-center border-b",
+          "pointer-events-auto fixed top-0 z-999 flex w-full items-center justify-center border-b border-border/50 shadow-sm",
           className
         ),
         pattern,
@@ -50065,7 +50086,7 @@ var DesktopMenuItem2 = ({
   const effectiveLayout = item.layout || "solutions-with-platform";
   if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-foreground/60 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground data-[state=open]:bg-transparent data-[state=open]:text-foreground", children: item.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground data-[state=open]:bg-muted/50 data-[state=open]:text-foreground", children: item.label }),
       /* @__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, layout: effectiveLayout },
         optixFlowConfig
@@ -50076,7 +50097,7 @@ var DesktopMenuItem2 = ({
     NavigationMenuLink,
     {
       href: item.href,
-      className: "h-auto bg-transparent px-0 py-0 font-normal text-foreground/60 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground data-[state=open]:bg-transparent data-[state=open]:text-foreground",
+      className: "h-auto bg-transparent px-3 py-2 font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground",
       children: item.label
     }
   ) }, `desktop-menu-item-${index}`);
@@ -51187,7 +51208,7 @@ var NavbarPlatformResources = ({
       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.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenuLink,
         {
-          href: item.url,
+          href: getLinkUrl(item),
           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.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -51216,7 +51237,7 @@ var NavbarPlatformResources = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           NavigationMenuLink,
           {
-            href: featuredItem.url,
+            href: getLinkUrl(featuredItem),
             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(
@@ -51240,7 +51261,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: gridItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "group block p-4",
               children: [
                 (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-5 group-hover:opacity-60", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
@@ -51261,7 +51282,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: link.dropdownGroups[0].links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "group flex flex-row items-center gap-5",
               children: [
                 (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "group-hover:opacity-60", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
@@ -51274,7 +51295,7 @@ var NavbarPlatformResources = ({
         ctaItem && /* @__PURE__ */ jsxRuntime.jsx(
           NavigationMenuLink,
           {
-            href: ctaItem.url,
+            href: getLinkUrl(ctaItem),
             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: [
               ctaItem.image && /* @__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(
@@ -51308,7 +51329,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-ml-2.5 space-y-2.5", children: listItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "group flex flex-row items-center gap-2.5 rounded-md p-2.5 focus:text-accent-foreground",
               children: [
                 (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null),
@@ -51321,7 +51342,7 @@ var NavbarPlatformResources = ({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[716px] flex-1 space-y-6", children: showcaseItems.map((showcase, showcaseIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
           NavigationMenuLink,
           {
-            href: showcase.url,
+            href: getLinkUrl(showcase),
             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: [
@@ -51355,7 +51376,7 @@ var NavbarPlatformResources = ({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: group.links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenuLink,
                 {
-                  href: item.url,
+                  href: getLinkUrl(item),
                   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.label }),
@@ -51372,7 +51393,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsxRuntime.jsxs(
             NavigationMenuLink,
             {
-              href: ctaItem.url,
+              href: getLinkUrl(ctaItem),
               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: [
@@ -51401,7 +51422,7 @@ var NavbarPlatformResources = ({
     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.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
       NavigationMenuLink,
       {
-        href: item.url,
+        href: getLinkUrl(item),
         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.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -51541,7 +51562,7 @@ var NavbarPlatformResources = ({
                             /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
                               Pressable,
                               {
-                                href: item.url,
+                                href: getLinkUrl(item),
                                 className: "group flex items-start gap-4 rounded-lg p-2 hover:bg-muted",
                                 children: [
                                   item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -51757,7 +51778,7 @@ var NavbarImagePreview = ({
               containerClassName
             ),
             ref: navRef,
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container border-b", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container border-b border-border/50 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
                 className: cn(
@@ -51837,7 +51858,7 @@ var DesktopMenuItem3 = ({
   };
   if (item.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent", children: item.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-3 py-2 text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground data-[state=open]:bg-muted/50 data-[state=open]:text-foreground", children: item.title }),
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-2xl! p-0!", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-h-75 w-181 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: item.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
@@ -51859,14 +51880,14 @@ var DesktopMenuItem3 = ({
           /* @__PURE__ */ jsxRuntime.jsx("ul", { children: item.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
-              href: link.url,
+              href: getLinkUrl(link),
               className: "flex items-center gap-4 rounded-lg px-4 py-3 hover:bg-muted",
               "data-index": linkIndex,
               onMouseEnter: handleMouseEnter,
               onMouseLeave: handleMouseLeave,
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "leading-normal font-medium", children: link.label }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "leading-normal text-muted-foreground", children: link.description })
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm leading-normal font-medium", children: link.label }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-normal text-muted-foreground", children: link.description })
               ] })
             }
           ) }, `desktop-nav-sublink-${linkIndex}`)) })
@@ -51878,7 +51899,7 @@ var DesktopMenuItem3 = ({
     NavigationMenuItem,
     {
       value: `${index}`,
-      className: `${navigationMenuTriggerStyle()} bg-transparent`,
+      className: `${navigationMenuTriggerStyle()} bg-transparent text-foreground/80 hover:bg-muted hover:text-foreground`,
       children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { href: item.url, children: item.title })
     },
     `desktop-menu-item-${index}`
@@ -51909,7 +51930,7 @@ var MobileNavigationMenu2 = ({
           /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-3", children: item.links?.map((link, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
-              href: link.url,
+              href: getLinkUrl(link),
               className: cn(
                 "text-primary-foreground leading-normal font-medium",
                 index === 0 ? "text-2xl" : "text-base"
@@ -52477,7 +52498,7 @@ var NavbarAnimatedPreview = ({
           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)]!",
+              "h-20 max-w-full border-b border-border/50 shadow-sm 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(
@@ -52546,7 +52567,7 @@ var DesktopMenuItem5 = ({
   );
   if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-foreground/60 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground data-[state=open]:bg-transparent data-[state=open]:text-foreground", children: item.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground data-[state=open]:bg-muted/50 data-[state=open]:text-foreground", children: item.label }),
       /* @__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}`);
   }
@@ -52554,7 +52575,7 @@ var DesktopMenuItem5 = ({
     NavigationMenuLink,
     {
       href: item.href,
-      className: `${navigationMenuTriggerStyle()} bg-transparent px-0 hover:bg-transparent focus:bg-transparent h-fit font-normal text-foreground/60`,
+      className: `${navigationMenuTriggerStyle()} bg-transparent px-3 py-2 hover:bg-muted focus:bg-muted h-fit font-normal text-foreground/80`,
       children: item.label
     }
   ) }, `desktop-menu-item-${index}`);
@@ -52725,7 +52746,7 @@ var FeaturedImageLink = ({
   optixFlowConfig
 }) => {
   if (!link) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden xl:block", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, className: "w-full max-w-147.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden xl:block", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url || "#", className: "w-full max-w-147.5", children: /* @__PURE__ */ jsxRuntime.jsx(
     AspectRatio,
     {
       ratio: 1.77245509,
@@ -52759,7 +52780,7 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Pressable,
     {
-      href: link.url,
+      href: getLinkUrl(link),
       className: "group relative flex w-full overflow-hidden rounded-xl bg-muted px-8 py-7",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full items-center gap-6", children: [
@@ -52795,7 +52816,7 @@ var NavLink = React13.forwardRef(
       Pressable,
       {
         ref,
-        href: link.url,
+        href: getLinkUrl(link),
         className: "flex w-full gap-2 transition-opacity duration-300",
         onMouseEnter,
         onMouseLeave,
@@ -52809,8 +52830,8 @@ var NavLink = React13.forwardRef(
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-2", children: [
-            link.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base leading-normal", children: link.label }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-normal text-muted-foreground", children: link.description })
+            link.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-normal", children: link.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-normal text-muted-foreground", children: link.description })
           ] })
         ]
       }
@@ -54730,7 +54751,7 @@ var NavbarSimpleLinks = ({
       {
         "data-nav-item": item.name,
         onClick: () => setActiveItem(item.name),
-        className: `relative cursor-pointer text-sm font-medium hover:bg-transparent ${activeItem === item.name ? "text-foreground" : "text-muted-foreground"}`,
+        className: `relative cursor-pointer rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted ${activeItem === item.name ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
         children: item.name
       }
     ) }) }, item.name));
@@ -54771,56 +54792,65 @@ var NavbarSimpleLinks = ({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: cn("flex items-center justify-between", navClassName), children: [
-        renderLogo(),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          NavigationMenu,
-          {
-            className: cn("hidden lg:block", navigationMenuClassName),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              NavigationMenuList,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "container border-b border-border/50 shadow-sm",
+            containerClassName
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: cn("flex items-center justify-between", navClassName), children: [
+            renderLogo(),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              NavigationMenu,
+              {
+                className: cn("hidden lg:block", navigationMenuClassName),
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  NavigationMenuList,
+                  {
+                    ref: menuRef,
+                    className: cn(
+                      "flex items-center gap-6 rounded-4xl px-8 py-3",
+                      menuListClassName
+                    ),
+                    children: [
+                      renderNavItems(),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          ref: indicatorRef,
+                          className: "absolute bottom-2 flex h-1 items-center justify-center px-2 transition-all duration-300",
+                          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-0.5 w-full rounded-t-none bg-foreground transition-all duration-300" })
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              MobileNav,
+              {
+                navItems: navItems ?? [],
+                activeItem,
+                setActiveItem,
+                actions,
+                actionsSlot
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                ref: menuRef,
                 className: cn(
-                  "flex items-center gap-6 rounded-4xl px-8 py-3",
-                  menuListClassName
+                  "hidden items-center gap-2 lg:flex",
+                  actionsClassName
                 ),
-                children: [
-                  renderNavItems(),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      ref: indicatorRef,
-                      className: "absolute bottom-2 flex h-1 items-center justify-center px-2 transition-all duration-300",
-                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-0.5 w-full rounded-t-none bg-foreground transition-all duration-300" })
-                    }
-                  )
-                ]
+                children: renderActions()
               }
             )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MobileNav,
-          {
-            navItems: navItems ?? [],
-            activeItem,
-            setActiveItem,
-            actions,
-            actionsSlot
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(
-              "hidden items-center gap-2 lg:flex",
-              actionsClassName
-            ),
-            children: renderActions()
-          }
-        )
-      ] }) })
+          ] })
+        }
+      )
     }
   );
 };