diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 0adc748..59def71 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -9,13 +9,13 @@ import { ShoppingBag, CreditCard, DollarSign, Truck } from "lucide-react";
 
 export default function CheckoutPage() {
   const navItems = [
-    { name: "Inicio", href: "/" },
+    { name: "Inicio", id: "/" },
     { name: "Nuestra Historia", id: "about" },
     { name: "Productos", id: "products" },
     { name: "Ventajas", id: "features" },
     { name: "Profesionales", id: "professionals" },
     { name: "Contacto", id: "contact" },
-    { name: "Checkout", href: "/checkout" },
+    { name: "Checkout", id: "/checkout" },
   ];
 
   // Dummy order data - in a real app, this would come from a cart state or API