// Componentes compartidos entre todas las páginas — Imcopartes Web // Cargar después de React/Babel y antes del JSX específico de cada página. const { useState, useEffect } = React; /* ===== Constantes (datos reales) ===== */ const IMCO = { empresa: "IMCOPARTES S.A.S.", nit: "901.354.174-0", direccion: "Diagonal 46 Sur # 50 - 79, Casa 80", ciudad: "Bogotá D.C., Colombia", telDisplay: "+57 (601) 238 5115", telLink: "+576012385115", whatsappDisplay: "+57 300 289 8167", whatsappRaw: "573002898167", emailContacto: "pedidos@imcopartes.com", emailMayoristas: "pedidos@imcopartes.com", emailDistribuidores: "pedidos@imcopartes.com", emailSoporte: "pedidos@imcopartes.com", emailHabeas: "pedidos@imcopartes.com", anio: 2026, }; function waLink(message) { const base = `https://wa.me/${IMCO.whatsappRaw}`; if (!message) return base; return `${base}?text=${encodeURIComponent(message)}`; } /* ===== Hook: refresca iconos Lucide después de renders ===== */ function useLucide(deps = []) { useEffect(() => { let cancelled = false; const tick = () => { if (cancelled) return; if (window.lucide?.createIcons) window.lucide.createIcons(); else setTimeout(tick, 50); }; requestAnimationFrame(tick); return () => { cancelled = true; }; // eslint-disable-next-line }, deps); } /* ===== Nav compartido ===== */ function Nav({ active }) { const [mobileOpen, setMobileOpen] = useState(false); const links = [ { id: "inicio", label: "Inicio", href: "Inicio.html" }, { id: "catalogo", label: "Catálogo", href: "Catalogo.html" }, { id: "nosotros", label: "Nosotros", href: "Nosotros.html" }, { id: "contacto", label: "Contacto", href: "Contacto.html" }, ]; return ( ); } /* ===== WhatsApp FAB ===== */ function WhatsAppFAB({ message }) { const msg = message || "Hola Imcopartes, me interesa cotizar productos."; return ( {/* Icono WhatsApp oficial (path original) — Lucide no trae uno fiel */} Cotizar por WhatsApp ); } /* ===== Marcas representadas ===== */ const BRANDS = [ { id: "novparts", name: "Novparts", tagline: "Repuestos generales · multi-línea", desc: "Catálogo amplio para vehículos populares: suspensión, frenos, motor y eléctrico.", color: "#145D9E", bg: "rgb(255 255 255 / 0.04)", border: "rgb(255 255 255 / 0.08)", }, { id: "mrshift", name: "MrShift", tagline: "Transmisión · palancas y kits", desc: "Línea especializada en transmisión, palancas de cambio y componentes de caja.", color: "#E67E22", bg: "rgb(255 255 255 / 0.04)", border: "rgb(255 255 255 / 0.08)", }, { id: "mrswitch", name: "MrSwitch", tagline: "Switches · control eléctrico", desc: "Switches, sensores y componentes de control eléctrico para múltiples plataformas.", color: "#DDF664", bg: "rgb(255 255 255 / 0.04)", border: "rgb(255 255 255 / 0.08)", }, { id: "prolift", name: "ProLift", tagline: "Fuerza que sostiene", desc: "Amortiguadores neumáticos para capó, baúl y compuerta trasera. Soporte, elevación y rendimiento.", color: "#ED4720", bg: "#1C1C1B", border: "rgb(237 71 32 / 0.18)", logo: "assets/brand/prolift/icon.png", font: "'Barlow Condensed', Impact, system-ui, sans-serif", }, { id: "matdefender", name: "MatDefender", tagline: "Protección para cada camino", desc: "Tapetes termoformados automotrices con cobertura total. Defienden el interior del vehículo frente al uso diario, la humedad, el polvo y la suciedad.", color: "#1F4744", bg: "rgb(255 255 255 / 0.04)", border: "rgb(255 255 255 / 0.08)", }, { id: "prismaglass", name: "PrismaGlass", tagline: "Vidrios templados para tableros y radios", desc: "Vidrios templados protectores para pantallas de radio y cluster digital. Próximamente.", color: "#7C3AED", bg: "rgb(255 255 255 / 0.04)", border: "rgb(255 255 255 / 0.08)", }, ]; /* ===== Cookie banner ===== */ function CookieBanner() { const [ack, setAck] = useState(() => { try { return localStorage.getItem("imco_cookie_ack") === "1"; } catch (e) { return false; } }); if (ack) return null; function accept() { try { localStorage.setItem("imco_cookie_ack", "1"); } catch (e) {} setAck(true); } return ( ); } /* ===== Footer compartido ===== */ function Footer() { return ( ); } /* ===== Export to window so other pages can use ===== */ Object.assign(window, { IMCO, BRANDS, waLink, useLucide, Nav, Footer, WhatsAppFAB, CookieBanner, });