/* eslint-disable */ const { Icon, Tool, WhinkLogo, Reveal } = window.Whink; const { useState, useEffect, useRef } = React; /* ============== PRICING ============== */ function PricingSection() { const factors = [ ['Conversaciones y mensajes', 'El volumen mensual de conversaciones y mensajes que procesará el agente.'], ['Complejidad de integraciones', 'La cantidad y complejidad de sistemas, APIs y herramientas a conectar.'], ['Funciones requeridas', 'Las capacidades específicas que necesita tu operación.'], ['Base de conocimiento', 'El volumen y complejidad de la información con la que operará el agente.']]; const bullets = [ 'Agente IA personalizado', 'Integraciones con tus sistemas y herramientas', 'Funciones específicas para tu operación', 'Acceso completo a la plataforma Whink']; return (
Precio Un plan mensual pensado específicamente para tu negocio Cada negocio es diferente, por eso armamos propuestas personalizadas para cada cliente según su caso específico.
Tu plan

Personalizado

Un plan para tu caso, tu operación y tus objetivos.

    {bullets.map((b) =>
  • {b}
    • )}
Cotizar plan
¿De qué depende el precio?
{factors.map(([t, d], i) => 0{i + 1}
{t}

{d}

 )}
); } /* ============== FAQ ============== */ function FAQItem({ q, a, isOpen, onToggle }) { const contentRef = useRef(null); const wrapRef = useRef(null); useEffect(() => { const wrap = wrapRef.current; const content = contentRef.current; if (!wrap || !content) return; wrap.style.height = isOpen ? content.scrollHeight + 'px' : '0px'; }, [isOpen]); return (
{a}
); } function FAQSection() { const items = [ ['¿En qué se diferencia un Agente Whink de un chatbot tradicional?', 'Un chatbot responde, un Agente Whink actúa: razona sobre lo que recibe, se integra con tus herramientas y ejecuta tareas reales de principio a fin, automatizando procesos de tu operación.'], ['¿Mi información está segura?', 'Trabajamos con infraestructura privada, datos cifrados y controles de acceso por roles. Cada implementación cumple con buenas prácticas de seguridad y privacidad.'], ['¿Qué pasa si el agente no entiende una consulta?', 'El agente está diseñado para detectar cuándo una conversación necesita intervención humana y derivar el caso a tu equipo con todo el contexto necesario.'], ['¿Necesito conocimientos técnicos para usarlo?', 'No. Nosotros nos encargamos de todo el setup, la configuración y el mantenimiento. Vos solo te enfocás en tu negocio.'], ['¿La integración con WhatsApp es oficial?', 'Somos Meta Business Partner certificados, lo que garantiza una integración segura, estable y dentro de las políticas de Meta. Trabajamos tanto con la API oficial de WhatsApp Business como con WhatsApp Coexistence.'], ['¿Puedo conectar mi agente con sistemas que ya uso?', 'Sí. Whink se integra con CRMs, ERPs, planillas, bases de datos, calendarios, plataformas de e-commerce y prácticamente cualquier herramienta que use tu negocio.'], ['¿Puedo modificar al agente después de implementado?', 'Sí. Hacemos seguimiento continuo y ajustamos al agente según feedback, nuevos procesos o cambios en tu operación.']]; const [open, setOpen] = useState(-1); return (
FAQ Preguntas frecuentes
{items.map(([q, a], i) => setOpen(open === i ? -1 : i)} /> )}

¿Seguís teniendo dudas?

Contacta a nuestro equipo
); } /* ============== CONTACT FORM ============== */ function ContactSection() { const COUNTRIES = [ ['🇦🇷 +54', 'AR'], ['🇺🇾 +598', 'UY'], ['🇨🇱 +56', 'CL'], ['🇧🇷 +55', 'BR'], ['🇵🇾 +595', 'PY'], ['🇧🇴 +591', 'BO'], ['🇵🇪 +51', 'PE'], ['🇨🇴 +57', 'CO'], ['🇲🇽 +52', 'MX'], ['🇪🇸 +34', 'ES'], ['🇺🇸 +1', 'US']]; const PHONE_RULES = { AR: { min: 10, max: 10, placeholder: '11 5555 5555', hint: '10 dígitos (sin 0 ni 15)' }, UY: { min: 8, max: 8, placeholder: '99 555 555', hint: '8 dígitos' }, CL: { min: 9, max: 9, placeholder: '9 5555 5555', hint: '9 dígitos' }, BR: { min: 10, max: 11, placeholder: '11 95555 5555', hint: '10 u 11 dígitos' }, PY: { min: 9, max: 9, placeholder: '981 555 555', hint: '9 dígitos' }, BO: { min: 8, max: 8, placeholder: '7 555 5555', hint: '8 dígitos' }, PE: { min: 9, max: 9, placeholder: '9 5555 5555', hint: '9 dígitos' }, CO: { min: 10, max: 10, placeholder: '300 555 5555', hint: '10 dígitos' }, MX: { min: 10, max: 10, placeholder: '55 5555 5555', hint: '10 dígitos' }, ES: { min: 9, max: 9, placeholder: '6 5555 5555', hint: '9 dígitos' }, US: { min: 10, max: 10, placeholder: '212 555 5555', hint: '10 dígitos' }, }; const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/; const isValidEmail = (v) => EMAIL_RE.test(v.trim()); const isValidPhone = (v, country) => { const digits = (v || '').replace(/\D/g, ''); const r = PHONE_RULES[country]; if (!r) return digits.length >= 7; return digits.length >= r.min && digits.length <= r.max; }; const [form, setForm] = useState({ name: '', email: '', country: 'AR', phone: '', company: '', industry: '', message: '' }); const [touched, setTouched] = useState({}); const [sent, setSent] = useState(false); const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); const touch = (k) => () => setTouched((t) => ({ ...t, [k]: true })); const emailError = touched.email && form.email.trim() && !isValidEmail(form.email) ? 'Ingresá un email válido (ejemplo@dominio.com)' : ''; const phoneError = touched.phone && form.phone.trim() && !isValidPhone(form.phone, form.country) ? `Ingresá un número válido (${PHONE_RULES[form.country]?.hint || '7 a 15 dígitos'})` : ''; const formIsValid = form.name.trim() && isValidEmail(form.email) && isValidPhone(form.phone, form.country) && form.company.trim() && form.industry.trim() && form.message.trim(); const submit = (e) => { e.preventDefault(); if (!formIsValid) return; setSent(true); }; return (
Empezar

Escribinos y te mostramos cómo la IA puede trabajar para vos.

Contanos sobre tu negocio, preguntanos lo que quieras. Te respondemos con un diagnóstico inicial y una propuesta concreta.

Ubicación
Argentina · Buenos Aires
{emailError && {emailError}}
{phoneError && {phoneError}}