const TLFooter = () => { const scrollTo = (id) => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; const cols = [ { title: 'Servicios', links: ['Construcción','Mantenimiento','Albercas','Jardinería','Electricidad','Plomería','Limpieza','Aires Acondicionados','Paneles Solares','RFID Hotelero','Automatización'] }, { title: 'Empresa', links: ['Sobre nosotros','Portafolio','Productos','Blog','Aviso de privacidad','Términos de servicio'] }, { title: 'Navegación', links: ['Inicio','Servicios','Portafolio','Productos','Cotizar','Contacto'] }, ]; const navIds = { 'Inicio':'inicio','Servicios':'servicios','Portafolio':'portafolio','Productos':'productos','Cotizar':'cotizar','Contacto':'contacto' }; return ( ); }; // Emergency button component const TLEmergency = () => { const [open, setOpen] = React.useState(false); return (
{open && (
Emergencias 24/7
Plomería · Electricidad · A/C · Mantenimiento urgente
{[['(55) 2908 6846', 'tel:5529086846'],['(998) 385 4149','tel:9983854149']].map(([num, href]) => ( e.currentTarget.style.background = '#F5F5F7'} onMouseLeave={e => e.currentTarget.style.background = '#F5F5F7'} > {num} ))}
)}
); }; // WhatsApp floating button const TLWhatsApp = () => ( { e.currentTarget.style.transform = 'scale(1.1)'; e.currentTarget.style.boxShadow = '0 12px 40px rgba(37,211,102,0.5)'; }} onMouseLeave={e => { e.currentTarget.style.transform = 'scale(1)'; e.currentTarget.style.boxShadow = '0 8px 32px rgba(37,211,102,0.4)'; }} > ); Object.assign(window, { TLFooter, TLEmergency, TLWhatsApp });