@opensite/ui 0.4.2 → 0.4.3

package/dist/navbar-education-platform.cjs

@@ -887,6 +887,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -906,7 +907,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1284,37 +1285,43 @@ var NavbarEducationPlatform = ({
   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,
-          alt: logo.alt || "Logo",
-          className: cn("h-8 dark:invert", logo.className),
-          optixFlowConfig
-        }
-      ),
-      logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", 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,
+              alt: logo.alt || "Logo",
+              className: cn("h-8 dark:invert", logo.className),
+              optixFlowConfig
+            }
+          ),
+          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", 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,
-        {
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        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.jsxs(
@@ -1330,279 +1337,318 @@ var NavbarEducationPlatform = ({
       pattern,
       patternOpacity,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: cn("flex items-center justify-between py-4", navClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-9", children: [
-            renderLogo(),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden items-center gap-1.5 lg:flex", navigationMenuClassName), children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuList, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Products" }),
-                /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "TOOLS" }),
-                    features?.map((feature) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                      Pressable,
-                      {
-                        href: feature.link,
-                        className: "group flex cursor-pointer flex-row gap-3",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 20 }) }),
-                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-sm font-medium whitespace-nowrap", children: [
-                              feature.title,
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                DynamicIcon,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "nav",
+          {
+            className: cn("flex items-center justify-between py-4", navClassName),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-9", children: [
+                renderLogo(),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "hidden items-center gap-1.5 lg:flex",
+                      navigationMenuClassName
+                    ),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuList, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Products" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "TOOLS" }),
+                            features?.map((feature) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                              Pressable,
+                              {
+                                href: feature.link,
+                                className: "group flex cursor-pointer flex-row gap-3",
+                                children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 20 }) }),
+                                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+                                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-sm font-medium whitespace-nowrap", children: [
+                                      feature.title,
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        DynamicIcon,
+                                        {
+                                          name: "lucide/chevron-right",
+                                          size: 16,
+                                          className: "text-primary! opacity-0 transition-all duration-200 group-hover:translate-x-0.5 group-hover:opacity-100"
+                                        }
+                                      )
+                                    ] }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs whitespace-nowrap text-muted-foreground", children: feature.description })
+                                  ] })
+                                ]
+                              }
+                            ) }, feature.title))
+                          ] }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            Separator,
+                            {
+                              orientation: "vertical",
+                              className: "data-[orientation=vertical]:h-auto"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                                Pressable,
+                                {
+                                  href: "#",
+                                  className: "flex flex-row items-center gap-3",
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      DynamicIcon,
+                                      {
+                                        name: "lucide/book-open",
+                                        size: 16
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: "Platform 101" })
+                                  ]
+                                }
+                              ) }),
+                              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                                Pressable,
                                 {
-                                  name: "lucide/chevron-right",
-                                  size: 16,
-                                  className: "text-primary! opacity-0 transition-all duration-200 group-hover:translate-x-0.5 group-hover:opacity-100"
+                                  href: "#",
+                                  className: "flex flex-row items-center gap-3",
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: "Find a tutor" })
+                                  ]
                                 }
-                              )
+                              ) })
                             ] }),
-                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs whitespace-nowrap text-muted-foreground", children: feature.description })
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-5 mb-3 text-[10px] text-muted-foreground uppercase", children: "LATEST UPDATES" }),
+                            /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: "#", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-primary p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+                                img.Img,
+                                {
+                                  src: imagePlaceholders[0],
+                                  alt: "placeholder",
+                                  className: "aspect-video min-w-52 rounded-md object-cover",
+                                  optixFlowConfig
+                                }
+                              ) }),
+                              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3.5 flex flex-col gap-2 px-1", children: [
+                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "One Platform. Every Learner." }),
+                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Personalized learning paths for every student." })
+                              ] })
+                            ] }) })
                           ] })
-                        ]
-                      }
-                    ) }, feature.title))
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Separator,
-                    {
-                      orientation: "vertical",
-                      className: "data-[orientation=vertical]:h-auto"
-                    }
+                        ] }) })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Support" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "GUIDES" }),
+                            docs?.map((doc) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                              Pressable,
+                              {
+                                href: doc.link,
+                                className: "group flex flex-row gap-3",
+                                children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: doc.icon, size: 20 }) }),
+                                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+                                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-sm font-medium whitespace-nowrap", children: [
+                                      doc.title,
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        DynamicIcon,
+                                        {
+                                          name: "lucide/chevron-right",
+                                          size: 16,
+                                          className: "text-primary! opacity-0 transition-all duration-200 group-hover:translate-x-0.5 group-hover:opacity-100"
+                                        }
+                                      )
+                                    ] }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs whitespace-nowrap text-muted-foreground", children: doc.description })
+                                  ] })
+                                ]
+                              }
+                            ) }, doc.title))
+                          ] }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            Separator,
+                            {
+                              orientation: "vertical",
+                              className: "data-[orientation=vertical]:h-auto"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "ABOUT US" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("div", { children: company?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                              Pressable,
+                              {
+                                href: item.link,
+                                className: "flex flex-row items-center gap-3",
+                                children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16 }),
+                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: item.title })
+                                ]
+                              }
+                            ) }, item.title)) })
+                          ] })
+                        ] }) })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                        NavigationMenuLink,
+                        {
+                          asChild: true,
+                          className: navigationMenuTriggerStyle(),
+                          children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: "#", children: "About" })
+                        }
+                      ) })
+                    ] }) })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "hidden items-center gap-2 lg:flex",
+                    actionsClassName
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }),
+                  children: renderAuthActions()
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Pressable,
+                {
+                  variant: "outline",
+                  size: "icon",
+                  asButton: true,
+                  className: "lg:hidden",
+                  onClick: () => setIsOpen(!isOpen),
+                  children: [
+                    isOpen ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
+                  ]
+                }
+              )
+            ]
+          }
+        ) }),
+        isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "border-t bg-background lg:hidden",
+              mobileMenuClassName
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Accordion, { type: "single", collapsible: true, className: "w-full", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "learning-hub", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "pr-2.5 text-base font-medium hover:no-underline", children: "Products" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "TOOLS" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: features?.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs(
                         Pressable,
                         {
-                          href: "#",
-                          className: "flex flex-row items-center gap-3",
+                          href: feature.link,
+                          className: "group flex cursor-pointer flex-row gap-3 rounded-md transition-colors",
+                          onClick: () => setIsOpen(false),
                           children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/book-open", size: 16 }),
-                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: "Platform 101" })
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 16 }) }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-tight font-medium", children: feature.title }),
+                              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-tight text-muted-foreground", children: feature.description })
+                            ] })
                           ]
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        },
+                        feature.title
+                      )) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          Pressable,
+                          {
+                            href: "#",
+                            className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
+                            onClick: () => setIsOpen(false),
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/book-open", size: 16 }),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Platform 101" })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          Pressable,
+                          {
+                            href: "#",
+                            className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
+                            onClick: () => setIsOpen(false),
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Find a tutor" })
+                            ]
+                          }
+                        )
+                      ] })
+                    ] })
+                  ] }) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "support", className: "last:border-b", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "pr-2.5 text-base font-medium hover:no-underline", children: "Support" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "GUIDES" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: docs?.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
                         Pressable,
                         {
-                          href: "#",
-                          className: "flex flex-row items-center gap-3",
+                          href: doc.link,
+                          className: "group flex cursor-pointer flex-row gap-3 rounded-md transition-colors",
+                          onClick: () => setIsOpen(false),
                           children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
-                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: "Find a tutor" })
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: doc.icon, size: 16 }) }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-tight font-medium", children: doc.title }),
+                              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-tight text-muted-foreground", children: doc.description })
+                            ] })
                           ]
-                        }
-                      ) })
+                        },
+                        doc.title
+                      )) })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-5 mb-3 text-[10px] text-muted-foreground uppercase", children: "LATEST UPDATES" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: "#", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-primary p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                        img.Img,
+                    /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "ABOUT US" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: company?.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+                        Pressable,
                         {
-                          src: imagePlaceholders[0],
-                          alt: "placeholder",
-                          className: "aspect-video min-w-52 rounded-md object-cover",
-                          optixFlowConfig
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3.5 flex flex-col gap-2 px-1", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "One Platform. Every Learner." }),
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Personalized learning paths for every student." })
-                      ] })
-                    ] }) })
-                  ] })
-                ] }) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Support" }),
-                /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "GUIDES" }),
-                    docs?.map((doc) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                      Pressable,
-                      {
-                        href: doc.link,
-                        className: "group flex flex-row gap-3",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: doc.icon, size: 20 }) }),
-                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-sm font-medium whitespace-nowrap", children: [
-                              doc.title,
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                DynamicIcon,
-                                {
-                                  name: "lucide/chevron-right",
-                                  size: 16,
-                                  className: "text-primary! opacity-0 transition-all duration-200 group-hover:translate-x-0.5 group-hover:opacity-100"
-                                }
-                              )
-                            ] }),
-                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs whitespace-nowrap text-muted-foreground", children: doc.description })
-                          ] })
-                        ]
-                      }
-                    ) }, doc.title))
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Separator,
-                    {
-                      orientation: "vertical",
-                      className: "data-[orientation=vertical]:h-auto"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "ABOUT US" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { children: company?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                      Pressable,
-                      {
-                        href: item.link,
-                        className: "flex flex-row items-center gap-3",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16 }),
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: item.title })
-                        ]
-                      }
-                    ) }, item.title)) })
-                  ] })
-                ] }) })
+                          href: item.link,
+                          className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
+                          onClick: () => setIsOpen(false),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16 }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: item.title })
+                          ]
+                        },
+                        item.title
+                      )) })
+                    ] })
+                  ] }) })
+                ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                NavigationMenuLink,
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Pressable,
                 {
-                  asChild: true,
-                  className: navigationMenuTriggerStyle(),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: "#", children: "About" })
+                  href: "#",
+                  className: "block border-b border-border py-4 pr-3 text-base font-medium transition-colors",
+                  onClick: () => setIsOpen(false),
+                  children: "About"
                 }
               ) })
-            ] }) }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden items-center gap-2 lg:flex", actionsClassName), children: renderAuthActions() }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            Pressable,
-            {
-              variant: "outline",
-              size: "icon",
-              asButton: true,
-              className: "lg:hidden",
-              onClick: () => setIsOpen(!isOpen),
-              children: [
-                isOpen ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
-              ]
-            }
-          )
-        ] }) }),
-        isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("border-t bg-background lg:hidden", mobileMenuClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Accordion, { type: "single", collapsible: true, className: "w-full", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "learning-hub", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "pr-2.5 text-base font-medium hover:no-underline", children: "Products" }),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "TOOLS" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: features?.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    Pressable,
-                    {
-                      href: feature.link,
-                      className: "group flex cursor-pointer flex-row gap-3 rounded-md transition-colors",
-                      onClick: () => setIsOpen(false),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 16 }) }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-tight font-medium", children: feature.title }),
-                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-tight text-muted-foreground", children: feature.description })
-                        ] })
-                      ]
-                    },
-                    feature.title
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(
-                      Pressable,
-                      {
-                        href: "#",
-                        className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
-                        onClick: () => setIsOpen(false),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/book-open", size: 16 }),
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Platform 101" })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsxs(
-                      Pressable,
-                      {
-                        href: "#",
-                        className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
-                        onClick: () => setIsOpen(false),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Find a tutor" })
-                        ]
-                      }
-                    )
-                  ] })
-                ] })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "support", className: "last:border-b", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "pr-2.5 text-base font-medium hover:no-underline", children: "Support" }),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "GUIDES" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: docs?.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    Pressable,
-                    {
-                      href: doc.link,
-                      className: "group flex cursor-pointer flex-row gap-3 rounded-md transition-colors",
-                      onClick: () => setIsOpen(false),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: doc.icon, size: 16 }) }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-tight font-medium", children: doc.title }),
-                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-tight text-muted-foreground", children: doc.description })
-                        ] })
-                      ]
-                    },
-                    doc.title
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "ABOUT US" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: company?.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    Pressable,
-                    {
-                      href: item.link,
-                      className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
-                      onClick: () => setIsOpen(false),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16 }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: item.title })
-                      ]
-                    },
-                    item.title
-                  )) })
-                ] })
-              ] }) })
             ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
-            {
-              href: "#",
-              className: "block border-b border-border py-4 pr-3 text-base font-medium transition-colors",
-              onClick: () => setIsOpen(false),
-              children: "About"
-            }
-          ) })
-        ] }) })
+          }
+        )
       ]
     }
   );