const { PillButton, Input, ContactCard, SectionHeading, IconBadge, HexagonPattern } = window.CerrajerosLaSaforDesignSystem_88370e; const RL_WINDOW_MS = 15 * 60 * 1000; // 15 minutes const RL_MAX = 3; // max submissions per window const RL_COOLDOWN = 5 * 1000; // 5 seconds between submits function getRateLimitState() { try { const raw = localStorage.getItem('form_rl'); return raw ? JSON.parse(raw) : { count: 0, firstAt: null, lastAt: null }; } catch { return { count: 0, firstAt: null, lastAt: null }; } } function saveRateLimitState(s) { try { localStorage.setItem('form_rl', JSON.stringify(s)); } catch {} } function checkRateLimit() { const s = getRateLimitState(); const now = Date.now(); // Reset window if expired if (s.firstAt && (now - s.firstAt) > RL_WINDOW_MS) { const fresh = { count: 0, firstAt: null, lastAt: null }; saveRateLimitState(fresh); return { allowed: true }; } // Cooldown check if (s.lastAt && (now - s.lastAt) < RL_COOLDOWN) { const remaining = Math.ceil((RL_COOLDOWN - (now - s.lastAt)) / 1000); return { allowed: false, reason: `Espera ${remaining}s antes de enviar otro mensaje.` }; } // Window count check if (s.count >= RL_MAX) { const resetAt = s.firstAt + RL_WINDOW_MS; const mins = Math.ceil((resetAt - now) / 60000); return { allowed: false, reason: `Has enviado demasiados mensajes. Inténtalo en ${mins} min.` }; } return { allowed: true }; } function recordRateLimit() { const s = getRateLimitState(); const now = Date.now(); s.count = (s.firstAt && (now - s.firstAt) <= RL_WINDOW_MS) ? s.count + 1 : 1; if (!s.firstAt || (now - s.firstAt) > RL_WINDOW_MS) s.firstAt = now; s.lastAt = now; saveRateLimitState(s); } function SiteContact() { const [form, setForm] = React.useState({ nombre: '', telefono: '', problema: '' }); const [errors, setErrors] = React.useState({}); const [sent, setSent] = React.useState(false); const [rlError, setRlError] = React.useState(null); const submit = (e) => { e.preventDefault(); setRlError(null); const er = {}; if (!form.nombre.trim()) er.nombre = 'Indica tu nombre.'; if (!form.telefono.trim()) er.telefono = 'Indica tu teléfono.'; if (!form.problema.trim()) er.problema = 'Describe el problema.'; setErrors(er); if (Object.keys(er).length !== 0) return; const rl = checkRateLimit(); if (!rl.allowed) { setRlError(rl.reason); return; } recordRateLimit(); setSent(true); }; const Ic = (n) => ; return (
{/* Floating contact cards — absolutely positioned, half over the dark band */}
{/* Dark band */}
¿Necesitas ayuda
ahora mismo?} size="lg" tone="dark" />

Llámanos o escríbenos por WhatsApp — respondemos de inmediato, las 24 horas del día.

Llamar ahora WhatsApp
Tiempo medio de llegada
30 minutos
{/* Form card */}
{sent ? (

¡Mensaje listo!

Te abrimos WhatsApp para enviarlo. Respondemos enseguida.

) : (

Cuéntanos tu caso

setForm(f=>({...f,nombre:e.target.value}))} /> setForm(f=>({...f,telefono:e.target.value}))} /> setForm(f=>({...f,problema:e.target.value}))} /> {rlError && (
{rlError}
)} )}
{/* Google Maps */}