/* GECKO — Sitio web (React) */ const { useState, useMemo, useEffect, useRef } = React; const WA_NUMBER = "507XXXXXXXX"; // ← reemplazar por el WhatsApp real /* ---------------- image store (localStorage) ---------------- */ const IMG_KEY = "gecko_prod_imgs_v1"; const loadImgs = () => { try { return JSON.parse(localStorage.getItem(IMG_KEY) || "{}"); } catch (e) { return {}; } }; const saveImgs = (m) => { try { localStorage.setItem(IMG_KEY, JSON.stringify(m)); } catch (e) { alert("No se pudo guardar la imagen: almacenamiento lleno. Usa una foto más liviana."); } }; /* resize any dropped image down to a web-friendly JPEG so localStorage no se llena */ function resizeImage(file, max = 760) { return new Promise((res, rej) => { if (!file || !file.type || !file.type.startsWith("image/")) return rej(); const r = new FileReader(); r.onload = () => { const img = new Image(); img.onload = () => { let w = img.width, h = img.height; const s = Math.min(1, max / Math.max(w, h)); w = Math.round(w * s); h = Math.round(h * s); const c = document.createElement("canvas"); c.width = w; c.height = h; const ctx = c.getContext("2d"); ctx.fillStyle = "#fff"; ctx.fillRect(0, 0, w, h); ctx.drawImage(img, 0, 0, w, h); res(c.toDataURL("image/jpeg", 0.82)); }; img.onerror = rej; img.src = r.result; }; r.onerror = rej; r.readAsDataURL(file); }); } /* ---------------- data ---------------- */ const CATS = [ { key: "motor", name: "Motor & Mecánica", count: "1.240 SKU", icon: "gear" }, { key: "frenos", name: "Frenos & Suspensión", count: "880 SKU", icon: "disc" }, { key: "electricos", name: "Eléctricos & Baterías",count: "960 SKU", icon: "bolt" }, { key: "accesorios", name: "Accesorios & Estética",count: "1.510 SKU", icon: "star" }, { key: "aceites", name: "Aceites & Lubricantes",count: "320 SKU", icon: "drop" }, { key: "genericos", name: "Genéricos & Alternos", count: "2.100 SKU", icon: "box" }, ]; const REGIONS = ["Europeas", "Chinas", "Americanas", "Coreanas"]; const MARCAS = ["Toyota","Hyundai","Kia","Nissan","Volkswagen","BMW","Chevrolet","Ford","Honda","Mazda","Geely","Chery","BYD","Mercedes-Benz"]; const MODELOS = ["Sedán","SUV / Crossover","Pick-up","Hatchback","Van / Carga"]; const ANIOS = ["2024+","2018 – 2023","2012 – 2017","2006 – 2011","2000 – 2005"]; const P = [ { id:1, name:"Pastillas de freno cerámicas", cat:"frenos", region:"Coreanas", sku:"GK-FR-4820", price:38.90, was:54.90, off:29 }, { id:2, name:"Batería 12V 75Ah libre mant.", cat:"electricos", region:"Americanas", sku:"GK-EL-7501", price:119.00, was:149.00, off:20 }, { id:3, name:"Filtro de aceite premium", cat:"motor", region:"Europeas", sku:"GK-MT-0091", price:8.50 }, { id:4, name:"Amortiguador delantero gas", cat:"frenos", region:"Coreanas", sku:"GK-SU-3340", price:64.00, was:89.00, off:28 }, { id:5, name:"Kit de embrague completo", cat:"motor", region:"Europeas", sku:"GK-MT-2210", price:210.00 }, { id:6, name:"Alternador remanufacturado", cat:"electricos", region:"Americanas", sku:"GK-EL-1180", price:175.00, was:240.00, off:27 }, { id:7, name:"Bujías de iridio (juego x4)", cat:"motor", region:"Europeas", sku:"GK-MT-0444", price:32.00 }, { id:8, name:"Disco de freno ventilado", cat:"frenos", region:"Chinas", sku:"GK-FR-5102", price:44.00 }, { id:9, name:"Aceite sintético 5W-30 · 4L", cat:"aceites", region:"Europeas", sku:"GK-AC-5304", price:39.90, was:49.90, off:20 }, { id:10, name:"Faro LED delantero", cat:"accesorios", region:"Chinas", sku:"GK-AX-8890", price:89.00 }, { id:11, name:"Bomba de agua + empaque", cat:"motor", region:"Coreanas", sku:"GK-MT-6620", price:52.00, was:72.00, off:28 }, { id:12, name:"Sensor de oxígeno (lambda)", cat:"electricos", region:"Americanas", sku:"GK-EL-9031", price:48.00 }, { id:13, name:"Brazo de control inferior", cat:"frenos", region:"Chinas", sku:"GK-SU-5810", price:58.00 }, { id:14, name:"Plumillas limpiaparabrisas", cat:"accesorios", region:"Genéricos", sku:"GK-AX-1490", price:14.90 }, { id:15, name:"Kit correa de distribución", cat:"motor", region:"Coreanas", sku:"GK-MT-7698", price:76.00, was:98.00, off:22 }, { id:16, name:"Cubierta de motor universal", cat:"accesorios", region:"Genéricos", sku:"GK-AX-2200", price:22.00 }, ]; const catName = (k) => (CATS.find(c => c.key === k) || {}).name || k; const money = (n) => "B/. " + n.toFixed(2); /* fotos reales por defecto (relativas a web/Sitio GECKO.html) */ const DEFAULT_IMG = { "GK-FR-4820": "products/pastillas-freno.png", // pastillas de freno cerámicas "GK-EL-7501": "products/bateria.png", // batería 12V 75Ah "GK-MT-0091": "products/filtro-aceite.png", // filtro de aceite premium "GK-SU-3340": "products/amortiguador.png", // amortiguador delantero gas "GK-MT-2210": "products/kit-embrague.png", // kit de embrague "GK-EL-1180": "products/alternador.png", // alternador remanufacturado "GK-MT-0444": "products/bujias.png", // bujías de iridio "GK-FR-5102": "products/disco-freno.png", // disco de freno ventilado "GK-AC-5304": "products/aceite-sintetico.png", // aceite sintético "GK-AX-8890": "products/faro-led.png", // faro LED delantero "GK-MT-6620": "products/bomba-agua.png", // bomba de agua + empaque "GK-EL-9031": "products/sensor-oxigeno.png", // sensor de oxígeno (lambda) "GK-SU-5810": "products/brazo-control.png", // brazo de control inferior "GK-AX-1490": "products/plumillas.png", // plumillas limpiaparabrisas "GK-AX-2200": "products/cubierta-motor.png", // cubierta de motor // "GK-MT-7698": kit correa de distribución — pendiente (foto duplicada) }; /* ---------------- icons ---------------- */ function Ico({ n, s = 22 }) { const p = { width:s, height:s, viewBox:"0 0 24 24", fill:"none", stroke:"currentColor", strokeWidth:1.7, strokeLinecap:"round", strokeLinejoin:"round" }; switch (n) { case "gear": return ; case "disc": return ; case "bolt": return ; case "star": return ; case "drop": return ; case "box": return ; case "search":return ; case "wa": return ; case "check": return ; case "arrow": return ; case "truck": return ; case "chat": return ; case "x": return ; case "cart": return ; case "img": return ; case "swap": return ; default: return null; } } function Logo({ cls = "wm lg" }) { return GECKO; } /* ---------------- header ---------------- */ function Header({ search, setSearch, quoteCount, openQuote }) { return (
setSearch(e.target.value)} placeholder="Buscar repuesto o SKU…" />
); } /* ---------------- hero + finder ---------------- */ function Finder({ onSearch }) { const [m, setM] = useState(""); const [mo, setMo] = useState(""); const [a, setA] = useState(""); const [c, setC] = useState(""); return (

Encuentra tu repuesto

Busca por marca y modelo — cotizamos al instante.

); } function Hero({ onSearch }) { return (

Primera e-commerce de repuestos en Panamá

Repuestos para
toda marca.
En 24 horas.

Europeas, chinas, americanas y coreanas. Buscas la pieza, cotizas por WhatsApp y te la despachamos a todo Panamá en menos de un día.

<24h
Despacho
9.000+
SKU en stock
-30%
En ofertas
); } /* ---------------- regions ---------------- */ function Regions({ region, setRegion }) { return (
Trabajamos:
{REGIONS.map(r => )}
+14 marcas — Toyota, Hyundai, Kia, VW, BMW, Chery, BYD…
); } /* ---------------- categories ---------------- */ function Categories({ setCat }) { return (

Categorías

Todo para tu vehículo

{CATS.map(c => (
setCat(c.key)}>

{c.name}

{c.count}
))}
); } /* ---------------- catalog ---------------- */ function PhotoSlot({ src, onSet, badge, label = "Agregar foto" }) { const inputRef = useRef(); const [drag, setDrag] = useState(false); const handle = (file) => { resizeImage(file).then(onSet).catch(()=>{}); }; return (
{ if(!src) inputRef.current.click(); }} onDragOver={e=>{ e.preventDefault(); setDrag(true); }} onDragLeave={()=>setDrag(false)} onDrop={e=>{ e.preventDefault(); setDrag(false); handle(e.dataTransfer.files[0]); }}> {badge} {src ? ( <>
) : (
{label} Clic o arrastra
)} { handle(e.target.files[0]); e.target.value=""; }} />
); } function ProductCard({ p, inQuote, add, img, setImage }) { return (
setImage(p.sku, url)} badge={p.off ?
-{p.off}%
: null} />
{catName(p.cat)} · {p.region}

{p.name}

{p.sku}
{money(p.price)} {p.was && {money(p.was)}}
); } function Catalog({ search, setSearch, cat, setCat, region, setRegion, quote, add, images, setImage }) { const list = useMemo(() => P.filter(p => { if (cat && p.cat !== cat) return false; if (region && p.region !== region) return false; if (search.trim()) { const q = search.toLowerCase(); if (!(p.name.toLowerCase().includes(q) || p.sku.toLowerCase().includes(q) || catName(p.cat).toLowerCase().includes(q))) return false; } return true; }), [search, cat, region]); return ( ); } /* ---------------- offer ---------------- */ function Offer({ openQuote }) { return (

HASTA 30% OFF
EN REPUESTOS
SELECCIONADOS

Frenos, baterías, suspensión y motor con descuento. Stock limitado — arma tu cotización hoy.

); } /* ---------------- steps ---------------- */ function Steps() { const steps = [ { n:"01", icon:"search", h:"Busca tu pieza", p:"Filtra por marca, modelo y categoría, o escríbenos el número de parte." }, { n:"02", icon:"chat", h:"Cotiza por WhatsApp", p:"Arma tu lista y envíala. Confirmamos precio, disponibilidad y compatibilidad." }, { n:"03", icon:"truck", h:"Recibe en 24h", p:"Despachamos a todo Panamá en menos de un día. Tú sigues rodando." }, ]; return (

Cómo funciona

Tres pasos, un día

{steps.map((s,i) => (
{s.n}
{i<2 &&
}

{s.h}

{s.p}

))}
); } /* ---------------- wholesale ---------------- */ function Wholesale({ waLink }) { return (

Talleres & revendedores

Precios de mayoreo para tu negocio

Si compras por volumen para tu taller o tienda, tenemos lista de precios especial, crédito y despacho prioritario.

  • Descuentos por volumen escalonados
  • Línea directa de pedidos por WhatsApp
  • Despacho prioritario en 24h
Solicitar lista de mayoreo
); } /* ---------------- footer ---------------- */ function Footer({ waLink }) { return ( ); } /* ---------------- quote drawer ---------------- */ function Drawer({ open, close, quote, setQty, remove, waLink, images }) { const total = quote.reduce((s,q)=>s+q.price*q.qty, 0); const msg = useMemo(() => { if (!quote.length) return ""; let t = "Hola GECKO 👋, quiero cotizar estos repuestos:%0A%0A"; quote.forEach(q => { t += `• ${q.qty}x ${q.name} (${q.sku}) — ${money(q.price)}%0A`; }); t += `%0ATotal referencia: ${money(total)}%0A%0A¿Disponibilidad y despacho?`; return t; }, [quote, total]); return ( <>
); } /* ---------------- app ---------------- */ function App() { const [search, setSearch] = useState(""); const [cat, setCat] = useState(""); const [region, setRegion] = useState(""); const [quote, setQuote] = useState([]); const [drawer, setDrawer] = useState(false); const [toast, setToast] = useState(""); const [images, setImages] = useState(loadImgs); const tRef = useRef(); const setImage = (sku, url) => setImages(m => { const next = { ...m }; if (url) next[sku] = url; else delete next[sku]; saveImgs(next); return next; }); const waLink = (text) => `https://wa.me/${WA_NUMBER}?text=${encodeURIComponent(text)}`; const showToast = (m) => { setToast(m); clearTimeout(tRef.current); tRef.current = setTimeout(()=>setToast(""), 2200); }; const add = (p) => { setQuote(q => { const ex = q.find(x => x.id === p.id); if (ex) return q.map(x => x.id===p.id ? {...x, qty:x.qty+1} : x); return [...q, { ...p, qty:1 }]; }); showToast("Agregado a tu cotización"); }; const setQty = (id, n) => setQuote(q => n<=0 ? q.filter(x=>x.id!==id) : q.map(x=>x.id===id?{...x,qty:n}:x)); const remove = (id) => setQuote(q => q.filter(x=>x.id!==id)); return ( <>
Despacho en < 24h en todo Panamá Cotiza por WhatsApp Hasta 30% OFF
s+q.qty,0)} openQuote={()=>setDrawer(true)} /> { setCat(c); window.location.hash = "catalogo"; }} /> setDrawer(true)} />