fix: sitemap changed product from detail

components/Navbar.tsx

@@ -26,7 +26,7 @@ export function Navbar({ logoText = "FIRMA" }: NavbarProps) {
 
   const navLinks: NavLink[] = [
     { id: "about", labelKey: t.nav.about, href: "#about" },
-    { id: "products", labelKey: t.nav.products, href: "#products" },
+    { id: "products", labelKey: t.nav.products, href: "/product" },
     { id: "faq", labelKey: t.nav.faq, href: "#faq" },
     { id: "contact", labelKey: t.nav.contact, href: "#contact" },
   ];
@@ -64,16 +64,26 @@ export function Navbar({ logoText = "FIRMA" }: NavbarProps) {
 
           {/* Desktop Menu */}
           <div className="hidden md:flex items-center gap-8">
-            {navLinks.map((link) => (
-              <motion.button
-                key={link.id}
-                whileHover={{ color: "#2563eb" }}
-                onClick={() => handleScroll(link.href)}
-                className="text-[#468965] hover:text-[#468965] transition-colors hover:cursor-pointer"
-              >
-                {link.labelKey}
-              </motion.button>
-            ))}
+            {navLinks.map((link) =>
+              link.id === "products" ? (
+                <Link
+                  key={link.id}
+                  href={link.href}
+                  className="text-[#468965] hover:text-[#468965] transition-colors hover:cursor-pointer"
+                >
+                  {link.labelKey}
+                </Link>
+              ) : (
+                <motion.button
+                  key={link.id}
+                  whileHover={{ color: "#2563eb" }}
+                  onClick={() => handleScroll(link.href)}
+                  className="text-[#468965] hover:text-[#468965] transition-colors hover:cursor-pointer"
+                >
+                  {link.labelKey}
+                </motion.button>
+              )
+            )}
           </div>
 
           {/* Language & Mobile Menu */}