"use client"; import { useState } from "react"; // §07 + §21 — Botón flotante WhatsApp con dos contactos // Reemplaza los números de teléfono con los reales antes de producción. const CONTACTS = [ { label: "Operaciones NJ", sub: "150 N Day St · New Jersey", phone: "12015550100", // ← reemplazar con número real msg: "Hola, tengo una consulta sobre mi paquete en New Jersey.", }, { label: "Aduana · Cuenca", sub: "Moraworld Imports S.A.S.", phone: "593987654321", // ← reemplazar con número real msg: "Hola, necesito información sobre trámites aduaneros en Ecuador.", }, ]; export function WhatsAppFloat() { const [open, setOpen] = useState(false); return (
{/* Opciones desplegables */} {open && (
{CONTACTS.map(c => ( { e.currentTarget.style.transform = "translateX(-4px)"; }} onMouseLeave={e => { e.currentTarget.style.transform = "translateX(0)"; }} > 💬
{c.label}
{c.sub}
 ))}
)} {/* Botón principal */}
); }