diff --git a/frontend/src/components/domain/unified-wizard/ItemTypeSelector.tsx b/frontend/src/components/domain/unified-wizard/ItemTypeSelector.tsx
index a3225109..b11b48d3 100644
--- a/frontend/src/components/domain/unified-wizard/ItemTypeSelector.tsx
+++ b/frontend/src/components/domain/unified-wizard/ItemTypeSelector.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import {
   Package,
   Building2,
@@ -114,6 +115,85 @@ interface ItemTypeSelectorProps {
 }
 
 export const ItemTypeSelector: React.FC<ItemTypeSelectorProps> = ({ onSelect }) => {
+  const { t } = useTranslation('wizards');
+
+  // Generate item types from translations
+  const itemTypes: ItemTypeConfig[] = [
+    {
+      id: 'sales-entry',
+      title: t('itemTypeSelector.types.sales-entry.title'),
+      subtitle: t('itemTypeSelector.types.sales-entry.description'),
+      icon: Euro,
+      badge: '⭐ ' + t('itemTypeSelector.mostCommon', { defaultValue: 'Most Common' }),
+      badgeColor: 'bg-gradient-to-r from-amber-100 to-orange-100 text-orange-800 font-semibold',
+      isHighlighted: true,
+    },
+    {
+      id: 'inventory',
+      title: t('itemTypeSelector.types.inventory.title'),
+      subtitle: t('itemTypeSelector.types.inventory.description'),
+      icon: Package,
+      badge: t('itemTypeSelector.configuration', { defaultValue: 'Configuration' }),
+      badgeColor: 'bg-blue-100 text-blue-700',
+    },
+    {
+      id: 'supplier',
+      title: t('itemTypeSelector.types.supplier.title'),
+      subtitle: t('itemTypeSelector.types.supplier.description'),
+      icon: Building2,
+      badge: t('itemTypeSelector.configuration', { defaultValue: 'Configuration' }),
+      badgeColor: 'bg-blue-100 text-blue-700',
+    },
+    {
+      id: 'recipe',
+      title: t('itemTypeSelector.types.recipe.title'),
+      subtitle: t('itemTypeSelector.types.recipe.description'),
+      icon: ChefHat,
+      badge: t('itemTypeSelector.common', { defaultValue: 'Common' }),
+      badgeColor: 'bg-green-100 text-green-700',
+    },
+    {
+      id: 'equipment',
+      title: t('itemTypeSelector.types.equipment.title'),
+      subtitle: t('itemTypeSelector.types.equipment.description'),
+      icon: Wrench,
+      badge: t('itemTypeSelector.configuration', { defaultValue: 'Configuration' }),
+      badgeColor: 'bg-blue-100 text-blue-700',
+    },
+    {
+      id: 'quality-template',
+      title: t('itemTypeSelector.types.quality-template.title'),
+      subtitle: t('itemTypeSelector.types.quality-template.description'),
+      icon: ClipboardCheck,
+      badge: t('itemTypeSelector.configuration', { defaultValue: 'Configuration' }),
+      badgeColor: 'bg-blue-100 text-blue-700',
+    },
+    {
+      id: 'customer-order',
+      title: t('itemTypeSelector.types.customer-order.title'),
+      subtitle: t('itemTypeSelector.types.customer-order.description'),
+      icon: ShoppingCart,
+      badge: t('itemTypeSelector.daily', { defaultValue: 'Daily' }),
+      badgeColor: 'bg-amber-100 text-amber-700',
+    },
+    {
+      id: 'customer',
+      title: t('itemTypeSelector.types.customer.title'),
+      subtitle: t('itemTypeSelector.types.customer.description'),
+      icon: Users,
+      badge: t('itemTypeSelector.common', { defaultValue: 'Common' }),
+      badgeColor: 'bg-green-100 text-green-700',
+    },
+    {
+      id: 'team-member',
+      title: t('itemTypeSelector.types.team-member.title'),
+      subtitle: t('itemTypeSelector.types.team-member.description'),
+      icon: UserPlus,
+      badge: t('itemTypeSelector.configuration', { defaultValue: 'Configuration' }),
+      badgeColor: 'bg-blue-100 text-blue-700',
+    },
+  ];
+
   return (
     <div className="space-y-6">
       {/* Header */}
@@ -124,16 +204,16 @@ export const ItemTypeSelector: React.FC<ItemTypeSelectorProps> = ({ onSelect })
           </div>
         </div>
         <h2 className="text-2xl font-bold text-[var(--text-primary)] mb-2">
-          ¿Qué te gustaría agregar?
+          {t('itemTypeSelector.title')}
         </h2>
         <p className="text-[var(--text-secondary)] max-w-md mx-auto">
-          Selecciona el tipo de contenido que deseas añadir a tu panadería
+          {t('itemTypeSelector.description')}
         </p>
       </div>
 
       {/* Item Type Grid */}
       <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 md:gap-4">
-        {ITEM_TYPES.map((itemType) => {
+        {itemTypes.map((itemType) => {
           const Icon = itemType.icon;
           const isHighlighted = itemType.isHighlighted;
 
@@ -198,7 +278,7 @@ export const ItemTypeSelector: React.FC<ItemTypeSelectorProps> = ({ onSelect })
       {/* Help Text */}
       <div className="text-center pt-4 border-t border-[var(--border-primary)]">
         <p className="text-sm text-[var(--text-tertiary)]">
-          Selecciona una opción para comenzar el proceso guiado paso a paso
+          {t('itemTypeSelector.helpText', { defaultValue: 'Select an option to start the guided step-by-step process' })}
         </p>
       </div>
     </div>