COTIZADOR ROOFING PRO

Cotizador de servicios de techado (roofing) para Windmar Home Puerto Rico. El asesor mide el área del techo sobre un mapa interactivo, elige el nivel de servicio, aplica descuentos y genera una propuesta en PDF lista para el cliente.

✨ Características

• Medición de área dibujando el polígono del techo sobre un mapa interactivo (Leaflet + OpenStreetMap)
• Tres niveles de servicio: Silver / Gold / Platinum
• Sistema de descuentos (Firma y Gana, Cliente VIP)
• Cálculo de precio en tiempo real (precio por pie², remoción, pronto pago)
• Splash screen animado con tema de sellado de silicón
• Exportación de la propuesta a PDF
• Modo claro / oscuro

🛠️ Stack

• Framework / build: React 19 + TypeScript + Vite 6
• Estilos: Tailwind CSS 4
• Mapas: Leaflet + react-leaflet
• PDF: jsPDF + html2canvas + pdf-lib
• Animaciones: Motion (Framer Motion)
• Iconos: Lucide React
• Deploy: Vercel (también soporta Netlify; ambos como SPA con rewrite a index.html)

🚀 Setup local

npm install
npm run dev
# http://localhost:3000

El servidor de desarrollo corre en el puerto 3000 (vite --port=3000 --host=0.0.0.0).

🔑 Variables de entorno

No requiere variables de entorno. El mapa usa Leaflet / OpenStreetMap, que no necesitan API key.

Nota: el package.json lista @google/genai como dependencia, pero actualmente no se usa en el código fuente.

📜 Scripts

• npm run dev — servidor de desarrollo (puerto 3000)
• npm run build — build de producción a dist/
• npm run preview — sirve el build de producción localmente
• npm run clean — elimina la carpeta dist/
• npm run lint — chequeo de tipos con tsc --noEmit

🌐 Deploy

• Vercel: SPA con rewrite de todas las rutas a /index.html (vercel.json).
• Netlify: command = "npm run build", publish = "dist", redirect SPA /* → /index.html (netlify.toml).

📄 Licencia

Propietario — Windmar Home PR. Uso interno.