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]>
146 lines
6.1 KiB
Markdown
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.
|