/* BeautyBloom — Componentes compartidos */ const { useState, useEffect, useRef, useMemo, useCallback, Fragment } = React; // ---------- Logo ---------- function Logo({ size = 32, showWord = true, variant = "mark" }) { if (variant === "wide") { return Beauty Bloom; } return ( Beauty Bloom {showWord && ( Beauty Bloom )} ); } // ---------- Price formatter (MXN) ---------- function formatMXN(n) { return new Intl.NumberFormat("es-MX", { style: "currency", currency: "MXN", maximumFractionDigits: 0 }).format(n); } // ---------- Category → silhouette ---------- const SHAPES = { limpieza: <> , toner: <> , serum: <> , ampoule: <> , cream: <> , spf: <> , pads: <> , mist: <> , mask: <> , kits: <> , }; // ---------- Product placeholder ---------- function ProductPlaceholder({ product, ratio = "4 / 5", showSku = true, bare = false }) { if (!product) return null; const { swatch, hero, sku, category } = product; // If we have a real product image, render it instead of the placeholder // Resolve cover image: prefer images[] array, fall back to hero filename const coverSrc = (() => { if (product.images && product.images.length > 0) { return product.images[product.coverIndex ?? 0] || product.images[0]; } if (hero) return `products/${hero}.jpg`; return null; })(); if (coverSrc) { return (
{product.name} { e.currentTarget.style.display = "none"; }} /> {showSku && ( {sku} )}
); } const shape = SHAPES[category] || SHAPES.serum; return (
{shape} {hero}
{showSku && (
{sku} · imagen pendiente
)}
); } // ---------- Top nav ---------- function TopNav({ onScrollTo, onOpenDownload, query, setQuery, resultCount, total }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled((document.scrollingElement?.scrollTop || 0) > 12); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return (
{Array.from({ length: 6 }).map((_, i) => ( ✦ 15% OFF en todos los productos · válido hasta el 15 de mayo · envíos a todo México · Aguascalientes · Tel 449 468 5174 · ))}
{ setQuery(e.target.value); onScrollTo("catalogo"); }} placeholder="Busca: centella, hidratante, acné…" aria-label="Buscar productos" /> {query && }
449 468 5174
); } // ---------- Footer ---------- function Footer({ onScrollTo, onOpenDownload }) { return ( ); } function CatalogDownloadModal({ open, onClose }) { const [name, setName] = useState(""); const [mode, setMode] = useState("email"); const [contact, setContact] = useState(""); const [err, setErr] = useState(""); const [done, setDone] = useState(false); useEffect(() => { if (!open) return; const onEsc = (e) => e.key === "Escape" && onClose(); window.addEventListener("keydown", onEsc); return () => window.removeEventListener("keydown", onEsc); }, [open, onClose]); if (!open) return null; const submit = (e) => { e.preventDefault(); const v = contact.trim(); if (!name.trim()) return setErr("Ingresa tu nombre."); if (!v) return setErr("Ingresa email o teléfono."); if (mode === "email" && !/^\S+@\S+\.\S+$/.test(v)) return setErr("Email inválido."); setErr(""); const payload = { nombre: name.trim(), canal: mode === "email" ? "Email" : "Teléfono", contacto: v, origen: "Descarga catálogo web", fecha: new Date().toISOString(), _subject: "Nuevo lead - descarga de catálogo", _template: "table", _captcha: "false", }; const downloadCatalog = () => { const a = document.createElement("a"); a.href = "assets/BeautyBloom-Catalogo-2026.pdf"; a.download = "BeautyBloom-Catalogo-2026.pdf"; a.click(); setDone(true); }; fetch("https://formsubmit.co/ajax/contacto@beautybloom.com.mx", { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json" }, body: JSON.stringify(payload), }).finally(downloadCatalog); }; return (
e.target === e.currentTarget && onClose()}>
{done ?
✓

¡Listo!

: <>

Descargar catálogo PDF

Déjanos tus datos para compartirte promociones y dar seguimiento.

{err ?
{err}
: null}
}
); } function CookieDisclaimer({ onClose }) { return ( ); } Object.assign(window, { Logo, ProductPlaceholder, TopNav, Footer, CatalogDownloadModal, CookieDisclaimer, formatMXN });