diff --git a/CLAUDE.md b/CLAUDE.md index 43c994c..8584527 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -1 +1,172 @@ -@AGENTS.md +# Reformix — CLAUDE.md + +> Punto de entrada para cualquier agente IA (Claude Code, Cursor, Copilot) o desarrollador humano nuevo en el proyecto. Lee esto **antes** de tocar nada. + +--- + +## Qué es Reformix + +SaaS B2B para reformistas en España. El cliente final del reformista deja sus datos en una landing, sube fotos de su cocina o baño, recibe en menos de 2 minutos una **llamada de un agente IA** desde un número fijo de su provincia, y al colgar recibe por **WhatsApp** un render IA del espacio reformado + presupuesto orientativo desglosado con el branding del reformista. El reformista recibe el lead pre-cualificado completo en su panel. + +Visión 18 meses: Fase 1 SaaS B2B → Fase 2 marketplace B2C con valorador "Precio Justo". + +## Documentos canónicos (la fuente de la verdad) + +Antes de implementar nada, lee estos en este orden: + +1. [`specs.md`](specs.md) — Requisitos formales (55 RF + 30 RNF en notación EARS, con criterios de aceptación binarios) +2. [`copy/COPY-GUIDE.md`](copy/COPY-GUIDE.md) — TODO el copy del producto. **Cero lorem ipsum permitido** en ningún sitio +3. [`design/design-system.md`](design/design-system.md) — Tokens visuales, identidad verbal, componentes +4. [`docs/dev-strategy.md`](docs/dev-strategy.md) — Orden de implementación, pipeline assets, testing, milestones +5. [`funnel.md`](funnel.md) — Diagrama del funnel punta a punta +6. [`negocio/`](negocio/) — Modelo de negocio, plan financiero, riesgos, compliance legal +7. [`devdocs/plan.md`](devdocs/plan.md) — Plan vivo de implementación +8. [`devdocs/progress.md`](devdocs/progress.md) — Estado actual del proyecto (qué está hecho, qué no) +9. [`devdocs/decisions.md`](devdocs/decisions.md) — Decisiones técnicas tomadas y por qué + +## Comandos (cuando el código exista) + +```bash +# Setup (una sola vez) +pnpm install +cp .env.example .env.local # rellenar las claves +pnpm db:migrate # migraciones Postgres con Drizzle Kit + +# Desarrollo +pnpm dev # Next.js dev server en :3000 + +# Build +pnpm build # build de producción +pnpm start # corre el build en local + +# Testing +pnpm test # vitest (unit + integration) +pnpm test:e2e # Playwright (flujos críticos) +pnpm test:watch # vitest watch mode + +# Quality +pnpm lint # ESLint + autofix donde sea posible +pnpm typecheck # tsc --noEmit +pnpm format # Prettier sobre todo + +# Database +pnpm db:generate # genera migration desde schema +pnpm db:migrate # aplica migrations +pnpm db:studio # Drizzle Studio (DB GUI) +``` + +> Si alguno de estos comandos no existe o no funciona, **no improvises**. Reporta el problema y arregla el setup antes de seguir. + +## Stack técnico (decidido, no cuestionar sin evidencia) + +| Capa | Servicio | Por qué | +|---|---|---| +| Framework | **Next.js 14** (App Router + Server Actions + API Routes) | Un único proyecto y deploy | +| Lenguaje | **TypeScript strict** | | +| UI | **Tailwind + shadcn/ui** | | +| Tokens visuales | [`design/design-tokens.css`](design/design-tokens.css) + [`design/tailwind.config.ext.js`](design/tailwind.config.ext.js) | | +| Tipografías | Instrument Serif (display) + Inter (body) + JetBrains Mono | Via `next/font/google` | +| Agente de voz | **Retell.ai** + **ElevenLabs** (voces premium ES) | | +| Telefonía | **Zadarma** (números fijos provinciales España) | | +| WhatsApp | **Evolution API** (primario) o WhatsApp Business API (respaldo) | | +| Render IA | **Nano Banana 2 / Image 2** (Google Gemini) + Replicate SDXL fallback | | +| IA texto + vision | **GPT-4o** (OpenAI) | | +| DB | **Postgres** + **Drizzle ORM** | | +| Storage | **S3** (Cloudflare R2 recomendado) | | +| Email | **SMTP** (genérico) | | +| Deploy | **Vercel** | | +| Analytics | **PostHog** | | +| Forms | react-hook-form + zod | | +| Testing | Vitest (unit + integration) + Playwright (e2e) | | + +## Convenciones de código + +- **TypeScript strict.** Sin `any` salvo en límites con SDK externos sin tipos. +- **Server Components por defecto.** Client Components solo cuando hace falta interactividad (`'use client'`). +- **API Routes** en `app/api/.../route.ts`. **Server Actions** para mutaciones desde formularios server-rendered. +- **Naming:** + - Componentes: `PascalCase` (`LeadDetailCard`) + - Hooks: `camelCase` con prefijo `use` (`useLeadStatus`) + - Funciones: `camelCase` + - Tipos: `PascalCase`, sin prefijo `I` + - Constantes top-level: `SCREAMING_SNAKE_CASE` + - Archivos componentes: `PascalCase.tsx` + - Archivos utilidades: `kebab-case.ts` +- **Comentarios:** solo cuando el *porqué* no es obvio. Nada de comentarios que describen *qué* hace el código. +- **Imports:** usar paths absolutos con alias `@/` (configurado en `tsconfig.json`). +- **Tests:** colocados en `tests/` espejando `app/` y `lib/`, no junto al código. + +## Estructura del proyecto + +Ver detalle completo en [`docs/dev-strategy.md` §3](docs/dev-strategy.md). Resumen: + +``` +reformix/ +├── app/ # Next.js App Router (marketing, app, api) +├── lib/ # Server-side (ai, voice, telephony, whatsapp, budget, db, ...) +├── components/ # Componentes React compartidos (ui, marketing, funnel, panel) +├── design/ # Design system (tokens, config) +├── copy/ # Copy guide +├── docs/ # Documentación técnica +├── devdocs/ # Plan vivo + progreso + decisiones +├── negocio/ # Documentación de negocio +├── public/ # Assets estáticos +├── raw/ # Assets fuente (git-ignored) +└── tests/ # Unit + integration + e2e +``` + +## Reglas operativas para el agente IA + +### Siempre + +1. **Lee el documento canónico relevante antes de implementar.** Si vas a tocar el form B2C, lee §RF-B en specs.md y §"Landing B2C" en COPY-GUIDE.md. +2. **Usa copy de COPY-GUIDE.md literal.** No reescribas. Si necesitas un texto que no existe, añádelo primero al copy guide, luego úsalo. +3. **Usa tokens del design system.** No hardcodees colores, espaciados o tipografías. Si falta un token, propón añadirlo en design-system.md primero. +4. **Tests primero (TDD)** para el motor de presupuesto, extracción de entidades, parsers críticos. +5. **Salida mínima:** evita `console.log` verboso. Los tests deben fallar con mensajes accionables, pasar en silencio. +6. **Commit frecuente** cada milestone (≥ 1/día de trabajo activo). Mensaje en imperativo conciso: `Add lead capture form`, no `added lead form`. +7. **Update `devdocs/progress.md`** cada vez que cierres un milestone. + +### Nunca + +1. **No inventes requisitos.** Si no está en specs.md, pregunta antes de implementar. Si es una mejora obvia, añádela primero a specs.md y luego implementa. +2. **No metas dependencias nuevas sin justificación documentada.** Si añades una librería, justifica en `devdocs/decisions.md`. +3. **No uses ningún proveedor de IA que no esté en el stack decidido** sin abrir una decisión explícita. +4. **No hardcodees secretos.** Todo via `process.env.*` con tipo derivado de `zod` schema. +5. **No optimices prematuramente.** Performance budget en specs.md (FCP < 2s, llamada < 2 min, pipeline < 60s). Si vas dentro de presupuesto, no toques. +6. **No instales paquetes globales** ni modifiques config del editor de otros. +7. **No commits con tests rojos** (salvo en branch personal con flag `--no-verify` documentado en el mensaje). + +### Cuando dudes + +- Si el specs no es claro → escribe la duda en `devdocs/decisions.md` como "pending" y pregunta. +- Si el copy no encaja → propón nueva versión en `COPY-GUIDE.md` y pide validación. +- Si el design system no cubre un caso → propón añadir token a `design-system.md`. +- Si el plan no contempla algo → updateA `devdocs/plan.md` y notifica. + +## Compliance imprescindible (no negociable) + +- **HTTPS** forzado siempre. +- **Consentimiento LSSI-CE** separado del RGPD en el form del cliente final (RF-LEG-01). +- **Aviso de grabación** al inicio de la llamada del agente (RF-C-12, RNF-LEG-02). +- **Consulta Lista Robinson** antes de cada llamada saliente (RF-C-03, RNF-LEG-03). +- **Identificación como IA** en la llamada (AI Act, RNF-LEG-05). +- **Horario permitido** lun-vie 9-21, sáb 9-14, no domingos (RNF-LEG-06). +- **Retención grabaciones** máximo 12 meses (RNF-LEG-04). + +## Cuando el contexto se llene (reset de sesión) + +1. Mata la sesión actual. +2. Inicia nueva sesión. +3. Lee `CLAUDE.md` (este archivo) → `devdocs/plan.md` → `devdocs/progress.md` → `devdocs/decisions.md`. +4. Lee el documento canónico de la superficie en la que estabas trabajando. +5. Continúa donde lo dejaste sin perder el hilo. + +## Contacto / responsables + +| Área | Owner | Backup | +|---|---|---| +| Producto + Coordinación + Voz | Carlos | Simon | +| Backend + IA + WhatsApp | Simon | Carlos | +| Motor de presupuesto + Dominio | Goyo | Carlos | +| UI/UX + Creativos | Antonio | Simon | diff --git a/README.md b/README.md index 1069f5e..0224f81 100644 --- a/README.md +++ b/README.md @@ -1,100 +1,108 @@ -# Reformix — Landing Page +# Reformix -> Landing page pública de **Reformix**, la plataforma que conecta a propietarios con reformistas de confianza. Presupuesto en 5 minutos, render por WhatsApp. Construida con **Next.js + TypeScript + Tailwind CSS v4**. +> SaaS para reformistas en España. El cliente final del reformista deja sus datos en una landing, sube fotos de su cocina o baño, recibe en menos de 2 minutos una llamada de un agente IA desde un número fijo de su provincia, y al colgar recibe por WhatsApp un render IA del espacio reformado + presupuesto orientativo desglosado con el branding del reformista. -## 🚀 Inicio rápido - -```bash -# Instalar dependencias -npm install - -# Iniciar servidor de desarrollo -npm run dev -``` - -Abre [http://localhost:3000](http://localhost:3000) en tu navegador para ver el resultado. +**Estado:** planificación completa, código sin empezar. Equipo de 4 personas, 3 semanas (24-may → 11-jun) hasta demo MVP. --- -## 🛠 Stack tecnológico +## Empezar aquí -| Capa | Tecnología | +Si eres una **persona o agente IA nuevo en el proyecto**, lee en este orden: + +1. [`CLAUDE.md`](CLAUDE.md) — Onboarding para agentes IA + comandos + convenciones (también útil para humanos) +2. [`specs.md`](specs.md) — Requisitos formales (55 RF + 30 RNF en notación EARS) +3. [`docs/dev-strategy.md`](docs/dev-strategy.md) — Cómo se va a construir (orden, equipo, milestones) +4. [`devdocs/plan.md`](devdocs/plan.md) — Plan vivo de implementación +5. [`devdocs/progress.md`](devdocs/progress.md) — Estado actual + +--- + +## Índice de documentación + +### Producto y diseño + +| Doc | Para qué | |---|---| -| Framework | Next.js (App Router) | -| Lenguaje | TypeScript 5 | -| Estilos | Tailwind CSS v4 (`@import "tailwindcss"` + `@theme`) | -| Componentes | React 19 (Server + Client Components) | -| Fuente | Inter (Google Fonts, variable) | +| [`specs.md`](specs.md) | Requisitos funcionales y no funcionales en EARS | +| [`funnel.md`](funnel.md) | Diagrama del funnel punta a punta (ASCII + Mermaid + descripción Miro) | +| [`copy/COPY-GUIDE.md`](copy/COPY-GUIDE.md) | TODO el copy del producto (landings, agente voz, WhatsApp, emails) | +| [`design/design-system.md`](design/design-system.md) | Sistema de diseño, identidad visual y verbal | +| [`design/design-tokens.css`](design/design-tokens.css) | Tokens CSS custom properties | +| [`design/tailwind.config.ext.js`](design/tailwind.config.ext.js) | Extensión config Tailwind | ---- +### Negocio -## 📁 Arquitectura del proyecto - -```text -landing-page/ -├── src/ -│ ├── app/ -│ │ ├── globals.css # Design system: @theme tokens + @layer utilities -│ │ ├── layout.tsx # Root layout con fuente Inter y meta tags -│ │ └── page.tsx # Composición de página — solo imports de componentes -│ │ -│ └── components/ -│ ├── Navbar/ # Barra de navegación (actualmente comentada) -│ ├── Hero/ # Sección principal: headline + LeadForm interno -│ ├── ReformaSlider/ # Comparador antes/después interactivo (drag) -│ ├── Features/ # Sección "Cómo funciona" — 3 pasos numerados -│ ├── Pricing/ # Tabla de servicios: Presupuesto · Reforma · Integral -│ ├── ContactForm/ # Formulario de contacto con validación y testimonial -│ └── Footer/ # Links, redes sociales y copyright -``` - -### Convención de componentes - -- Cada componente vive en su propia carpeta `ComponentName/ComponentName.tsx`. -- Los sub-componentes de uso exclusivo (ej. `LeadForm`) se definen en el mismo archivo del padre, **no** como archivos separados. -- `page.tsx` solo importa componentes de primer nivel — sin JSX estructural inline. - ---- - -## 🎨 Design System - -Definido en `globals.css` mediante el bloque `@theme` de Tailwind v4: - -- **Colores:** Escala negro/blanco de alto contraste. Sin acentos de color innecesarios. -- **Tipografía:** Inter variable — pesos 400 a 900, tracking ajustado para headlines impactantes. -- **Animaciones:** Entrada por scroll con `IntersectionObserver` + clase `reveal`. Micro-interacciones en hovers de cards y botones. -- **Responsive:** Mobile-first. Grid de 1 columna en móvil, 2–3 en desktop. - ---- - -## 🧩 Secciones de la landing - -| Sección | Descripción | +| Doc | Para qué | |---|---| -| **Hero** | Headline + formulario de captación de lead (nombre, email, empresa, teléfono) | -| **ReformaSlider** | Comparador antes/después con drag handle — 3 espacios: Cocina, Baño, Salón | -| **Features** | Explicación del proceso en 3 pasos: llama → foto → presupuesto | -| **Pricing** | 3 niveles de servicio con toggle mensual/anual y features detalladas | -| **ContactForm** | Formulario completo con datos de contacto y testimonial de cliente real | -| **Footer** | Links de navegación, redes sociales, estado operativo y copyright | +| [`negocio/README.md`](negocio/README.md) | Resumen ejecutivo (1 página) | +| [`negocio/modelo-negocio.md`](negocio/modelo-negocio.md) | Pricing, unit economics, competencia | +| [`negocio/operaciones.md`](negocio/operaciones.md) | Stack, proveedores, onboarding reformista | +| [`negocio/equipo.md`](negocio/equipo.md) | Roles del equipo + plan contratación | +| [`negocio/legal.md`](negocio/legal.md) | RGPD, LSSI-CE, Lista Robinson, AI Act, Verifactu | +| [`negocio/plan-financiero.md`](negocio/plan-financiero.md) | Proyecciones 3 escenarios | +| [`negocio/roadmap.md`](negocio/roadmap.md) | Hitos por fase (hasta 18 meses) | +| [`negocio/riesgos.md`](negocio/riesgos.md) | Matriz de riesgos + contingencias | +| [`negocio/datos/`](negocio/datos/) | Costes desglosados, proveedores, KPIs | +| [`investigacion-competencia-internacional.md`](investigacion-competencia-internacional.md) | Mapa de competidores + analogías (~5k palabras) | + +### Desarrollo (código futuro) + +| Doc | Para qué | +|---|---| +| [`CLAUDE.md`](CLAUDE.md) | Onboarding para agentes IA | +| [`docs/dev-strategy.md`](docs/dev-strategy.md) | Estrategia de desarrollo, estructura, milestones | +| [`devdocs/plan.md`](devdocs/plan.md) | Plan de implementación vivo | +| [`devdocs/progress.md`](devdocs/progress.md) | Estado real | +| [`devdocs/decisions.md`](devdocs/decisions.md) | Decisiones arquitectónicas (ADRs ligeros) | --- -## 📝 Scripts disponibles +## Stack técnico (resumen) -```bash -npm run dev # Desarrollo con Turbopack (hot reload) -npm run build # Build de producción optimizado -npm run start # Servidor de producción con la build generada -npm run lint # ESLint — análisis estático del código +``` +Frontend + Backend: Next.js 14 (App Router) → Vercel +UI: Tailwind + shadcn/ui +Agente de voz: Retell.ai + ElevenLabs (ES) +Telefonía: Zadarma (fijos provinciales) +WhatsApp: Evolution API (primario) / WA Business API (respaldo) +Render IA: Nano Banana 2 / Image 2 (+ Replicate fallback) +IA texto + vision: GPT-4o +DB: Postgres + Drizzle ORM +Storage: S3 (Cloudflare R2) +Email: SMTP +Analytics: PostHog +Testing: Vitest + Playwright ``` --- -## 🔗 Repositorio +## Equipo -GitHub: [McGregory99/reformix-hackaton](https://github.com/McGregory99/reformix-hackaton) +| Persona | Owner | +|---|---| +| **Carlos** | Producto + Voz agent + WhatsApp + Coordinación | +| **Simon** | Backend + IA pipeline + WhatsApp + SEO | +| **Goyo** | Motor de presupuesto + Dominio sector + Datos reales | +| **Antonio** | UI/UX + Creativos de ads | --- -*Desarrollado para el hackathon interno de Reformix.* +## Milestones + +| ID | Descripción | Fecha | +|---|---|---| +| M0 | Setup compartido | 24-may | +| M1 | Landings B2B + B2C live + ads activos | **28-may** 🎯 | +| M2 | Agente de voz validado | 30-may | +| M3 | Pipeline IA end-to-end | 4-jun | +| M4 | Panel reformista funcional | 6-jun | +| M5 | QA con 20 leads | 7-jun | +| M6 | Plan B grabado + ensayo demo | 9-jun | +| M7 | **Demo MVP** | **11-jun** 🎯 | + +--- + +## Licencia + +Privado / propietario hasta nuevo aviso. diff --git a/copy/COPY-GUIDE.md b/copy/COPY-GUIDE.md new file mode 100644 index 0000000..ca86765 --- /dev/null +++ b/copy/COPY-GUIDE.md @@ -0,0 +1,592 @@ +# Copy Guide — Reformix + +**Fecha:** 24-may-2026 +**Fuente:** [specs.md](../specs.md) + [negocio/modelo-negocio.md](../negocio/modelo-negocio.md) + [Resumen Entrevista](../Resumen%20Entrevista%20-%20Insights%20SaaS%20Reformas.md) + [Análisis Competencia](../Analisis%20de%20competencia.md) + +Esta guía cubre el copy de las **dos landings** (B2B reformista + B2C cliente final), los **scripts del agente de voz**, las **plantillas de WhatsApp** y las **notificaciones email**. La aplicación obligada antes de tocar diseño o código: no debe haber ni un lorem ipsum. + +--- + +## 1. Estrategia compartida + +### Value Proposition (one-liner por audiencia) + +- **B2B (reformista):** *"El asistente IA que llama a tus clientes en 2 minutos, les enseña cómo quedará su reforma y te los entrega ya cualificados."* +- **B2C (cliente final):** *"Recibe tu presupuesto de reforma en 5 minutos. Te llamamos en menos de 2."* + +### Positioning + +Somos los únicos en España que combinamos **captura instantánea del lead + llamada del agente IA + render visual + presupuesto desglosado + entrega por WhatsApp**, todo bajo la marca del reformista. STIMAT es back-office post-visita. NexoraSuite es chatbot sin visual. Habitissimo da contactos fríos sin pre-cualificar. RoomsGPT genera fotos bonitas sin presupuesto ni lead. Reformix junta los cinco ejes y los entrega en menos de 7 minutos punta a punta. + +### Awareness Level + +| Audiencia | Schwartz | Justificación | Implicación | +|---|---|---|---| +| Reformista | **Nivel 2** (Problem-Aware) | Sabe que pierde horas con presupuestos que no convierten, conoce el showrooming, pero no sabe que existe un agente de voz IA que llama por él | Hero debe abrir desde el **dolor concreto** (no desde el producto). Validar primero, vender después | +| Cliente final | **Nivel 2** (Problem-Aware) | Sabe que quiere reformar, tiene miedo a los sobrecostes, no se imagina el resultado, ha probado calculadoras que no le sirven | Hero debe ofrecer el **resultado inmediato** y la sensación de control (recibir presupuesto rápido sin compromiso) | + +### Tone of Voice + +**Para reformista (B2B):** +- **Somos:** directos, de igual a igual, profesionales, honestos con las limitaciones +- **NO somos:** condescendientes, "expertos en marketing" que dicen lo que el cliente quiere oír, llenos de jerga corporativa +- **Sí:** *"Tu cliente cuelga el teléfono y ya tiene su presupuesto en WhatsApp. Tú lo tienes en el panel."* +- **NO:** *"Optimizamos tu pipeline de captación para escalar tu negocio al siguiente nivel."* + +**Para cliente final (B2C):** +- **Somos:** cercanos, tranquilizadores, claros sobre el carácter orientativo, sin presión +- **NO somos:** spam de marketplace, prometedores de gangas, condescendientes +- **Sí:** *"Lo que recibes es una estimación. El precio real lo confirma tu reformista en visita gratuita."* +- **NO:** *"¡Presupuesto GRATIS en SEGUNDOS! ¡Aprovecha YA!"* + +### Trigger Map + +#### Para reformista (B2B) + +**Emocionales:** +- 😤 *"Hago presupuesto detallado y se va a la competencia que se lo deja más barato"* (showrooming — dolor #1 verbatim de la entrevista) +- 😩 *"Pierdo horas haciendo presupuestos a gente que después no contrata"* +- 😟 *"Mientras estoy en obra, los WhatsApps se enfrían"* +- 💪 *"Quiero que me elijan por confianza, no por precio"* + +**Racionales:** +- 78 % de clientes acepta el primer presupuesto rápido que recibe +- Ticket medio de reforma España: 10.000-50.000 € +- 80 % de clientes prefiere presupuestos con imágenes a texto plano +- Una obra extra al año a 25K€ y margen 15 % = 3.750 € ganados. Pro 79 € × 12 = 948 €. ROI 4×. + +**User language (verbatim entrevista):** +- *"Es canela fina"* +- *"El sector es deshonesto"* +- *"No me sale a cuenta hacer 3D para un solo baño"* +- *"El cliente toma la decisión así, rápido, cuando ve la imagen"* + +#### Para cliente final (B2C) + +**Emocionales:** +- 😰 *"No sé cuánto me va a costar y tengo miedo a que se dispare"* +- 😨 *"Me da palo que vengan a casa solo a verlo"* +- 🤷 *"No me imagino cómo va a quedar mi baño"* +- 🙏 *"Quiero estar tranquilo de que no me van a timar"* + +**Racionales:** +- Recibe presupuesto en 5 minutos sin moverse de casa +- No tiene que coordinar visitas hasta estar seguro +- Ve cómo quedará la reforma antes de comprometerse + +**User language:** +- *"¿Cuánto me va a costar reformar el baño?"* +- *"¿Y si me sale más caro de lo que dicen?"* +- *"Quiero ver cómo queda con esos azulejos"* + +### Objeciones a resolver + +#### Reformista + +| Objeción | Tipo | Sección donde se resuelve | Técnica | +|---|---|---|---| +| *"¿Y si el render no se parece a lo que voy a hacer?"* | 🤔 | FAQ + sección "Cómo funciona" | Honestidad: *"Es orientativo. Tu visita sigue siendo la que cierra. El render abre la puerta."* | +| *"Mis clientes verán un precio fijo que después no podré cumplir"* | 🔧 | Hero + microcopy del demo | Presupuesto se entrega como **rango**, no precio fijo. Disclaimer claro | +| *"Otra herramienta más para configurar y mantener"* | ⏰ | Sección "Cómo funciona" + FAQ | *"Configuras una vez. El agente aprende tu negocio en 10 minutos"* | +| *"79 € es caro para mi"* | 💰 | Pricing + ROI calc | *"Cierra una obra extra al año y te paga el SaaS 4 veces"* | +| *"Mis clientes son mayores, no usarán esto"* | 🤔 | FAQ + demo embebida | El cliente solo deja teléfono y sube fotos. La conversación es por llamada de voz. *"Sabe usar WhatsApp, sabe usar esto"* | + +#### Cliente final + +| Objeción | Tipo | Sección donde se resuelve | Técnica | +|---|---|---|---| +| *"¿Es real que me llamen en 2 minutos?"* | 🤔 | Hero + bloque "Cómo funciona" | Cuenta atrás visible tras subir fotos. Aviso por SMS + WhatsApp con el número exacto | +| *"¿El precio que me digan será el real?"* | 💰 | Disclaimer en cada pantalla + WhatsApp final | *"Es orientativo. El definitivo lo confirma tu reformista en visita gratuita"* | +| *"¿Para qué quieren mi teléfono?"* | 🤔 | Microcopy bajo el form | *"Solo para llamarte y entregarte tu presupuesto. No spam. Puedes pedir baja en cualquier momento"* | +| *"¿Es una IA hablándome o un humano?"* | 🤔 | Aviso al inicio de la llamada (AI Act) | Agente se identifica como asistente virtual | + +--- + +## 2. Landing B2B — Reformistas + +### Hero + +- **Eyebrow:** Para empresas y autónomos de reformas +- **H1:** **Tus clientes verán su reforma antes de llamarte** +- **Subtitle:** El asistente IA habla con ellos, les enseña cómo quedará y te los entrega cualificados. Tú llegas a la visita con el presupuesto ya en la mesa. +- **CTA primario:** *Pruébalo gratis 14 días* +- **CTA secundario:** *Ver una demo real* +- **Trust text bajo CTA:** Sin tarjeta. Sin instalaciones. 10 minutos para configurarlo. + +### Bloque "Lo que está roto hoy" + +- **Título:** Cada presupuesto que haces es una apuesta +- **Pain 1:** ⏱ **Horas perdidas** — Sales a verlo, lo presupuestas con detalle, el cliente desaparece. Tu coste por lead que no convierte: 60-90 € entre desplazamiento y tiempo. +- **Pain 2:** 🥶 **Se enfrían en WhatsApp** — Mientras estás en obra, el cliente espera respuesta y consulta a la competencia. +- **Pain 3:** 🏃 **Se van con tu trabajo** — Hacen el presupuesto contigo, lo llevan al de al lado para que se lo baje, y tú pierdes una obra que era tuya. + +### Bloque "Cómo funciona Reformix" + +- **Título:** Le pones la herramienta en tu web. El resto lo hace ella. +- **Subtitle:** Tú configuras tu catálogo y tus precios una vez. A partir de ahí, cada lead que entra recorre estos 5 pasos sin tocar nada. + +- **Paso 1 — El cliente entra a tu web y deja sus datos** + Nombre, teléfono y una foto de su cocina o baño. 60 segundos. + +- **Paso 2 — Lo llamamos en menos de 2 minutos** + Desde un fijo de su provincia. No un 900. Un número local que descuelgan. + +- **Paso 3 — El asistente IA le cualifica conversando** + Tipo de reforma, calidades, presupuesto que tiene en mente, urgencia. La conversación se transcribe y se estructura sola. + +- **Paso 4 — Generamos el render y el presupuesto desglosado** + En 60 segundos tras colgar. Con tu marca, tu logo y tus partidas. + +- **Paso 5 — Tu cliente lo recibe por WhatsApp. Tú lo recibes en tu panel** + Con la transcripción completa, las preferencias, el render y el desglose. Llegas a la visita sabiendo todo. + +### Bloque "Lo que esto cambia" + +- **Título:** Una conversación honesta sobre lo que te va a pasar +- **Benefit 1 — Vas a cerrar más obras** + Tus competidores hacen presupuesto por WhatsApp en 6 horas. Tú lo tienes hecho en 5 minutos. Y con render. El cliente decide rápido. +- **Benefit 2 — Vas a desplazarte menos para nada** + Los leads llegan pre-cualificados con presupuesto target y urgencia. La visita ya tiene un sentido claro. +- **Benefit 3 — Vas a recuperar tu noche** + No más responder WhatsApps a las 23:00. El asistente IA está disponible 24/7. + +### Bloque "Por qué funciona" (validación) + +- **Título:** No es nuestra opinión. Es lo que dice el sector. +- **Dato 1:** *"El 78 % de los clientes acepta el primer presupuesto rápido que recibe — por encima incluso del precio final"* — NexoraSuite, estudio sector reformas 2025 +- **Dato 2:** *"En España, el ticket medio de una reforma de baño + cocina está entre 10.000 € y 50.000 €"* — Wolly, Cómo presupuestar una reforma 2025 +- **Dato 3:** *"El 80 % de clientes prefiere presupuestos con imágenes a texto plano"* — Plan Reforma, encuesta a particulares + +### Bloque "Pricing" + +- **Título:** Paga por lo que cierras, no por estar en la lista +- **Subtitle:** Cada lead procesado incluye llamada + render + presupuesto + entrega. Si tu mes va bien, pagas el overage. Si va flojo, no. + +#### Tarjeta Starter +- **Precio:** 29 €/mes +- **Para:** Autónomos que arrancan +- **Incluye:** 5 leads procesados / mes · 3 €/lead extra · Hasta 100 contactos retenidos · Branding básico +- **CTA:** *Empezar gratis 14 días* + +#### Tarjeta Pro ⭐ (destacada) +- **Eyebrow:** Recomendado para empresas de 2-10 personas +- **Precio:** 79 €/mes +- **Incluye:** 15 leads procesados / mes · 2,50 €/lead extra · White-label completo · Sub-flujo experto licencia urbanística · Integraciones con Holded / Stel · Soporte prioritario +- **CTA:** *Empezar gratis 14 días* + +#### Tarjeta Business +- **Precio:** 199 €/mes +- **Para:** Empresas medianas o multi-localización +- **Incluye:** 50 leads procesados / mes · 2 €/lead extra · Usuarios ilimitados · API · Multi-zona · Custom price book · Dashboard analytics +- **CTA:** *Hablar con ventas* + +**Bloque común bajo las tarjetas:** +- *Trial 14 días sin tarjeta. Anual con 2 meses gratis.* +- *Si en el trial no recibes al menos 3 leads cualificados, el primer mes pagado te lo devolvemos.* + +### Bloque "Próximamente" (waitlist) + +- **Título:** Lo siguiente en el roadmap (apúntate y entras antes) + +- **Próximamente 1 — Doble nomenclatura asistida** + *"La IA convierte tus referencias internas en códigos genéricos automáticamente. El cliente no se puede ir a la competencia con la marca exacta de tus materiales."* + CTA: *Apuntarme a la waitlist* + +- **Próximamente 2 — Sello Precio Justo Certificado** + *"Tu histórico de presupuestos preciso te diferencia. Los reformistas que cumplen lo que prometen llevan el sello."* + CTA: *Quiero el sello cuando esté* + +### Bloque "Quiénes somos" + +- **Título:** Construimos un mercado de reformas más justo +- **Body:** Estamos cansados de un sector donde el honesto pierde clientes contra el que cobra de menos y después no cumple. Reformix premia al profesional serio: con velocidad, con visibilidad y, en breve, con un sello que tu cliente puede verificar antes de elegirte. + +### FAQ + +- **Q:** ¿Y si el render no se parece a la reforma real? + **A:** El render es orientativo, igual que el presupuesto. Sirve para que el cliente se haga una idea visual y se acerque emocionalmente a contratar. Tu visita sigue siendo la que cierra: el render abre la puerta. + +- **Q:** ¿Mis clientes verán precios "reales" que después no podré cumplir? + **A:** No. El presupuesto se entrega siempre como **rango** (ej. 4.500-6.200 €) y con disclaimer claro: *"El precio definitivo lo confirma tu reformista en visita gratuita"*. Tú llegas a la visita y ajustas. + +- **Q:** ¿Puedo personalizar la tabla de precios para mi zona y mi catálogo? + **A:** Sí, desde el primer día. Vienes con una tabla base validada para España (datos reales de mercado) y la ajustas a tus partidas, tus márgenes y tu zona. Tarda 10-15 minutos. + +- **Q:** ¿Cómo se integra en mi web? ¿Necesito un programador? + **A:** No. Te damos un snippet `