/* global React, ReactDOM */ const { useEffect, useState } = React; /* ========== Iconos minimal ========== */ const Icon = { Box: () => , Truck: () => , Boxes: () => , Plug: () => , Refresh: () => , Chart: () => , Check: () => , Arrow: () => }; /* ========== Ilustración hero — persona empacando + camión ========== */ function PackingIllustration() { return ( ); } /* ========== Carrusel de testimonios en video vertical ========== */ const REVIEWS = [ { name: "Carla Espinoza", handle: "@tiendabambu", src: "./videos/testimonios/carla-espinoza.mp4" }, { name: "Diego Tapia", handle: "@kitsdiegotech", src: "./videos/testimonios/diego-tapia.mp4" }, { name: "Antonia Vidal", handle: "@aguaviva", src: "./videos/testimonios/antonia-vidal.mp4" }, { name: "Javiera Núñez", handle: "@piel.cl", src: "./videos/testimonios/javiera-nunez.mp4" }, { name: "Matías Rojas", handle: "@verdesalvaje", src: "./videos/testimonios/matias-rojas.mp4" } ]; function ReviewCarousel() { const [active, setActive] = useState(0); const [hovered, setHovered] = useState(null); const videoRefs = React.useRef([]); useEffect(() => { if (hovered !== null) return; const t = setTimeout(() => { setActive((a) => (a + 1) % REVIEWS.length); }, 7000); return () => clearTimeout(t); }, [active, hovered]); useEffect(() => { const playing = hovered !== null ? hovered : active; videoRefs.current.forEach((video, i) => { if (!video) return; video.muted = true; video.volume = 0; video.controls = false; video.disablePictureInPicture = true; if (i === playing) { if (video.currentTime >= 10) video.currentTime = 0; video.play().catch(() => {}); } else { video.pause(); } }); }, [active, hovered]); useEffect(() => { const interval = setInterval(() => { const playing = hovered !== null ? hovered : active; const video = videoRefs.current[playing]; if (!video) return; video.muted = true; video.volume = 0; video.controls = false; const duration = video.duration || 0; if (duration && duration < 10 && video.currentTime >= duration - 0.25) { video.currentTime = Math.max(duration - 1, 0); video.play().catch(() => {}); return; } if (video.currentTime >= 10) { video.currentTime = 0; video.play().catch(() => {}); } }, 250); return () => clearInterval(interval); }, [active, hovered]); return (

{REVIEWS.map((r, i) => { const isPlaying = (hovered !== null ? hovered : active) === i; return (

setHovered(i)} onMouseLeave={() => setHovered(null)} onClick={() => setActive(i)} >

{r.name}

{r.handle}

{isPlaying && (

EN VIVO

)}

); })}

{REVIEWS.map((_, i) => ( ))}

); } /* ========== Datos ========== */ const SERVICES = [ { num: "01", title: "Almacenamiento", body: "Tu inventario en racks asegurados y paletizados, con conteo cíclico semanal.", variant: "default" }, { num: "02", title: "Picking & packing", body: "Preparamos cada pedido con embalaje pro: cartón, relleno y cinta marcada.", variant: "featured" }, { num: "03", title: "Última milla", body: "Despachos con Starken y Chilexpress. Tú eliges courier por zona.", variant: "default" }, { num: "04", title: "Devoluciones", body: "Recibimos, inspeccionamos y reingresamos al stock o desechamos según tu regla.", variant: "violet" }, { num: "05", title: "Integraciones", body: "Conectamos Shopify, WooCommerce y MercadoLibre. Las órdenes entran solas al WMS.", variant: "default" }, { num: "06", title: "Reportes en vivo", body: "Dashboard con stock por SKU, rotación, despachos del día y alertas de quiebre.", variant: "coral" }]; const HOW_STEPS = [ { tag: "01 — Tú", title: "Nos envías tu stock", body: "Recibimos en Pudahuel y registramos cada SKU en nuestro WMS. Te llega el inventario inicial al correo.", icon: }, { tag: "02 — Conectas", title: "Integramos tu tienda", body: "Shopify, Woo o MercadoLibre. Las órdenes entran al sistema en tiempo real, sin que muevas un dedo.", icon: }, { tag: "03 — Operamos", title: "Pickeamos y empacamos", body: "Cada pedido se prepara el mismo día hábil antes de las 14:00 hrs. Embalaje listo para courier.", icon: }, { tag: "04 — Despachamos", title: "Sale a destino", body: "Despachamos con el courier que elijas. Tu cliente recibe tracking y tú ves todo desde el panel.", icon: }]; const PRICING = [ { name: "Aquí comenzamos", amount: "7", unit: "/ mes + variable", desc: "Ideal si recién partes o despachas hasta 100 pedidos al mes.", feats: ["Hasta 2 m³ de almacenaje", "100 pedidos incluidos", "1 integración e-commerce", "Reportes básicos", "Soporte por correo"], popular: false, cta: "Empezar" }, { name: "Aquí crecemos", amount: "12", unit: "/ mes + variable", desc: "Para tiendas que ya tienen volumen y quieren ordenar la operación.", feats: ["Hasta 8 m³ de almacenaje", "500 pedidos incluidos", "Integraciones ilimitadas", "Dashboard en vivo", "Gestión de devoluciones", "Soporte prioritario WhatsApp"], popular: true, cta: "Tomar este plan" }, { name: "Aquí escalamos", amount: "—", unit: "a la medida", desc: "Volumen alto, kits, B2B o reglas especiales. Cotización personalizada.", feats: ["Almacenaje sin tope", "Pedidos ilimitados", "SLA personalizado", "Account manager dedicado", "Tarifas de courier negociadas", "API directa"], popular: false, cta: "Hablar con ventas" }]; const TESTIMONIALS = [ { stat: "+38% pedidos/mes", quote: "Pasamos de armar pedidos en la pieza de mi mamá a tener todo en NodoPack. Mismo día, sin estrés. Recuperé los fines de semana.", name: "Camila Rojas", role: "Fundadora, Botánica Verde", initials: "CR", featured: true }, { stat: "0 errores en 3 meses", quote: "El picking es impecable. Antes tenía 2-3 reclamos por semana, ahora cero.", name: "Diego Salinas", role: "Owner, Casa Salinas", initials: "DS" }, { stat: "Despacho mismo día", quote: "Conecté Shopify en 10 min. Las órdenes salen sin que yo entre al panel.", name: "Fran Toledo", role: "CEO, Polerón Club", initials: "FT" }]; const FAQS = [ { q: "¿Dónde está la bodega?", a: "En Pudahuel, Santiago de Chile. Operamos solo dentro de Chile por ahora, con despacho a todas las regiones vía courier." }, { q: "¿Cuál es el tiempo de despacho?", a: "Pedidos recibidos antes de las 14:00 hrs salen el mismo día hábil. Después de esa hora, salen al día siguiente." }, { q: "¿Cómo te envío mi stock?", a: "Coordinamos una cita de recepción. Llegas tú o tu transportista y nosotros revisamos, contamos e ingresamos al sistema. Te llega un acta de recepción al correo." }, { q: "¿Qué couriers usan?", a: "Trabajamos principalmente con Starken y Chilexpress. Puedes definir reglas por zona según tu operación y cobertura." }, { q: "¿Hay contrato mínimo?", a: "No. Mes a mes. Si te quieres ir, avisas con 30 días y retiras tu stock cuando quieras." }, { q: "¿Cómo veo mi inventario?", a: "Tienes acceso a un dashboard con stock por SKU, despachos del día, devoluciones y alertas de quiebre. Actualizado en tiempo real." }, { q: "¿Manejan productos frágiles o grandes?", a: "Sí, con embalaje reforzado. Productos sobre 30 kg o frágiles especiales tienen un cargo adicional pequeño que cotizamos antes." }]; /* ========== Nav ========== */ function Nav() { return ( ); } /* ========== Hero variants ========== */ function HeroBold() { return (

Operando en Pudahuel · Santiago

Empacado,
etiquetado y
despachado hoy.

Tu pedido sale de bodega el mismo día que entra. Sin filas, sin demoras, sin «mañana lo despacho».

Cotizar mi operación Cómo funciona

14:00

Cierre despacho mismo día

99.6%

Precisión de picking

24h

Onboarding listo

100%

Cobertura Chile

); } function HeroSplit() { return (

Fulfillment para e-commerce

Vende. Nosotros nos
encargamos del resto.

Recibimos tu stock, integramos tu tienda y despachamos cada pedido el mismo día. Tú te enfocas en crecer, no en armar cajas.

Empezar Ver precios

Un pedido en NodoPack

De clic a puerta en 4 pasos.

01Pedido entra desde Shopify10:42

02Picking en bodega11:15

03Empaque y etiquetado11:28

04Retira Starken13:45

); } function HeroEditorial() { return (

N° 001 · Abril 2026

Fulfillment, hecho en Pudahuel.

NodoPack — Chile

Despacha como una marca grande, sin serlo todavía.

Tercerizamos toda tu logística: almacenamos tu inventario, preparamos los pedidos y los enviamos a tu cliente final. Tú te dedicas a vender. Nosotros, a que cada caja salga perfecta.

Cotizar Cómo funciona

~24h

Onboarding

14:00

Cut-off mismo día

Integraciones nativas

100%

Cobertura Chile

); } /* ========== Logos / Integraciones ========== */ function LogosStrip() { return (

Integramos con

Shopify WooCommerce MercadoLibre Starken Chilexpress

); } /* ========== Cómo funciona ========== */ function HowItWorks() { return (

Cómo funciona

Cuatro pasos. Sin enredos.

Te onboardeamos en menos de 24 horas. Una vez conectado, no tienes que volver a tocar la operación: las órdenes entran solas, salen solas.

{HOW_STEPS.map((s, i) =>

{s.tag}

{s.title}

{s.body}

{s.icon}

)}

); } /* ========== Servicios ========== */ function Services() { return (

Servicios

Todo lo que necesitas para no tocar una caja.

Un solo proveedor para almacenamiento, despacho, devoluciones y reportes. Nada de coordinar tres empresas distintas.

{SERVICES.map((s) =>

{s.num}

{s.title}

{s.body}

)}

); } /* ========== Pricing ========== */ function Pricing() { return (

Planes

Precios claros. Sin letra chica.

Una mensualidad fija + variable por pedido y volumen de almacenaje. Lo que ves es lo que pagas.

{PRICING.map((p) =>

{p.popular &&

Más popular

}

{p.name}

{p.amount === "—" ? — : <> UF {p.amount} }

{p.unit}

{p.desc}

{p.cta}

)}

Variable: desde UF 0,025 por pedido preparado · UF 0,8 por m³/mes adicional. Ver detalle

); } /* ========== Testimonios ========== */ function Testimonials() { return (

Casos

Tiendas sin preocupaciones.

Pequeñas marcas que crecieron sin contratar bodega ni equipo extra. Solo conectaron y delegaron.

{TESTIMONIALS.map((t, i) =>

{t.stat}

"{t.quote}"

{t.initials}

{t.name}

{t.role}

)}

); } /* ========== FAQ ========== */ function FAQ() { return (

Preguntas frecuentes

Lo que todos
nos preguntan.

¿Te falta algo? Escríbenos y te respondemos en menos de 4 horas hábiles.

{FAQS.map((item, i) =>

{item.q}

{item.a}

)}

); } /* ========== Contacto ========== */ function Contact() { const [sent, setSent] = useState(false); return (

Hablemos

Cuéntanos qué vendes.

Te respondemos en menos de 4 horas hábiles con una propuesta clara: cuánto te cuesta, qué incluye y cuándo podemos partir.

Bodega

Pudahuel
Santiago, Chile

Correo

hola@nodopack.cl

+56 9 1234 5678

Horario

Lun a Vie, 9:00 — 18:00

); } /* ========== Footer ========== */ function Footer() { return ( ); } /* ========== Tweaks ========== */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "hero": "bold", "btnStyle": "pill", "showLogos": true, "accentSwap": false } /*EDITMODE-END*/; function Tweaks() { const [tweaks, setTweak] = window.useTweaks(TWEAK_DEFAULTS); useEffect(() => { document.body.setAttribute("data-hero", tweaks.hero); document.body.setAttribute("data-btn", tweaks.btnStyle); if (tweaks.accentSwap) { document.documentElement.style.setProperty("--violet", "oklch(0.72 0.17 25)"); document.documentElement.style.setProperty("--violet-deep", "oklch(0.62 0.20 25)"); document.documentElement.style.setProperty("--violet-soft", "oklch(0.95 0.04 25)"); document.documentElement.style.setProperty("--violet-tint", "oklch(0.88 0.08 25)"); document.documentElement.style.setProperty("--coral", "oklch(0.55 0.20 295)"); document.documentElement.style.setProperty("--coral-deep", "oklch(0.42 0.22 295)"); document.documentElement.style.setProperty("--coral-soft", "oklch(0.95 0.04 295)"); } else { document.documentElement.style.removeProperty("--violet"); document.documentElement.style.removeProperty("--violet-deep"); document.documentElement.style.removeProperty("--violet-soft"); document.documentElement.style.removeProperty("--violet-tint"); document.documentElement.style.removeProperty("--coral"); document.documentElement.style.removeProperty("--coral-deep"); document.documentElement.style.removeProperty("--coral-soft"); } }, [tweaks]); const T = window.TweaksPanel; const Section = window.TweakSection; const Radio = window.TweakRadio; const Toggle = window.TweakToggle; return (

setTweak("hero", v)} options={[ { value: "bold", label: "Bold" }, { value: "split", label: "Bold" }, { value: "editorial", label: "Editorial" }] } />

setTweak("btnStyle", v)} options={[ { value: "pill", label: "Pill" }, { value: "soft", label: "Soft" }, { value: "square", label: "Square" }, { value: "bracket", label: "[ ]" }] } />

setTweak("accentSwap", v)} />

setTweak("showLogos", v)} />

); } /* ========== App ========== */ function FloatingToTop() { return ( ↑ ); } function App() { // hidrata estado inicial al body para que CSS funcione antes de mount useEffect(() => { if (!document.body.dataset.hero) document.body.dataset.hero = TWEAK_DEFAULTS.hero; if (!document.body.dataset.btn) document.body.dataset.btn = TWEAK_DEFAULTS.btnStyle; }, []); const [showLogos, setShowLogos] = useState(TWEAK_DEFAULTS.showLogos); useEffect(() => { const handler = (ev) => { const d = ev.data; if (d && d.type === "__edit_mode_set_keys" && d.edits && "showLogos" in d.edits) { setShowLogos(!!d.edits.showLogos); } }; window.addEventListener("message", handler); return () => window.removeEventListener("message", handler); }, []); return ( <>

Empacado, etiquetado y despachado hoy.

Vende. Nosotros nosencargamos del resto.

De clic a puerta en 4 pasos.

Despacha como una marca grande, sin serlo todavía.

Cuatro pasos. Sin enredos.

{s.title}

Todo lo que necesitas para no tocar una caja.

{s.title}

Precios claros. Sin letra chica.

Tiendas sin preocupaciones.

Lo que todosnos preguntan.

Cuéntanos qué vendes.

Empacado,
etiquetado y
despachado hoy.

Vende. Nosotros nos
encargamos del resto.

Lo que todos
nos preguntan.