// ReservAI Landing — Contacto + Footer responsive const { useState: useStateC } = React; function useIsMobile() { const [m, setM] = React.useState(window.innerWidth < 768); React.useEffect(() => { const h = () => setM(window.innerWidth < 768); window.addEventListener('resize', h); return () => window.removeEventListener('resize', h); }, []); return m; } const WA_LINK = 'https://wa.me/523314627189?text=Hola%2C%20me%20interesa%20ReservAI'; const IG_LINK = 'https://www.instagram.com/reservai.mx/'; function Contacto() { const [form, setForm] = useStateC({ nombre: '', negocio: '', telefono: '', plan: '', terminos: false }); const [sent, setSent] = useStateC(false); const [focused, setFocused] = useStateC(null); const [loading, setLoading] = useStateC(false); const [error, setError] = useStateC(null); const isMobile = useIsMobile(); if (sent) { return (

¡Mensaje enviado!

Nos comunicaremos contigo pronto para iniciar con el proceso.

); } const handleSubmit = async () => { if (!form.nombre || !form.negocio || !form.telefono || !form.plan) { setError('Por favor completa todos los campos.'); return; } if (!form.terminos) { setError('Debes aceptar los términos y condiciones.'); return; } setError(null); setLoading(true); try { const res = await fetch('/api/webhook', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Source': 'ReservAI-Landing' }, body: JSON.stringify({ nombre: form.nombre, negocio: form.negocio, telefono: form.telefono, plan: form.plan }), }); if (!res.ok) throw new Error('Error al enviar'); setSent(true); } catch { setError('Hubo un error al enviar. Intenta de nuevo o escríbenos por WhatsApp.'); } finally { setLoading(false); } }; const fields = [ { key: 'nombre', label: 'Nombre completo', placeholder: 'Tu nombre', type: 'text' }, { key: 'negocio', label: 'Nombre del negocio', placeholder: 'Mi negocio', type: 'text' }, { key: 'telefono', label: 'Teléfono', placeholder: '10 dígitos', type: 'tel' }, ]; return (
Empieza hoy

¿Te interesa ReservAI?

Cuéntanos de tu negocio y nos pondremos en contacto. O escríbenos directo por nuestras redes.

{/* Form */}
{fields.map(f => (
setForm(p => ({ ...p, [f.key]: e.target.value }))} onFocus={() => setFocused(f.key)} onBlur={() => setFocused(null)} placeholder={f.placeholder} style={{ width: '100%', padding: '13px 14px', background: 'rgba(0,0,0,.4)', border: `1px solid ${focused === f.key ? '#0983d6' : 'rgba(255,255,255,.12)'}`, borderRadius: 10, color: '#fff', fontSize: '.95rem', outline: 'none', fontFamily: 'inherit', transition: 'all .25s ease', boxShadow: focused === f.key ? '0 0 0 3px rgba(9,131,214,.15)' : 'none', boxSizing: 'border-box', }} />
))}
{error && (
{error}
)}
{/* Sidebar — Redes */}

¿Tienes dudas?

Escríbenos directamente, te respondemos en minutos.

{/* WhatsApp card */} { e.currentTarget.style.background = 'rgba(37,211,102,.15)'; e.currentTarget.style.transform = 'translateY(-2px)'; e.currentTarget.style.borderColor = '#25D366'; }} onMouseLeave={e => { e.currentTarget.style.background = 'rgba(37,211,102,.08)'; e.currentTarget.style.transform = 'none'; e.currentTarget.style.borderColor = 'rgba(37,211,102,.3)'; }} >
WhatsApp
+52 33 1462 7189
 {/* Instagram card */} { e.currentTarget.style.background = 'rgba(225,48,108,.13)'; e.currentTarget.style.transform = 'translateY(-2px)'; e.currentTarget.style.borderColor = '#E1306C'; }} onMouseLeave={e => { e.currentTarget.style.background = 'rgba(225,48,108,.06)'; e.currentTarget.style.transform = 'none'; e.currentTarget.style.borderColor = 'rgba(225,48,108,.25)'; }} >
Instagram
@reservai.mx
{/* Quick badge */}
Respuesta rápida
Te contactamos en menos de 24 hrs.
); } function Footer() { const isMobile = useIsMobile(); return ( ); } Object.assign(window, { Contacto, Footer });