Files
fspm-web/docs/TAREA-CATALOGO.md
Uriel JarethandClaude Opus 5 01b817d098 feat: sitio comercial FSPM con micro CRM interno
Sitio público orientado a venta consultiva e implementación de las
recomendaciones de la auditoría de marca y mercado:

- Inicio con tres rutas (industria, riesgo, cumplimiento) y clasificador
  de riesgo en el héroe, contra el hallazgo de que el visitante tenía que
  inferir qué solución le correspondía.
- Cinco páginas por segmento prioritario y catálogo comparable por clase
  de fuego, capacidad y agente.
- Los claims sin evidencia por modelo quedan aislados y se presentan como
  compromiso de documentación, nunca como característica del producto.
- SEO técnico completo: metadatos por página, sitemap derivado de los
  datos, JSON-LD, iconos y tarjeta social generadas.

Micro CRM:

- Captura por formulario embebido y por widget de WhatsApp que registra
  antes de abrir la conversación.
- Atribución de primer toque que sobrevive a la navegación.
- Deduplicación de contacto; un mismo contacto acumula oportunidades.
- Motor de asignación por reglas con reparto por turno de respaldo.
- Panel con dos roles de alcance distinto, tablero analítico, bitácora,
  pedidos y reglas. No enlazado desde el sitio público y con noindex.

Empaquetado en Docker multietapa con la base de demostración horneada en
la imagen y el volumen de datos separado, para que los leads capturados
sobrevivan a los redespliegues.

Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
2026-08-28 00:07:20 -06:00

146 lines
6.1 KiB
Markdown

# Tarea: construir el catálogo tipado de FSPM
Eres el agente de datos del proyecto. Tu única entrega es **un archivo**:
`src/data/catalogo.ts` en este repo (`H:\MegaSync\Proyectos\fspm\fspm-web`).
No toques ningún otro archivo. No instales dependencias. No corras `npm`.
## Fuente de verdad (solo lectura)
Base de conocimiento del sitio real, escrapeada:
`H:\MegaSync\Proyectos\Web Clonner Scrapper toolkit\proyectos\fspm.com.mx\conocimiento\`
Lee **estos archivos en español** (ignora los `en-*` y los que llevan sufijo hash como `-8e5a3550`):
- `index.md` — las 8 categorías y cómo se presentan
- `extintores-portatiles.md`
- `extintores-fijos.md`
- `productos-moviles.md`
- `rociadores.md`
- `agentes-extinguidores.md`
- `firemiks.md`
- `robots.md`
- `proteccion-civil.md`
- `normas-y-certificaciones.md`
- `preguntas-frecuentes.md`
## Imágenes disponibles
Ya están copiadas en `public/media/producto/` y `public/media/iconos/`. Lista real de archivos —
usa **exactamente** estos nombres, con ruta `/media/producto/<archivo>`:
```
firemiks.png
FSPM_espumas_contra_incendios_flameAde.png
fspm_extintores_facil_uso_en_mexico.png
fspm_extintores_fijos_enforcer_10.png
fspm_extintores_fijos_esfera_sin_detector_de_humo.png
fspm_extintores_garantia_en_mexico.png
fspm_extintores_largo_alcance_en_mexico.png
fspm_extintores_moviles_carretilla_100litros.png
fspm_extintores_moviles_carretilla_30litros_acero_inoxidable.png
fspm_extintores_moviles_carretilla_50litros_acero_inoxidable.png
fspm_extintores_moviles_carretilla_70litros_acero_inoxidable.png
fspm_extintores_moviles_enforcer_60.png
fspm_extintores_no_caducan_en_mexico.png
fspm_extintores_portatiles_en_mexico_enforcer_12litros.png
fspm_extintores_portatiles_en_mexico_enforcer_1litro.png
fspm_extintores_portatiles_en_mexico_enforcer_2litros.png
fspm_extintores_portatiles_en_mexico_enforcer_4litros.png
fspm_extintores_portatiles_en_mexico_enforcer_6litros.png
fspm_extintores_portatiles_en_mexico_enforcer_9litros.png
fspm_extintores_rociadores_enforcer_esfera.png
fspm_extintores_rociadores_enforcer_robot.png
fspm_extintores_rociadores_enforcer_robot_componente_de_agua.png
fspm_extintores_rociadores_enforcer_robot_panel_de_control.png
fspm_extintores_sin_recarga_en_mexico.png
FSPM-trakAde-supresion-de-polvos.png
FSPM-vaporAde.png
receptor-de-alertamiento.jpg
```
Iconos de aplicación en `/media/iconos/`: `icono-agricultura.png`, `icono-auditorios.png`,
`icono-bosques.png`, `icono-central-bomberos.png`, `icono-exterior.png`, `icono-gasolineras.png`,
`icono-hogar.png`, `icono-industria.png`, `icono-museos.png`, `icono-no-toxico.png`,
`icono-oficina.png`, `iconos-aeropuertos.png`, `iconos-minas.png`.
Si un producto no tiene imagen propia, reutiliza la más cercana de su categoría. Nunca inventes
un nombre de archivo que no esté en la lista.
## Contrato de tipos — respétalo al carácter
```ts
export type ClaseFuego = "A" | "B" | "C" | "D" | "K";
export type Categoria = {
slug: string; // kebab-case, ej. "extintores-portatiles"
nombre: string; // ej. "Extintores portátiles"
tagline: string; // 1 línea: qué problema resuelve, orientado a comprador
descripcion: string; // 2-3 frases
imagen: string; // "/media/producto/..."
aplicaciones: string[];
orden: number;
};
export type Producto = {
slug: string;
categoria: string; // debe existir en CATEGORIAS
nombre: string;
modelo: string | null; // ej. "Enforcer 12"
capacidad: string | null; // ej. "12 L"
agente: string | null; // ej. "FireAde 2000"
clases: ClaseFuego[]; // SOLO las clases que la fuente sostiene
alcance: string | null;
descarga: string | null;
imagen: string;
resumen: string; // 1-2 frases, orientado a venta, SIN claims sin sustento
caracteristicas: string[]; // bullets tomados de la fuente
aplicaciones: string[];
claimsPorVerificar: string[]; // ver regla crítica abajo
orden: number;
};
export const CATEGORIAS: Categoria[] = [ ... ];
export const PRODUCTOS: Producto[] = [ ... ];
// helpers que debes exportar también:
export function getCategoria(slug: string): Categoria | undefined
export function getProducto(slug: string): Producto | undefined
export function productosDeCategoria(slug: string): Producto[]
```
## REGLA CRÍTICA — honestidad de los datos
El sitio original hace afirmaciones de alto riesgo comercial: *"no caduca"*, *"20 años de
garantía"*, *"no requiere recarga"*, *"extingue clases A, B, C, D y K"*. Una auditoría concluyó
que **no deben presentarse como universales sin condiciones y evidencia por modelo**.
Por lo tanto:
1. **Nunca** pongas uno de esos claims en `resumen` ni en `caracteristicas` como hecho.
2. Cada claim así va en `claimsPorVerificar`, redactado como lo que hay que documentar.
Ejemplo: `"Vida útil sin caducidad: requiere carta técnica del fabricante por número de modelo"`.
3. `clases` solo lleva las clases que la fuente realmente atribuye a **ese** modelo. Si la
fuente es ambigua, pon las que sí sostiene y anota la duda en `claimsPorVerificar`.
4. No inventes capacidades, alcances, tiempos de descarga, precios ni certificados. Si el dato
no está en la fuente, es `null` o se omite del arreglo. Es mejor `null` que un número inventado.
## Cobertura esperada
- Las **8 categorías** del sitio.
- Todos los modelos concretos que la fuente identifique. Del scrape se ven al menos: portátiles
Enforcer de 1, 2, 4, 6, 9 y 12 litros; móviles Enforcer 60 y carretillas de 30, 50, 70 y 100 L;
fijos Enforcer 10 y esfera; rociadores esfera y robot; agentes FireAde 2000, flameAde, vaporAde,
trakAde; FIREMIKS; robot cañón; y receptor de alertamiento en protección civil.
Confirma cada uno contra la fuente antes de escribirlo.
## Salida
- TypeScript válido y formateado, sin `any`, sin imports.
- Español de México en todo el contenido, con acentuación correcta.
- Al terminar, escribe al final del archivo un comentario de bloque con:
las categorías y el número de productos por categoría, y la lista de datos que no pudiste
confirmar en la fuente.
Cuando acabes, di exactamente `CATALOGO LISTO` y un resumen de 3 líneas.