update product details

components/navigation/navigation.tsx

@@ -1,6 +1,6 @@
 import { Menu as MenuIcon, ShoppingBag, Search } from "lucide-react";
 import { useState } from "react";
-import { Link } from "react-router";
+import Link from "next/link";
 import { useShopifyCart } from "@/hooks/use-shopify-cart";
 import { Sheet, SheetContent, SheetHeader, SheetTitle } from "@/components/ui/sheet";
 import { Container } from "@/components/layout/Container";
@@ -52,7 +52,7 @@ export function Navigation({
         )}
       >
         <Container className="flex h-16 items-center justify-between md:h-20">
-          <Link to="/" className="inline-flex items-center">
+          <Link href="/" className="inline-flex items-center">
             {logo ? (
               <img
                 src={logo}
@@ -70,7 +70,7 @@ export function Navigation({
             {links.map((l) => (
               <Link
                 key={l.href + l.label}
-                to={l.href}
+                href={l.href}
                 className="text-sm tracking-wide opacity-80 transition-opacity hover:opacity-100"
               >
                 {l.label}
@@ -81,7 +81,7 @@ export function Navigation({
           <div className="flex items-center gap-1">
             {showSearch === "yes" && (
               <Link
-                to="/search"
+                href="/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"
               >
@@ -124,7 +124,7 @@ export function Navigation({
             {links.map((l) => (
               <Link
                 key={l.href + l.label}
-                to={l.href}
+                href={l.href}
                 className="rounded-md px-3 py-3 text-base hover:bg-muted"
               >
                 {l.label}