// SimpleTEC sections — dark tech landing const { useState, useEffect, useRef, useMemo } = React; // ─── Utilities ───────────────────────────────────────────── const cls = (...xs) => xs.filter(Boolean).join(" "); function useInView(opts = { threshold: 0.15 }) { const ref = useRef(null); const [inView, setInView] = useState(false); useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setInView(true); io.disconnect(); } }, opts); io.observe(ref.current); return () => io.disconnect(); }, []); return [ref, inView]; } function Reveal({ children, delay = 0, as: As = "div", className = "", ...rest }) { const [ref, inView] = useInView(); return ( {children} ); } // ─── Shared primitives ──────────────────────────────────── function Kicker({ children }) { return
{children}
; } function Pill({ children, dot }) { return ( {dot && } {children} ); } function Button({ children, variant = "primary", href, onClick, icon, ...rest }) { const Tag = href ? "a" : "button"; return ( {icon && {icon}} {children} ); } const WA_ICON = ( ); const ARROW_ICON = ( ); const SUN_ICON = ( ); const MOON_ICON = ( ); function BrandLogo() { return ( SimpleTEC SimpleTEC ); } function ThemeToggle({ theme, setTheme }) { const next = theme === "dark" ? "light" : "dark"; return ( ); } // ─── Nav ────────────────────────────────────────────────── function Nav({ theme, setTheme }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); return (
Respondemos ahora
); } // ─── Hero ───────────────────────────────────────────────── function DiagnosticTerminal() { const lines = useMemo( () => [ { t: 0, k: "log", v: "simpletec diagnose --device notebook --serial 4F·A29" }, { t: 600, k: "ok", v: "link establecido · whatsapp +54 9 11 7064-7160" }, { t: 1200, k: "scan", v: "scan · disco · memoria · temperatura · batería" }, { t: 2100, k: "warn", v: "ssd 94% salud · batería 2 ciclos sobre umbral" }, { t: 2800, k: "fix", v: "plan · clonado ssd + limpieza térmica + pasta" }, { t: 3600, k: "eta", v: "presupuesto 24 hs · trabajo 48–72 hs · garantía 90 días" }, { t: 4400, k: "done", v: "listo para aprobar · no tocamos nada sin tu OK" }, ], [] ); const [visible, setVisible] = useState(0); const [tick, setTick] = useState(0); useEffect(() => { const timers = lines.map((l, i) => setTimeout(() => setVisible((v) => Math.max(v, i + 1)), l.t + 200) ); const reset = setTimeout(() => { setVisible(0); setTick((t) => t + 1); }, 7800); return () => { timers.forEach(clearTimeout); clearTimeout(reset); }; }, [tick]); return (
diagnóstico · sesión #2149
en vivo
{lines.slice(0, visible).map((l, i) => (
{l.k === "log" ? "›" : l.k.toUpperCase()} {l.v}
))}
›
Retiro Escobar · a domicilio
Presupuesto Sin cargo · por escrito
Garantía 90 días en hardware
); } function Hero() { return (
Servicio técnico en Escobar y zona norte

Tu PC rota no
se mueve de
tu casa. Nosotros sí.

Pasamos, retiramos, diagnosticamos y devolvemos. Presupuesto antes de tocar nada. Si no tiene arreglo, te lo decimos de una.

24–48 hs diagnóstico
$0 costo de diagnóstico
90 días garantía en hardware
{[ "Escobar centro", "Belén de Escobar", "Ingeniero Maschwitz", "Matheu", "Garín", "Pilar", "Tigre", "Benavídez", "Countries zona norte", "Escobar centro", "Belén de Escobar", "Ingeniero Maschwitz", "Matheu", "Garín", "Pilar", "Tigre", "Benavídez", "Countries zona norte", ].map((z, i) => ( {z} ))}
); } // ─── Trust bar ──────────────────────────────────────────── function TrustBar() { const stats = [ { k: "+200", l: "equipos reparados" }, { k: "24–48 hs", l: "promedio de diagnóstico" }, { k: "$0", l: "costo de diagnóstico" }, { k: "90 días", l: "garantía en hardware" }, ]; return (
{stats.map((s, i) => (
{s.k}
{s.l}
 ))}
); } // ─── Cómo funciona ──────────────────────────────────────── function HowItWorks() { const steps = [ { n: "01", t: "Nos escribís", d: "Contanos el síntoma por WhatsApp. Si alcanza con una foto, te orientamos gratis sin mover nada.", m: "WhatsApp · Instagram · Web", }, { n: "02", t: "Retiramos y diagnosticamos", d: "Pasamos por tu casa o oficina. Diagnóstico en 24–48 hs hábiles y presupuesto por escrito.", m: "Retiro a domicilio", }, { n: "03", t: "Aprobás y arreglamos", d: "No tocamos nada sin tu OK. Trabajamos, te avisamos cuando está, y te lo devolvemos.", m: "Garantía 30–90 días", }, ]; return (
03 · Cómo funciona

Tres pasos. Sin sorpresas.

El flujo de siempre, pero sin que tengas que salir de tu casa ni llamar a un call center.

{steps.map((s, i) => (
{s.n} {s.m}

{s.t}

{s.d}

{i < steps.length - 1 &&
} ))}
); } // ─── Servicios ──────────────────────────────────────────── const SERVICES = [ { id: "notebook", t: "Notebooks", d: "Pantalla, teclado, batería, carga, limpieza interna.", items: [ "Cambio de pantalla", "Teclado, bisagras y carcasa", "Cambio de batería", "Reparación de pin de carga", "Limpieza + pasta térmica", "Recuperación de datos", ], icon: ( ), }, { id: "pc", t: "PCs de escritorio", d: "Fuentes, placas, refrigeración, armado y diagnóstico.", items: [ "Fuente, placa, RAM o disco", "Diagnóstico de fallas intermitentes", "Limpieza profunda + pasta", "Refrigeración líquida / custom", "Armado y cableado", "Upgrades de GPU", ], icon: ( ), }, { id: "software", t: "Software y sistema", d: "Windows limpio, sin virus, backups y optimización.", items: [ "Instalación limpia de Windows", "Migración de datos", "Remoción de virus y malware", "Optimización de rendimiento", "Configuración de backup", "Soporte remoto", ], icon: ( ), }, { id: "upgrades", t: "Upgrades", d: "Más velocidad, más RAM, más cuadros por segundo.", items: [ "SSD M.2 o SATA + clonado", "Ampliación de memoria RAM", "Cambio de GPU", "Mejora de refrigeración", "Armado a medida", "Cuellos de botella resueltos", ], icon: ( ), }, ]; function Services() { const [active, setActive] = useState("notebook"); const current = SERVICES.find((s) => s.id === active) || SERVICES[0]; return (
02 · Catálogo

Si lo enchufás, lo arreglamos.

Reparación, software, upgrades y armado a medida. Todo con retiro y entrega en zona norte.

{SERVICES.map((s, i) => ( ))}
); } // ─── Zona de cobertura ──────────────────────────────────── const ZONES = [ { z: "Belén de Escobar", km: 0, price: 0, lat: -34.3489, lng: -58.7919 }, { z: "Garín", km: 8, price: 3200, lat: -34.4192, lng: -58.7397 }, { z: "Matheu", km: 9, price: 3600, lat: -34.3858, lng: -58.7172 }, { z: "Ingeniero Maschwitz", km: 10, price: 4000, lat: -34.3856, lng: -58.7383 }, { z: "Countries Maschwitz / Escobar", km: 13, price: 5200, lat: -34.3942, lng: -58.7625 }, { z: "Benavídez", km: 12, price: 4800, lat: -34.4106, lng: -58.7158 }, { z: "Tigre centro", km: 18, price: 7200, lat: -34.4264, lng: -58.5797 }, ]; function CoverageLeafletMap({ selected, setSelected }) { const containerRef = useRef(null); const mapRef = useRef(null); const tileRef = useRef(null); const markersRef = useRef({}); useEffect(() => { if (!window.L || !containerRef.current) return; const map = L.map(containerRef.current, { scrollWheelZoom: false, zoomControl: false, attributionControl: true, }); mapRef.current = map; L.control.zoom({ position: "bottomright" }).addTo(map); const applyTiles = (theme) => { if (tileRef.current) map.removeLayer(tileRef.current); const url = theme === "light" ? "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png" : "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png"; tileRef.current = L.tileLayer(url, { attribution: '© OSM · © CARTO', subdomains: "abcd", maxZoom: 19, }).addTo(map); }; applyTiles(document.documentElement.dataset.theme || "dark"); ZONES.forEach((z) => { const marker = L.circleMarker([z.lat, z.lng], { radius: 7, fillColor: "#7C3AED", color: "#ffffff", weight: 2, opacity: 1, fillOpacity: 0.9, }).addTo(map); marker.bindTooltip(z.z, { direction: "top", offset: [0, -6] }); marker.on("click", () => setSelected(z.z)); markersRef.current[z.z] = marker; }); const bounds = L.latLngBounds(ZONES.map((z) => [z.lat, z.lng])); map.fitBounds(bounds, { padding: [28, 28] }); const observer = new MutationObserver(() => { applyTiles(document.documentElement.dataset.theme || "dark"); }); observer.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme"] }); return () => { observer.disconnect(); map.remove(); }; }, []); useEffect(() => { Object.entries(markersRef.current).forEach(([name, marker]) => { const isActive = name === selected; marker.setStyle({ radius: isActive ? 10 : 7, fillColor: isActive ? "#A78BFA" : "#7C3AED", }); if (isActive) marker.bringToFront(); }); }, [selected]); return
; } function Coverage() { const [selected, setSelected] = useState("Belén de Escobar"); // eslint-disable-next-line const zone = ZONES.find((z) => z.z === selected) || ZONES[0]; const fmt = new Intl.NumberFormat("es-AR"); return (
04 · Zona de cobertura

Retiramos y entregamos
en zona norte.

zona · ar · buenos aires · norte
seleccionada
{zone.z}
retiro + entrega
{zone.price === 0 ? "Sin cargo" : `$${fmt.format(zone.price)}`}
zona km (ida) costo
{ZONES.map((z) => ( ))}
nota

Se cobra una sola vez por trabajo. Si no aprobás el presupuesto, pagás únicamente la logística de tu zona.

); } // ─── Garantía ───────────────────────────────────────────── function Warranty() { const cards = [ { t: "Diagnóstico", k: "Gratis", d: "Remoto por WhatsApp siempre gratis. Presencial también: solo pagás la logística si no aprobás.", meta: "whatsapp · presencial", }, { t: "Reparación de software", k: "30 días", d: "Reinstalación, limpieza y optimización. Si vuelve la misma falla, la revisamos sin cargo.", meta: "windows · malware · backup", }, { t: "Reparación de hardware", k: "90 días", d: "Cambio de componentes, soldaduras y reparación de placa. Cubre la falla reparada.", meta: "placa · pantalla · batería", }, { t: "Presupuesto por escrito", k: "7 días", d: "Te lo mandamos por WhatsApp. No tocamos nada sin tu aprobación.", meta: "sin sorpresas", }, ]; return (
05 · Respaldo

Lo que firmamos,
lo respondemos.

Reglas claras sobre diagnóstico, garantía y presupuesto. En castellano, no en jerga.

{cards.map((c, i) => (
{c.k}

{c.t}

{c.d}

{c.meta}
 ))}
); } // ─── FAQ ────────────────────────────────────────────────── const FAQ = [ { q: "¿Tienen local para llevar el equipo?", a: "No. Trabajamos a domicilio: pasamos, retiramos y te lo devolvemos cuando está listo. Es más cómodo y no movés el equipo.", }, { q: "¿Cuánto tardan en darme el presupuesto?", a: "Entre 24 y 48 hs hábiles desde que retiramos el equipo. Te lo mandamos por escrito por WhatsApp. Tenés 7 días para aprobarlo.", }, { q: "¿Qué pasa si no apruebo el trabajo?", a: "Pagás únicamente la logística de tu zona. Nada más. Y no te cobramos el diagnóstico.", }, { q: "¿Qué medios de pago aceptan?", a: "Efectivo, transferencia, CBU o alias, Mercado Pago (link o QR) y tarjetas de débito o crédito vía Mercado Pago. El pago es contra entrega.", }, { q: "¿Atienden fuera de Escobar?", a: "Sí, en toda la zona norte: Belén de Escobar, Ingeniero Maschwitz, Matheu, Garín, Pilar, Tigre, Benavídez y countries cercanos. Podés ver la tabla de logística arriba.", }, ]; function FAQSection() { const [open, setOpen] = useState(0); return (
06 · Preguntas frecuentes

Lo que siempre nos preguntan.

¿Te falta algo? Escribínos {ARROW_ICON}
{FAQ.map((f, i) => ( ))}
); } // ─── CTA final ──────────────────────────────────────────── function FinalCTA() { return (
Respondemos todos los días

Mandá una foto. Te orientamos
gratis en minutos.

Si alcanza con una foto por WhatsApp, nadie mueve nada. Si no, coordinamos el retiro a domicilio.

diagnóstico sin cargo
zona Escobar y zona norte
horarios coordinamos según tu disponibilidad
); } // ─── Footer ─────────────────────────────────────────────── function Footer() { return ( ); } // Expose Object.assign(window, { Nav, Hero, TrustBar, HowItWorks, Services, Coverage, Warranty, FAQSection, FinalCTA, Footer, });