Fix new services implementation 11

frontend/src/components/layout/Layout.tsx

@@ -12,7 +12,8 @@ import {
   ChevronDown,
   ChefHat,
   Warehouse,
-  ShoppingCart
+  ShoppingCart,
+  BookOpen
 } from 'lucide-react';
 
 interface LayoutProps {
@@ -44,6 +45,7 @@ const Layout: React.FC<LayoutProps> = ({
     { id: 'dashboard', label: 'Inicio', icon: Home, href: '/dashboard' },
     { id: 'orders', label: 'Pedidos', icon: Package, href: '/orders' },
     { id: 'production', label: 'Producción', icon: ChefHat, href: '/production' },
+    { id: 'recipes', label: 'Recetas', icon: BookOpen, href: '/recipes' },
     { id: 'inventory', label: 'Inventario', icon: Warehouse, href: '/inventory' },
     { id: 'sales', label: 'Ventas', icon: ShoppingCart, href: '/sales' },
     { id: 'reports', label: 'Informes', icon: TrendingUp, href: '/reports' },