import { useState, useEffect } from "react"; // ═══════════════════════════════════════════════════════════════════════════ // ✅ INSTRUCCIONES DE DESPLIEGUE — LEE ESTO ANTES DE PUBLICAR // ─────────────────────────────────────────────────────────────────────────── // Cuando descargues el proyecto, guarda tus dos imágenes oficiales en: // // /public/logo.png ← El logo principal (BOXSINC SYSTEMS · AI AUTOMATION) // /public/favicon.ico ← El icono hexagonal BS para la pestaña del navegador // // Con esos nombres exactos y en esa carpeta exacta, el navegador y el // servidor (Vite / CRA / Next.js) los servirán automáticamente en producción. // No necesitas cambiar ninguna ruta del código. // ═══════════════════════════════════════════════════════════════════════════ // Ruta de producción → /public/logo.png // En el preview del editor se carga desde los uploads subidos const LOGO_PATH = "/mnt/user-data/uploads/logo_png.png"; // ↑ En tu proyecto final cambia esta línea por: // const LOGO_PATH = "/logo.png"; // Componente Logo reutilizable // El logo oficial es aprox. cuadrado (icono + texto apilados). // Usamos height fija y width auto para respetar proporciones. // mixBlendMode:"multiply" hace transparente el fondo blanco sobre fondos oscuros. function Logo({ height = 48, style = {} }) { const [imgError, setImgError] = useState(false); if (imgError) { // SVG de respaldo profesional (solo visible si /public/logo.png no existe) return ( BOXSINC SYSTEMS ); } return ( /* ✅ Logo oficial → /public/logo.png height controla el tamaño; width:auto respeta proporciones del original. mixBlendMode:"multiply" elimina el fondo blanco sobre el navbar oscuro. Cuando tengas un PNG con fondo transparente, puedes quitar el mixBlendMode. */ Boxsinc Systems — AI Automation setImgError(true)} /> ); } const CALENDLY_URL = "https://calendly.com/contacto-boxsinc/30min"; const NAV_LINKS = ["Servicios", "Seguridad", "Precios", "ROI", "FAQ"]; const PLANS = [ { id: "basico", name: "Básico", label: "Asistente IA para WhatsApp", focus: "Para clínicas que quieren descongestionar la atención escrita y captar tráfico fuera de horario comercial.", setup: "799€", monthly: "499€", popular: false, features: [ "Agente Conversacional en WhatsApp Business 24/7", "Agendamiento automático de citas en tu software médico", "Calificación y filtrado de pacientes antes de reservar", "Derivación inteligente a recepción para casos complejos", ], }, { id: "intermedio", name: "Intermedio", label: "Agente de Voz IA · Recepcionista Virtual", focus: "Para clínicas con alta saturación telefónica que quieren eliminar el contestador automático para siempre.", setup: "1.199€", monthly: "699€", popular: false, features: [ "Agente de Voz Inteligente para Teléfono (voz clonada natural)", "Gestión automática de desbordamiento y fuera de horario", "Reserva, modificación y cancelación de citas por voz", "Derivación inteligente a recepción para casos complejos", ], }, { id: "premium", name: "Premium", label: "Ecosistema Completo + Motor de Reactivación", focus: "Para clínicas consolidadas que buscan un crecimiento agresivo explotando su base de datos.", setup: "1.999€", monthly: "1.299€", popular: true, features: [ "Todo lo incluido en Plan Básico y Plan Intermedio (Voz + WhatsApp)", "Motor Activo de Reactivación de Pacientes inactivos por WhatsApp", "Sistema inteligente de Recordatorios Anti-Ausentismo", ], }, ]; const FAQS = [ { q: "¿Los datos de mis pacientes están seguros?", a: "Absolutamente. Todos los datos se procesan con encriptación AES-256 de extremo a extremo y nunca salen de servidores europeos certificados ISO 27001. Firmamos un contrato de confidencialidad LOPD/RGPD antes de comenzar cualquier proyecto." }, { q: "¿Cuánto tiempo tarda la implantación?", a: "El onboarding completo se realiza en 7-14 días laborables. Nuestro equipo se encarga de toda la configuración técnica. Tú solo necesitas 1-2 horas para la sesión de briefing inicial." }, { q: "¿Funciona con mi software de gestión actual (Gesden, Dentix, etc.)?", a: "Sí. Tenemos conectores para los principales softwares del sector dental. Si el tuyo no está en nuestra lista, desarrollamos la integración bajo petición." }, { q: "¿Qué pasa si quiero cancelar?", a: "Puedes cancelar con 15 días de antelación a partir del tercer mes. Los primeros 2 meses son obligatorios: es el tiempo mínimo que necesita el sistema para aprender, optimizarse y mostrarte resultados reales. Cancelar antes sería como apagar el motor antes de salir del garaje. A partir del mes 3, el contrato es mensual y sin ataduras. Siempre te entregaremos todos tus datos exportados." }, { q: "¿Los consumos de API de OpenAI/Google van aparte?", a: "Sí, por transparencia absoluta los consumos de API se vinculan directamente a la tarjeta de la clínica. Así controlas exactamente cuánto gastas y no hay sorpresas en tu factura mensual con nosotros." }, { q: "¿Puedo ver resultados antes de los 30 días?", a: "La mayoría de clientes ven los primeros leads automatizados en la primera semana. El ROI completo se aprecia en el segundo mes cuando los flujos de reactivación empiezan a funcionar a pleno rendimiento." }, ]; const SECURITY_ITEMS = [ { icon: "🔒", title: "Encriptación E2E", desc: "AES-256 en tránsito y reposo. Servidores europeos ISO 27001." }, { icon: "📄", title: "Contrato LOPD/RGPD", desc: "Firmamos DPA (Data Processing Agreement) antes del inicio." }, { icon: "🇪🇺", title: "Cumplimiento RGPD", desc: "100% conforme con el Reglamento Europeo de Protección de Datos." }, { icon: "🔑", title: "Acceso controlado", desc: "Zero-trust architecture. Solo tu clínica accede a sus datos." }, { icon: "🌐", title: "Servidores en España/EU", desc: "Los datos nunca salen de la Unión Europea." }, { icon: "🤖", title: "IA Ética y Segura", desc: "Consumos de IA vinculados a tu tarjeta para total transparencia." }, ]; const TECH_STATS = [ { value: "<1s", label: "Tiempo de respuesta IA", sub: "GPT-4o en producción" }, { value: "RGPD", label: "Cumplimiento legal", sub: "Servidores EU · LOPD" }, { value: "24/7", label: "Disponibilidad", sub: "Sin festivos ni vacaciones" }, ]; export default function App() { const [cookieVisible, setCookieVisible] = useState(true); const [cookieConfig, setCookieConfig] = useState(false); const [lostCalls, setLostCalls] = useState(30); const [inactivePatients, setInactivePatients] = useState(500); const [avgTreatment, setAvgTreatment] = useState(700); const [openFaq, setOpenFaq] = useState(null); const [navScrolled, setNavScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { const h = () => setNavScrolled(window.scrollY > 40); window.addEventListener("scroll", h); // ✅ FAVICON — inyectado en el del documento // En producción el archivo debe estar en: /public/favicon.ico // const existing = document.querySelector("link[rel~='icon']"); if (!existing) { const link = document.createElement("link"); link.rel = "icon"; // Preview: carga desde uploads. En producción cambia a: "/favicon.ico" link.href = "/mnt/user-data/uploads/favicon_ico.png"; link.type = "image/x-icon"; document.head.appendChild(link); } document.title = "Boxsinc Systems · IA para Clínicas Dentales"; return () => window.removeEventListener("scroll", h); }, []); const PREMIUM_PRICE = 1299; const scrollTo = (id) => { document.getElementById(id)?.scrollIntoView({ behavior: "smooth" }); setMenuOpen(false); }; return (
{/* MOBILE MENU OVERLAY */}
{/* Logo en menú móvil — screen blend para fondo oscuro */} {NAV_LINKS.map(l => ( ))} Auditoría Gratuita
{/* NAV */} {/* HERO */}
Especialistas en IA para Clínicas Dentales

Tu clínica dental,
automatizada con IA

Recuperamos pacientes inactivos, automatizamos tu recepción y llenamos tu agenda — mientras tú te dedicas a tratar pacientes.

🎯 Reservar Auditoría Gratuita
{/* TECH CREDIBILITY STATS */}
{TECH_STATS.map(s => (
{s.value}
{s.label}
{s.sub}
))}
{/* POWERED BY */}
Tecnología sobre {["OpenAI GPT-4o", "Twilio", "Whisper AI", "Make / n8n"].map(t => ( {t} ))}
{/* SERVICES */}

¿Qué automatizamos en tu clínica?

Sistemas de IA conectados que trabajan en paralelo para que no pierdas ninguna oportunidad.

{[ { icon: "💬", title: "Agente WhatsApp 24/7", desc: "Responde preguntas, agenda citas y envía presupuestos automáticamente. Nunca más un paciente sin atender.", accent: "#00C896" }, { icon: "🎙️", title: "Recepcionista por Voz IA", desc: "Atiende llamadas, gestiona la agenda y filtra consultas. Como una recepcionista, pero sin festivos ni vacaciones.", accent: "#1E9AFF" }, { icon: "🔄", title: "Reactivación de Pacientes", desc: "Detecta pacientes inactivos y lanza campañas personalizadas para que vuelvan. El dinero ya está en tu base de datos.", accent: "#00C896" }, { icon: "🔗", title: "Integración con tu Software", desc: "Compatible con Gesden, Dentix, Cadi y más. Conectamos la IA con tu flujo actual sin interrumpir tu trabajo.", accent: "#1E9AFF" }, ].map(s => (
{ e.currentTarget.style.borderColor = s.accent + "44"; e.currentTarget.style.transform = "translateY(-4px)"; }} onMouseLeave={e => { e.currentTarget.style.borderColor = "rgba(255,255,255,.08)"; e.currentTarget.style.transform = "translateY(0)"; }}>
{s.icon}

{s.title}

{s.desc}

))}
{/* SECURITY / PAIN POINTS */}
😤 ¿Te suena alguno de estos problemas?

Los dolores de cabeza que
Boxsinc elimina de raíz

Cada uno de estos problemas tiene un coste invisible en tu clínica. La IA los resuelve en paralelo, sin que tú tengas que estar pendiente.

{[ { icon: "📵", pain: "El teléfono suena y nadie lo coge", fix: "Tu recepcionista IA atiende cada llamada al primer tono, 24 horas al día, incluso en vacaciones.", accent: "#FF7070" }, { icon: "🛏️", pain: "Pacientes inactivos que no vuelven", fix: "Detectamos quién lleva más de 6 meses sin visita y lanzamos reactivaciones personalizadas en WhatsApp.", accent: "#FF7070" }, { icon: "⏰", pain: "Pacientes que no aparecen a su cita", fix: "El sistema manda un recordatorio automático 24h antes por WhatsApp. Confirman, cambian o cancelan — tú llenas el hueco a tiempo.", accent: "#FF7070" }, { icon: "🤯", pain: "Tu recepcionista desbordada con tareas repetitivas", fix: "Confirmaciones, cambios de cita y recordatorios se gestionan solos. Tu equipo se centra en el paciente.", accent: "#FF7070" }, { icon: "🌙", pain: "Pacientes que escriben fuera de horario y no reciben respuesta", fix: "El agente de WhatsApp responde en segundos a cualquier hora. Ningún lead se pierde por el horario.", accent: "#FF7070" }, { icon: "📉", pain: "No sabes cuántos pacientes pierdes cada mes", fix: "Dashboard en tiempo real con tasa de retención, leads captados y ROI de cada automatización.", accent: "#FF7070" }, ].map(s => (
{ e.currentTarget.style.borderColor = "rgba(0,200,150,.3)"; e.currentTarget.style.background = "rgba(0,200,150,.04)"; e.currentTarget.style.transform = "translateY(-4px)"; }} onMouseLeave={e => { e.currentTarget.style.borderColor = "rgba(255,255,255,.07)"; e.currentTarget.style.background = "rgba(255,255,255,.03)"; e.currentTarget.style.transform = "translateY(0)"; }}>
{s.icon}

"{s.pain}"

{s.fix}

))}
{/* PRICING */}
{/* Header */}
💳 Sin permanencia · 2 meses mínimo

Planes y Precios

Elige el nivel de automatización que necesita tu clínica. A partir del 3er mes, cancela con 15 días de aviso.

{/* Cards grid */}
{PLANS.map(plan => { const isPremium = plan.popular; return (
{ e.currentTarget.style.transform = "translateY(-6px)"; e.currentTarget.style.boxShadow = isPremium ? "0 36px 100px rgba(0,200,150,.28), 0 0 0 1px rgba(0,200,150,.15)" : "0 16px 48px rgba(11,28,61,.12)"; }} onMouseLeave={e => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.boxShadow = isPremium ? "0 24px 80px rgba(0,200,150,.2), 0 0 0 1px rgba(0,200,150,.1)" : "0 4px 24px rgba(11,28,61,.06)"; }} > {/* Popular badge */} {isPremium && (
⭐ Más Popular
)}
{/* Plan label chip */}
Plan {plan.name}
{/* Plan title */}

{plan.label}

{/* Focus line */}

{plan.focus}

{/* Divider */}
); })}
{/* Legal note */}

* Precios antes de IVA. Los costes variables de infraestructura tecnológica de terceros (APIs de OpenAI, Twilio, Make, Vapi) no están incluidos y se vinculan directamente a la tarjeta de la clínica para garantizar una transparencia absoluta.

{/* ROI CALCULATOR — PREMIUM */}
💎 Exclusivo Plan Premium

¿Cuánto recuperaría
tu clínica este mes?

Ajusta los datos de tu clínica y ve en tiempo real el impacto del Plan Premium combinando atención 24/7 y reactivación de pacientes inactivos.

{/* LEFT — SLIDERS */}

📊 Los datos de tu clínica

{/* Slider 1 */}
Llamadas / mensajes perdidos al mes
Pacientes que no reciben respuesta a tiempo
{lostCalls}
setLostCalls(+e.target.value)} style={{ accentColor: "#1E9AFF" }} />
10100
{/* Slider 2 */}
Pacientes inactivos en tu base de datos
Sin visita en los últimos +6 meses
{inactivePatients.toLocaleString("es-ES")}
setInactivePatients(+e.target.value)} style={{ accentColor: "#1E9AFF" }} />
5005.000
{/* Slider 3 */}
Valor medio del tratamiento
Ticket promedio por paciente en tu clínica
{avgTreatment.toLocaleString("es-ES")}€
setAvgTreatment(+e.target.value)} style={{ accentColor: "#1E9AFF" }} />
500€4.000€
{/* Mini breakdown */}
Cómo lo calculamos
{(() => { const callCitas = Math.round(lostCalls * 0.20); const reactivCitas = Math.round(inactivePatients * 0.015); return ( <>
📞 Llamadas convertidas (20%) +{callCitas} citas
🔄 Reactivaciones IA (1,5%/mes) +{reactivCitas} citas
); })()}
{/* RIGHT — RESULTS CARD */} {(() => { const callCitas = Math.round(lostCalls * 0.20); const reactivCitas = Math.round(inactivePatients * 0.015); const totalCitas = callCitas + reactivCitas; const ingresos = totalCitas * avgTreatment; const multiplier = (ingresos / PREMIUM_PRICE).toFixed(1); const netGain = ingresos - PREMIUM_PRICE; return (
{/* Header */}
Resultado en tiempo real · Plan Premium
{/* Stat 1 — Pacientes */}
Total pacientes recuperados / mes
{totalCitas} pacientes
📞 {callCitas} de llamadas 🔄 {reactivCitas} de base de datos
{/* Stat 2 — Ingresos */}
Ingresos mensuales recuperados
{ingresos.toLocaleString("es-ES")}€
Ganancia neta estimada: +{netGain.toLocaleString("es-ES")}€ después del plan
{/* Stat 3 — Multiplier */}
Multiplicador de ROI Premium
{multiplier}×
Tu sistema se autofinancia
devolviendo {multiplier} veces tu inversión
🎯 Quiero estos resultados para mi clínica

Cálculo estimado basado en una tarifa fija del Plan Premium (1.299€/mes). Las tasas de conversión (20% en llamadas y 1,5% en reactivación masiva) son medias conservadoras del sector dental. No constituye una garantía de ingresos.

); })()}
{/* FAQ */}

Preguntas Frecuentes

Todo lo que necesitas saber antes de empezar.

{FAQS.map((faq, i) => (
{openFaq === i && (
{faq.a}
)}
))}
{/* CTA FINAL */}

¿Listo para llenar
tu agenda con IA?

Reserva tu auditoría gratuita de 30 minutos. Sin compromisos. Solo tú y un experto en IA dental.

🎯 Reservar Auditoría Gratuita

100% gratuito · Sin tarjeta de crédito · En 30 minutos

{/* FOOTER */} {/* COOKIE BANNER */} {cookieVisible && (
{!cookieConfig ? (

🍪 Usamos cookies para mejorar tu experiencia.{" "} Política de Cookies

) : (

Configuración de Cookies

{[ { name: "Cookies Necesarias", desc: "Imprescindibles para el funcionamiento del sitio.", always: true }, { name: "Cookies Analíticas", desc: "Nos ayudan a mejorar el sitio (Google Analytics).", always: false }, { name: "Cookies de Marketing", desc: "Para mostrarte contenido relevante en otras plataformas.", always: false }, ].map(c => (

{c.name}

{c.desc}

{c.always ? "Siempre activa" : "Opcional"}
))}
)}
)}
); }