update css vars

components/navigation/navigation.editor.tsx

@@ -13,9 +13,9 @@ export const navigationEditor: ComponentConfig<NavigationProps> = {
     brand: "Maison",
     logo: "",
     links: [
-      { label: "Shop", href: "/collections" },
-      { label: "Lookbook", href: "/lookbook" },
-      { label: "Journal", href: "/journal" },
+      { label: "Mens", href: "/collections/mens" },
+      { label: "Womens", href: "/collections/womens" },
+      { label: "Shop", href: "/search" },
       { label: "About", href: "/about" },
     ],
     showSearch: "yes",

components/navigation/navigation.tsx

@@ -80,12 +80,13 @@ export function Navigation({
 
           <div className="flex items-center gap-1">
             {showSearch === "yes" && (
-              <button
+              <Link
+                to="/search"
                 aria-label="Search"
                 className="hidden h-10 w-10 items-center justify-center rounded-full transition-colors hover:bg-foreground/5 md:inline-flex"
               >
                 <Search size={18} strokeWidth={1.5} />
-              </button>
+              </Link>
             )}
             {showCart === "yes" && (
               <button