/* global React */
/* eslint-disable no-unused-vars */
const { useState, useEffect, useRef, useMemo } = React;
const VCFG = (typeof window !== "undefined" && window.VCF_CFG) || {};
/* ============================================================
ICONS
============================================================ */
const Icon = {
Arrow: ({ size = 16 }) => (
),
Copy: ({ size = 16 }) => (
),
Check: ({ size = 16 }) => (
),
ChevronDown: ({ size = 16 }) => (
),
Pin: ({ size = 16 }) => (
),
Menu: ({ size = 18 }) => (
),
Instagram: ({ size = 18 }) => (
),
};
/* ============================================================
NAV
============================================================ */
function VCNav() {
const [scrolled, setScrolled] = useState(false);
const [open, setOpen] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 24);
window.addEventListener("scroll", onScroll, { passive: true });
onScroll();
return () => window.removeEventListener("scroll", onScroll);
}, []);
const links = VCFG.nav || [
["Inicio", "index.html"],
["Cómo funciona", "index.html#como"],
["Sucursales", "index.html#sucursales"],
["Rastrear", "index.html#rastreo"],
["Franquicias", "franquicias.html"],
];
return (
{links.map(([label, href]) => (
e.currentTarget.style.background = "rgba(255,255,255,.14)"}
onMouseLeave={(e) => e.currentTarget.style.background = "transparent"}
>{label}
))}
Mi cuenta
Crear mi casillero
setOpen((v) => !v)}
style={{ width: 44, height: 44, borderRadius: 12, border: "1.5px solid rgba(255,255,255,.4)", background: "rgba(255,255,255,.08)", placeItems: "center", color: "#fff" }}
>
{open && (
{links.map(([label, href]) => (
setOpen(false)} style={{ padding: "13px 12px", fontSize: 16, fontWeight: 600, color: "#fff", borderRadius: 10, borderBottom: "1px solid rgba(255,255,255,.1)" }}>{label}
))}
setOpen(false)} style={{ padding: "13px 12px", fontSize: 16, fontWeight: 700, color: "var(--vc-yellow)" }}>Mi cuenta
)}
);
}
function VCWordmark() {
if (VCFG.logo) {
return ;
}
return (
);
}
/* ============================================================
HERO
============================================================ */
function VCHero() {
return (
La vía directa · Miami → RD
Compra en USA.
Recibe en
RD.
Tu dirección en Miami es la única vía que necesitas
para comprar en Amazon, Shein, eBay y miles de tiendas. Sin desvíos, sin sorpresas:
directo a tu sucursal más cercana .
Desliza
);
}
function Stat({ n, label, light }) {
return (
);
}
function HeroBackdrop() {
return (
<>
>
);
}
function RouteRibbon() {
const stops = [
{ k: "01", t: "Compras en USA", s: "Amazon · Shein · eBay", icon: "🛒" },
{ k: "02", t: "Llega a Miami", s: "Doral, FL — nuestra vía", icon: "🏬" },
{ k: "03", t: "Recibes en RD", s: "Tu sucursal más cercana", icon: "📦" },
];
return (
Una sola vía
{stops.map((st, i) => (
{st.icon}
PARADA {st.k}
{st.t}
{st.s}
))}
);
}
function CasilleroCard() {
return (
¡TU COURIER! · DESDE 1997 · ¡TU COURIER! · DESDE 1997 ·
e.currentTarget.style.transform = "rotate(0deg) translateY(-4px)"}
onMouseLeave={(e) => e.currentTarget.style.transform = "rotate(-2.5deg)"}
>
Casillero · Member
Vía Courier
TAX FREE
SHIPPING ADDRESS
[Tu nombre] VIA-
00427
7715 NW 46th Street
Doral, FL 33195
+1-305-848-1017
{/* Sello de credibilidad */}
);
}
function Stamp({ color, text }) {
return (
{text}
);
}
/* Sello — Aduaneros desde 1997 */
function Seal({ size = 150 }) {
return (
);
}
/* ============================================================
MIAMI ADDRESS
============================================================ */
function VCAddress() {
const [copied, setCopied] = useState(false);
const fullAddress = "7715 NW 46th Street\nDoral, FL 33195\n+1-305-848-1017";
const onCopy = async () => {
try {
await navigator.clipboard.writeText(fullAddress);
setCopied(true);
setTimeout(() => setCopied(false), 2200);
} catch {
setCopied(true);
setTimeout(() => setCopied(false), 2200);
}
};
return (
Tu dirección en Miami
Copia y pega al momento de comprar.
Úsala como dirección de envío en cualquier tienda online de Estados Unidos.
Nosotros la recibimos en Doral, FL y la enviamos a tu sucursal favorita en RD.
{fullAddress}
{copied ? : }
{copied ? "¡Copiado!" : "Copiar dirección completa"}
Compartir por WhatsApp
💡
Tip: Pega esto exactamente como aparece en el campo
"Shipping address" — no en el de billing. Tu número de casillero (VIA-#####)
identifica tu paquete.
);
}
/* ============================================================
BENEFICIOS
============================================================ */
function VCBeneficios() {
const items = [
{ title: "Tax Free", desc: "Compra en Amazon, eBay y miles de tiendas sin pagar impuestos estatales en USA.", pillar: "Ahorras hasta 7%", icon: , accent: "blue" },
{ title: "Sin sorpresas", desc: "Un precio claro y consolidado, sin cargos ocultos ni recargos por volumen.", pillar: "Precio claro", icon: , featured: true },
{ title: "Desde 1997", desc: "Más de 25 años llevando paquetes a la puerta de los dominicanos.", pillar: "25+ años", icon: , accent: "blue" },
{ title: "Entregas rápidas", desc: "Red de sucursales en todo el país. Tu paquete sale en cuanto llega a Miami.", pillar: "24-48 horas", icon: },
];
return (
{items.map((it, i) => (
))}
);
}
function BeneCard({ title, desc, pillar, icon, featured, accent }) {
const isBlue = accent === "blue";
return (
{ e.currentTarget.style.transform = "translateY(-4px)"; e.currentTarget.style.boxShadow = "var(--shadow-pop)"; }}
onMouseLeave={(e) => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.boxShadow = "var(--shadow-card)"; }}
>
{icon}
{desc}
);
}
function IconTaxFree() {
return (
);
}
function IconPrice() {
return (
);
}
function IconAnniversary() {
return (
);
}
function IconDelivery() {
return (
);
}
Object.assign(window, { VCNav, VCHero, VCAddress, VCBeneficios, Icon, Stat });