{"product_id":"cargadorrre","title":"cargadorrre","description":"\/* ============================================================\n   PAGE: Home — Landing Page Cargador USB para Moto\n   DESIGN: \"Velocity Orange\" — Motorsport Editorial Bold\n   - Fondo blanco limpio, naranja #F97316 como energía\n   - Montserrat 800\/900 para display, Nunito Sans para body\n   - Layout asimétrico alternado, producto siempre protagonista\n   ============================================================ *\/\n\nimport { useEffect, useRef, useState } from \"react\";\nimport {\n  Zap,\n  Shield,\n  Droplets,\n  CheckCircle2,\n  XCircle,\n  Star,\n  Phone,\n  MapPin,\n  ChevronDown,\n  Bike,\n  Navigation,\n  Battery,\n  Power,\n  Lightbulb,\n  Wrench,\n  ArrowRight,\n  MessageCircle,\n  Truck,\n  Clock,\n  AlertCircle,\n  ChevronUp,\n  Smartphone,\n  Gauge,\n} from \"lucide-react\";\n\n\/\/ ─── Image URLs (uploaded to webdev CDN) ────────────────────\nconst IMG = {\n  hero:       \"\/manus-storage\/img1_c8de329b.png\",   \/\/ Hero: \"No te quedes sin batería\"\n  problems:   \"\/manus-storage\/img2_fec365cc.png\",   \/\/ Problema\/Solución\n  benefits:   \"\/manus-storage\/img3_08820e5a.png\",   \/\/ 6 Beneficios infografía\n  product1:   \"\/manus-storage\/img4_93ab3203.png\",   \/\/ Producto físico close-up\n  whyUs:      \"\/manus-storage\/img5_60105d99.png\",   \/\/ ¿Por qué elegirnos?\n  install:    \"\/manus-storage\/img6_439bc315.png\",   \/\/ Fácil de instalar paso a paso\n  reviews:    \"\/manus-storage\/img7_012222b0.png\",   \/\/ Testimonios de clientes\n};\n\n\/\/ ─── Scroll reveal hook ──────────────────────────────────────\nfunction useReveal() {\n  const ref = useRef\u003chtmldivelement\u003e(null);\n  useEffect(() =\u0026gt; {\n    const el = ref.current;\n    if (!el) return;\n    const obs = new IntersectionObserver(\n      ([entry]) =\u0026gt; {\n        if (entry.isIntersecting) {\n          el.classList.add(\"visible\");\n          obs.disconnect();\n        }\n      },\n      { threshold: 0.12 }\n    );\n    obs.observe(el);\n    return () =\u0026gt; obs.disconnect();\n  }, []);\n  return ref;\n}\n\n\/\/ ─── Animated counter ───────────────────────────────────────\nfunction Counter({ target, suffix = \"\" }: { target: number; suffix?: string }) {\n  const [count, setCount] = useState(0);\n  const ref = useRef\u003chtmlspanelement\u003e(null);\n  const started = useRef(false);\n  useEffect(() =\u0026gt; {\n    const el = ref.current;\n    if (!el) return;\n    const obs = new IntersectionObserver(\n      ([entry]) =\u0026gt; {\n        if (entry.isIntersecting \u0026amp;\u0026amp; !started.current) {\n          started.current = true;\n          let start = 0;\n          const duration = 1800;\n          const step = target \/ (duration \/ 16);\n          const timer = setInterval(() =\u0026gt; {\n            start += step;\n            if (start \u0026gt;= target) { setCount(target); clearInterval(timer); }\n            else setCount(Math.floor(start));\n          }, 16);\n        }\n      },\n      { threshold: 0.5 }\n    );\n    obs.observe(el);\n    return () =\u0026gt; obs.disconnect();\n  }, [target]);\n  return \u003cspan ref=\"{ref}\"\u003e{count.toLocaleString()}{suffix}\u003c\/span\u003e;\n}\n\n\/\/ ─── Sticky CTA bar ─────────────────────────────────────────\nfunction StickyCTA() {\n  const [visible, setVisible] = useState(false);\n  useEffect(() =\u0026gt; {\n    const handler = () =\u0026gt; setVisible(window.scrollY \u0026gt; 600);\n    window.addEventListener(\"scroll\", handler);\n    return () =\u0026gt; window.removeEventListener(\"scroll\", handler);\n  }, []);\n  return (\n    \u003cdiv classname=\"{`fixed\" bottom-0 left-0 right-0 z-50 transition-transform duration-300 visible :\u003e\n      \u003cdiv classname=\"bg-[#111111] py-3 px-4 flex items-center justify-between gap-3 max-w-screen-xl mx-auto\"\u003e\n        \u003cdiv classname=\"text-white\"\u003e\n          \u003cp classname=\"font-bold text-sm\" style=\"{{\" fontfamily: sans-serif\u003e\n            Cargador USB para Moto\n          \u003c\/p\u003e\n          \u003cp classname=\"text-[#F97316] text-xs font-semibold\"\u003e⚡ Envío gratis · Paga al recibir\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cbutton onclick=\"{()\"\u003e {\n            document.getElementById(\"contact-section\")?.scrollIntoView({ behavior: \"smooth\" });\n          }}\n          className=\"btn-orange pulse-cta px-5 py-2.5 text-sm whitespace-nowrap\"\n        \u0026gt;\n          ¡Pedir Ahora!\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  );\n}\n\n\/\/ ─── FAQ Accordion ──────────────────────────────────────────\nfunction FAQItem({ question, answer }: { question: string; answer: string }) {\n  const [open, setOpen] = useState(false);\n  return (\n    \u003cdiv classname=\"border border-gray-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\"\u003e\n      \u003cbutton onclick=\"{()\"\u003e setOpen(!open)}\n        className=\"w-full px-6 py-4 flex items-center justify-between bg-white hover:bg-gray-50 transition-colors text-left\"\n      \u0026gt;\n        \u003cspan classname=\"font-bold text-[#111111]\" style=\"{{\" fontfamily: sans-serif\u003e\n          {question}\n        \u003c\/span\u003e\n        \u003cchevrondown size=\"{20}\" classname=\"{`text-[#F97316]\" transition-transform :\u003e\u003c\/chevrondown\u003e\n      \u003c\/button\u003e\n      {open \u0026amp;\u0026amp; (\n        \u003cdiv classname=\"px-6 py-4 bg-gray-50 border-t border-gray-200 text-gray-600 text-sm leading-relaxed\"\u003e\n          {answer}\n        \u003c\/div\u003e\n      )}\n    \u003c\/div\u003e\n  );\n}\n\n\/\/ ─── Main Component ──────────────────────────────────────────\nexport default function Home() {\n  const r1 = useReveal();\n  const r2 = useReveal();\n  const r3 = useReveal();\n  const r4 = useReveal();\n  const r5 = useReveal();\n  const r6 = useReveal();\n  const r7 = useReveal();\n  const r8 = useReveal();\n  const r9 = useReveal();\n  const r10 = useReveal();\n\n  const [stock, setStock] = useState(Math.floor(Math.random() * 8) + 3);\n\n  return (\n    \u003cdiv classname=\"min-h-screen bg-white overflow-x-hidden\"\u003e\n      \u003cstickycta\u003e\u003c\/stickycta\u003e\n\n      {\/* ── TOP BAR ─────────────────────────────────────────── *\/}\n      \u003cdiv classname=\"bg-[#111111] text-white text-center py-2 px-4 text-sm font-semibold tracking-wide\"\u003e\n        🚚 \u003cspan classname=\"text-[#F97316]\"\u003eENVÍO GRATIS\u003c\/span\u003e a toda Guatemala  · \n        💰 \u003cspan classname=\"text-[#F97316]\"\u003ePAGA AL RECIBIR\u003c\/span\u003e  · \n        📞 Soporte 24\/7\n      \u003c\/div\u003e\n\n      {\/* ── NAVBAR ──────────────────────────────────────────── *\/}\n      \u003cnav classname=\"sticky top-0 z-40 bg-white\/95 backdrop-blur-sm border-b border-gray-100 shadow-sm\"\u003e\n        \u003cdiv classname=\"container flex items-center justify-between h-16\"\u003e\n          \u003cdiv classname=\"flex items-center gap-2\"\u003e\n            \u003czap classname=\"text-[#F97316]\" size=\"{22}\" fill=\"#F97316\"\u003e\u003c\/zap\u003e\n            \u003cspan classname=\"text-lg font-black text-[#111111]\" style=\"{{\" fontfamily: sans-serif\u003e\n              MOTO\u003cspan classname=\"text-[#F97316]\"\u003eCHARGE\u003c\/span\u003e\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cbutton onclick=\"{()\"\u003e {\n              document.getElementById(\"contact-section\")?.scrollIntoView({ behavior: \"smooth\" });\n            }}\n            className=\"btn-orange px-5 py-2 text-sm hidden sm:block\"\n          \u0026gt;\n            ¡Comprar Ahora!\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/nav\u003e\n\n      {\/* ── HERO SECTION ────────────────────────────────────── *\/}\n      \u003csection classname=\"relative bg-white overflow-hidden\"\u003e\n        \u003cimg src=\"{IMG.hero}\" alt=\"Cargador USB para moto — No te quedes sin batería en medio del camino\" classname=\"w-full object-contain\" style=\"{{\" maxheight:\u003e\n        {\/* CTA overlay at bottom *\/}\n        \u003cdiv classname=\"bg-[#111111] py-6 px-4\"\u003e\n          \u003cdiv classname=\"container flex flex-col sm:flex-row items-center justify-between gap-4\"\u003e\n            \u003cdiv classname=\"text-white text-center sm:text-left\"\u003e\n              \u003cp classname=\"text-2xl font-black\" style=\"{{\" fontfamily: sans-serif\u003e\n                ¡Solo por tiempo limitado!\n              \u003c\/p\u003e\n              \u003cp classname=\"text-[#F97316] font-semibold\"\u003e\n                🔥 Más de \u003cstrong\u003e1,865 clientes\u003c\/strong\u003e satisfechos · Rating 4.9 ★★★★★\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cbutton onclick=\"{()\"\u003e {\n                document.getElementById(\"contact-section\")?.scrollIntoView({ behavior: \"smooth\" });\n              }}\n              className=\"btn-orange pulse-cta px-8 py-4 text-lg w-full sm:w-auto text-center\"\n            \u0026gt;\n              ⚡ ¡QUIERO EL MÍO AHORA!\n            \u003c\/button\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      {\/* ── STATS BAR ───────────────────────────────────────── *\/}\n      \u003cdiv ref=\"{r1}\" classname=\"reveal bg-[#F97316] py-8\"\u003e\n        \u003cdiv classname=\"container\"\u003e\n          \u003cdiv classname=\"grid grid-cols-2 md:grid-cols-4 gap-6 text-white text-center\"\u003e\n            {[\n              { value: 1865, suffix: \"+\", label: \"Clientes Felices\" },\n              { value: 5500, suffix: \"+\", label: \"Pedidos Entregados\" },\n              { value: 4, suffix: \" años\", label: \"De Experiencia\" },\n              { value: 99, suffix: \"%\", label: \"Satisfacción\" },\n            ].map((stat) =\u0026gt; (\n              \u003cdiv key=\"{stat.label}\"\u003e\n                \u003cp classname=\"text-3xl md:text-4xl font-black\" style=\"{{\" fontfamily: sans-serif\u003e\n                  \u003ccounter target=\"{stat.value}\" suffix=\"{stat.suffix}\"\u003e\u003c\/counter\u003e\n                \u003c\/p\u003e\n                \u003cp classname=\"text-sm font-semibold opacity-90 mt-1\"\u003e{stat.label}\u003c\/p\u003e\n              \u003c\/div\u003e\n            ))}\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      {\/* ── PROBLEM \/ SOLUTION ──────────────────────────────── *\/}\n      \u003csection classname=\"py-4 bg-white\"\u003e\n        \u003cdiv ref=\"{r2}\" classname=\"reveal container\"\u003e\n          \u003cdiv classname=\"text-center mb-6 pt-8\"\u003e\n            \u003cspan classname=\"badge-orange\"\u003e¿Te ha pasado esto?\u003c\/span\u003e\n            \u003ch2 classname=\"text-3xl md:text-4xl font-black text-[#111111] mt-3\" style=\"{{\" fontfamily: sans-serif\u003e\n              Problemas que ya no tendrás\n            \u003c\/h2\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cimg src=\"{IMG.problems}\" alt=\"Problema: batería agotada en moto — Solución: cargador USB para moto\" classname=\"w-full object-contain\" style=\"{{\" maxwidth: margin: auto display:\u003e\n      \u003c\/section\u003e\n\n      {\/* ── 6 BENEFITS ──────────────────────────────────────── *\/}\n      \u003csection classname=\"py-4 bg-[#F9FAFB]\"\u003e\n        \u003cdiv ref=\"{r3}\" classname=\"reveal container\"\u003e\n          \u003cdiv classname=\"text-center mb-6 pt-8\"\u003e\n            \u003cspan classname=\"badge-orange\"\u003eLo que obtienes\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cimg src=\"{IMG.benefits}\" alt=\"6 beneficios del cargador USB para moto que hacen la diferencia\" classname=\"w-full object-contain\" style=\"{{\" maxwidth: margin: auto display:\u003e\n      \u003c\/section\u003e\n\n      {\/* ── PRODUCT CLOSE-UP + FEATURES ─────────────────────── *\/}\n      \u003csection classname=\"py-16 bg-white\"\u003e\n        \u003cdiv classname=\"container\"\u003e\n          \u003cdiv classname=\"grid md:grid-cols-2 gap-12 items-center\"\u003e\n            \u003cdiv ref=\"{r4}\" classname=\"reveal-left\"\u003e\n              \u003cimg src=\"{IMG.product1}\" alt=\"Cargador USB para moto — No dejes que una batería descargada te detenga\" classname=\"w-full object-contain rounded-2xl\" style=\"{{\" maxheight:\u003e\n            \u003c\/div\u003e\n            \u003cdiv ref=\"{r5}\" classname=\"reveal-right space-y-6\"\u003e\n              \u003cspan classname=\"badge-orange\"\u003eCaracterísticas técnicas\u003c\/span\u003e\n              \u003ch2 classname=\"text-3xl md:text-4xl font-black text-[#111111] leading-tight\" style=\"{{\" fontfamily: sans-serif\u003e\n                Todo lo que necesitas en{\" \"}\n                \u003cspan classname=\"text-[#F97316]\"\u003eun solo dispositivo\u003c\/span\u003e\n              \u003c\/h2\u003e\n              \u003cdiv classname=\"space-y-4\"\u003e\n                {[\n                  { icon: \u003czap size=\"{20}\"\u003e\u003c\/zap\u003e, title: \"Puerto USB de Carga Rápida\", desc: \"Carga tu celular, tablet o cualquier dispositivo USB de forma eficiente y estable.\" },\n                  { icon: \u003cpower size=\"{20}\"\u003e\u003c\/power\u003e, title: \"Interruptor ON\/OFF\", desc: \"Control total de la energía. Enciéndelo solo cuando lo necesites para ahorrar batería de tu moto.\" },\n                  { icon: \u003clightbulb size=\"{20}\"\u003e\u003c\/lightbulb\u003e, title: \"Luz LED Indicadora\", desc: \"Sabrás siempre si está activo gracias al LED azul indicador de funcionamiento.\" },\n                  { icon: \u003cdroplets size=\"{20}\"\u003e\u003c\/droplets\u003e, title: \"Resistente al Agua\", desc: \"Tapa protectora que resiste lluvia, salpicaduras y condiciones climáticas exigentes.\" },\n                  { icon: \u003cshield size=\"{20}\"\u003e\u003c\/shield\u003e, title: \"Construcción Robusta\", desc: \"Materiales de alta calidad y durabilidad, diseñado para resistir el uso intenso.\" },\n                  { icon: \u003cbike size=\"{20}\"\u003e\u003c\/bike\u003e, title: \"Universal — Todas las Motos\", desc: \"Compatible con motocicletas, scooters, ATV, lanchas, autos y camiones.\" },\n                ].map((feat) =\u0026gt; (\n                  \u003cdiv key=\"{feat.title}\" classname=\"feature-card flex gap-4 p-4 rounded-xl border border-gray-100 bg-white shadow-sm\"\u003e\n                    \u003cdiv classname=\"flex-shrink-0 w-10 h-10 bg-[#FFF7ED] rounded-lg flex items-center justify-center text-[#F97316]\"\u003e\n                      {feat.icon}\n                    \u003c\/div\u003e\n                    \u003cdiv\u003e\n                      \u003cp classname=\"font-bold text-[#111111] text-sm\" style=\"{{\" fontfamily: sans-serif\u003e\n                        {feat.title}\n                      \u003c\/p\u003e\n                      \u003cp classname=\"text-gray-500 text-sm mt-0.5\"\u003e{feat.desc}\u003c\/p\u003e\n                    \u003c\/div\u003e\n                  \u003c\/div\u003e\n                ))}\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      {\/* ── COMPATIBILITY GRID ──────────────────────────────── *\/}\n      \u003csection classname=\"py-16 bg-[#F9FAFB]\"\u003e\n        \u003cdiv ref=\"{r6}\" classname=\"reveal container\"\u003e\n          \u003cdiv classname=\"text-center mb-12\"\u003e\n            \u003cspan classname=\"badge-orange\"\u003eCompatibilidad\u003c\/span\u003e\n            \u003ch2 classname=\"text-3xl md:text-4xl font-black text-[#111111] mt-3\" style=\"{{\" fontfamily: sans-serif\u003e\n              Funciona con \u003cspan classname=\"text-[#F97316]\"\u003etodos tus vehículos\u003c\/span\u003e\n            \u003c\/h2\u003e\n            \u003cp classname=\"text-gray-600 mt-3 max-w-2xl mx-auto\"\u003e\n              Diseñado para ser universal. Instálalo en tu moto, scooter, ATV, lancha, auto o camión.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv classname=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\"\u003e\n            {[\n              { icon: \u003cbike size=\"{32}\"\u003e\u003c\/bike\u003e, label: \"Motos\" },\n              { icon: \u003cbike size=\"{32}\"\u003e\u003c\/bike\u003e, label: \"Scooters\" },\n              { icon: \u003cgauge size=\"{32}\"\u003e\u003c\/gauge\u003e, label: \"ATV\" },\n              { icon: \u003cnavigation size=\"{32}\"\u003e\u003c\/navigation\u003e, label: \"Lanchas\" },\n              { icon: \u003ctruck size=\"{32}\"\u003e\u003c\/truck\u003e, label: \"Autos\" },\n              { icon: \u003ctruck size=\"{32}\"\u003e\u003c\/truck\u003e, label: \"Camiones\" },\n            ].map((item) =\u0026gt; (\n              \u003cdiv key=\"{item.label}\" classname=\"feature-card flex flex-col items-center justify-center p-6 rounded-xl border border-gray-200 bg-white shadow-sm\"\u003e\n                \u003cdiv classname=\"text-[#F97316] mb-3\"\u003e{item.icon}\u003c\/div\u003e\n                \u003cp classname=\"font-bold text-[#111111] text-sm text-center\" style=\"{{\" fontfamily: sans-serif\u003e\n                  {item.label}\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            ))}\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      {\/* ── HOW TO INSTALL ──────────────────────────────────── *\/}\n      \u003csection classname=\"py-4 bg-white\"\u003e\n        \u003cdiv ref=\"{r7}\" classname=\"reveal container\"\u003e\n          \u003cdiv classname=\"text-center mb-6 pt-8\"\u003e\n            \u003cspan classname=\"badge-orange\"\u003eInstalación\u003c\/span\u003e\n            \u003ch2 classname=\"text-3xl md:text-4xl font-black text-[#111111] mt-3\" style=\"{{\" fontfamily: sans-serif\u003e\n              Instálalo en minutos,{\" \"}\n              \u003cspan classname=\"text-[#F97316]\"\u003esin herramientas especiales\u003c\/span\u003e\n            \u003c\/h2\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cimg src=\"{IMG.install}\" alt=\"Cómo instalar el cargador USB para moto paso a paso\" classname=\"w-full object-contain\" style=\"{{\" maxwidth: margin: auto display:\u003e\n      \u003c\/section\u003e\n\n      {\/* ── WHY US \/ COMPARISON ─────────────────────────────── *\/}\n      \u003csection classname=\"py-4 bg-[#F9FAFB]\"\u003e\n        \u003cdiv ref=\"{r8}\" classname=\"reveal container\"\u003e\n          \u003cdiv classname=\"text-center mb-6 pt-8\"\u003e\n            \u003cspan classname=\"badge-orange\"\u003eComparativa\u003c\/span\u003e\n            \u003ch2 classname=\"text-3xl md:text-4xl font-black text-[#111111] mt-3\" style=\"{{\" fontfamily: sans-serif\u003e\n              ¿Por qué elegirnos?\n            \u003c\/h2\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cimg src=\"{IMG.whyUs}\" alt=\"Por qué elegirnos — comparativa de características vs competencia\" classname=\"w-full object-contain\" style=\"{{\" maxwidth: margin: auto display:\u003e\n      \u003c\/section\u003e\n\n      {\/* ── TESTIMONIALS ────────────────────────────────────── *\/}\n      \u003csection classname=\"py-4 bg-white\"\u003e\n        \u003cdiv ref=\"{r9}\" classname=\"reveal container\"\u003e\n          \u003cdiv classname=\"text-center mb-6 pt-8\"\u003e\n            \u003cspan classname=\"badge-orange\"\u003eTestimonios reales\u003c\/span\u003e\n            \u003ch2 classname=\"text-3xl md:text-4xl font-black text-[#111111] mt-3\" style=\"{{\" fontfamily: sans-serif\u003e\n              Lo que opinan{\" \"}\n              \u003cspan classname=\"text-[#F97316]\"\u003enuestros clientes\u003c\/span\u003e\n            \u003c\/h2\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cimg src=\"{IMG.reviews}\" alt=\"Opiniones y testimonios de clientes del cargador USB para moto\" classname=\"w-full object-contain\" style=\"{{\" maxwidth: margin: auto display:\u003e\n      \u003c\/section\u003e\n\n      {\/* ── DELIVERY INFO ───────────────────────────────────── *\/}\n      \u003csection classname=\"py-16 bg-[#F9FAFB]\"\u003e\n        \u003cdiv classname=\"container\"\u003e\n          \u003cdiv classname=\"text-center mb-12\"\u003e\n            \u003cspan classname=\"badge-orange\"\u003eEnvíos a Guatemala\u003c\/span\u003e\n            \u003ch2 classname=\"text-3xl md:text-4xl font-black text-[#111111] mt-3\" style=\"{{\" fontfamily: sans-serif\u003e\n              Entrega rápida y \u003cspan classname=\"text-[#F97316]\"\u003e100% segura\u003c\/span\u003e\n            \u003c\/h2\u003e\n          \u003c\/div\u003e\n          \u003cdiv classname=\"grid md:grid-cols-3 gap-8\"\u003e\n            {[\n              { icon: \u003ctruck size=\"{32}\" classname=\"text-[#F97316]\"\u003e\u003c\/truck\u003e, title: \"Envío Gratis\", desc: \"A cualquier parte de Guatemala sin costo adicional. Entrega a domicilio.\" },\n              { icon: \u003cclock size=\"{32}\" classname=\"text-[#F97316]\"\u003e\u003c\/clock\u003e, title: \"Entrega Rápida\", desc: \"Recibe tu pedido en 3-5 días hábiles. Rastreo disponible en tiempo real.\" },\n              { icon: \u003ccheckcircle2 size=\"{32}\" classname=\"text-[#F97316]\"\u003e\u003c\/checkcircle2\u003e, title: \"Paga al Recibir\", desc: \"Sin riesgo. Pagas solo cuando tienes el producto en tus manos verificado.\" },\n            ].map((item) =\u0026gt; (\n              \u003cdiv key=\"{item.title}\" classname=\"feature-card p-8 rounded-xl border border-gray-200 bg-white shadow-sm text-center\"\u003e\n                \u003cdiv classname=\"flex justify-center mb-4\"\u003e{item.icon}\u003c\/div\u003e\n                \u003cp classname=\"font-bold text-[#111111] text-lg mb-2\" style=\"{{\" fontfamily: sans-serif\u003e\n                  {item.title}\n                \u003c\/p\u003e\n                \u003cp classname=\"text-gray-600 text-sm leading-relaxed\"\u003e{item.desc}\u003c\/p\u003e\n              \u003c\/div\u003e\n            ))}\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      {\/* ── STOCK INDICATOR ─────────────────────────────────── *\/}\n      \u003csection classname=\"py-12 bg-white\"\u003e\n        \u003cdiv ref=\"{r10}\" classname=\"reveal container\"\u003e\n          \u003cdiv classname=\"bg-gradient-to-r from-[#FFF7ED] to-[#FFE4CC] rounded-2xl p-8 border-2 border-[#F97316] text-center\"\u003e\n            \u003cdiv classname=\"flex items-center justify-center gap-2 mb-3\"\u003e\n              \u003calertcircle classname=\"text-[#F97316]\" size=\"{24}\"\u003e\u003c\/alertcircle\u003e\n              \u003cspan classname=\"badge-orange\"\u003eStock limitado\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cp classname=\"text-2xl font-black text-[#111111]\" style=\"{{\" fontfamily: sans-serif\u003e\n              Solo \u003cspan classname=\"text-[#F97316]\"\u003e{stock} unidades\u003c\/span\u003e disponibles en stock\n            \u003c\/p\u003e\n            \u003cp classname=\"text-gray-600 mt-2\"\u003e\n              La demanda es alta. Asegura el tuyo antes de que se agoten.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      {\/* ── FAQ SECTION ─────────────────────────────────────── *\/}\n      \u003csection classname=\"py-16 bg-[#F9FAFB]\"\u003e\n        \u003cdiv classname=\"container\"\u003e\n          \u003cdiv classname=\"text-center mb-12\"\u003e\n            \u003cspan classname=\"badge-orange\"\u003ePreguntas frecuentes\u003c\/span\u003e\n            \u003ch2 classname=\"text-3xl md:text-4xl font-black text-[#111111] mt-3\" style=\"{{\" fontfamily: sans-serif\u003e\n              Respuestas a tus \u003cspan classname=\"text-[#F97316]\"\u003edudas\u003c\/span\u003e\n            \u003c\/h2\u003e\n          \u003c\/div\u003e\n          \u003cdiv classname=\"max-w-3xl mx-auto space-y-4\"\u003e\n            {[\n              {\n                q: \"¿Es compatible con mi moto?\",\n                a: \"Sí, es compatible con prácticamente todas las motocicletas, scooters, ATV, lanchas, autos y camiones. Tiene un soporte universal ajustable que se adapta a cualquier manillar.\",\n              },\n              {\n                q: \"¿Cuánto tiempo tarda en llegar?\",\n                a: \"Los envíos a Guatemala toman entre 3-5 días hábiles. Recibirás un número de rastreo para seguir tu pedido en tiempo real.\",\n              },\n              {\n                q: \"¿Qué pasa si el producto llega dañado?\",\n                a: \"Si el producto llega dañado, contáctanos inmediatamente con fotos y te enviaremos un reemplazo sin costo. Queremos que estés 100% satisfecho.\",\n              },\n              {\n                q: \"¿Puedo pagar de otra forma además de al recibir?\",\n                a: \"Por el momento aceptamos pago al recibir. Contáctanos si necesitas otra opción de pago.\",\n              },\n              {\n                q: \"¿Cuál es el voltaje de salida del cargador?\",\n                a: \"El cargador tiene un puerto USB estándar que proporciona 5V\/2A, compatible con la mayoría de dispositivos móviles y tablets.\",\n              },\n              {\n                q: \"¿Necesito herramientas especiales para instalarlo?\",\n                a: \"No, la instalación es muy simple. Solo necesitas ajustar el soporte al manillar y conectar los cables a la batería. Incluye instrucciones paso a paso.\",\n              },\n            ].map((item, idx) =\u0026gt; (\n              \u003cfaqitem key=\"{idx}\" question=\"{item.q}\" answer=\"{item.a}\"\u003e\u003c\/faqitem\u003e\n            ))}\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      {\/* ── CONTACT FORM SECTION ────────────────────────────── *\/}\n      \u003csection id=\"contact-section\" classname=\"py-16 bg-white\"\u003e\n        \u003cdiv classname=\"container\"\u003e\n          \u003cdiv classname=\"max-w-2xl mx-auto\"\u003e\n            \u003cdiv classname=\"text-center mb-12\"\u003e\n              \u003cspan classname=\"badge-orange\"\u003eHaz tu pedido\u003c\/span\u003e\n              \u003ch2 classname=\"text-3xl md:text-4xl font-black text-[#111111] mt-3\" style=\"{{\" fontfamily: sans-serif\u003e\n                ¡Completa tu \u003cspan classname=\"text-[#F97316]\"\u003eformulario de compra\u003c\/span\u003e!\n              \u003c\/h2\u003e\n              \u003cp classname=\"text-gray-600 mt-3\"\u003e\n                Llena el formulario y nos pondremos en contacto para confirmar tu pedido.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cform classname=\"space-y-5 bg-[#F9FAFB] p-8 rounded-2xl border border-gray-200\"\u003e\n              \u003cdiv\u003e\n                \u003clabel classname=\"block text-sm font-bold text-[#111111] mb-2\" style=\"{{\" fontfamily: sans-serif\u003e\n                  Nombre completo\n                \u003c\/label\u003e\n                \u003cinput type=\"text\" placeholder=\"Tu nombre\" classname=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#F97316] bg-white\" required\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv\u003e\n                \u003clabel classname=\"block text-sm font-bold text-[#111111] mb-2\" style=\"{{\" fontfamily: sans-serif\u003e\n                  Número de teléfono\n                \u003c\/label\u003e\n                \u003cinput type=\"tel\" placeholder=\"Tu número de teléfono\" classname=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#F97316] bg-white\" required\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv\u003e\n                \u003clabel classname=\"block text-sm font-bold text-[#111111] mb-2\" style=\"{{\" fontfamily: sans-serif\u003e\n                  Correo electrónico\n                \u003c\/label\u003e\n                \u003cinput type=\"email\" placeholder=\"tu@email.com\" classname=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#F97316] bg-white\" required\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv\u003e\n                \u003clabel classname=\"block text-sm font-bold text-[#111111] mb-2\" style=\"{{\" fontfamily: sans-serif\u003e\n                  Departamento \/ Municipio\n                \u003c\/label\u003e\n                \u003cselect classname=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#F97316] bg-white\" required\u003e\n                  \u003coption value=\"\"\u003eSelecciona tu ubicación\u003c\/option\u003e\n                  \u003coption value=\"guatemala\"\u003eGuatemala\u003c\/option\u003e\n                  \u003coption value=\"sacatepequez\"\u003eSacatepéquez\u003c\/option\u003e\n                  \u003coption value=\"escuintla\"\u003eEscuintla\u003c\/option\u003e\n                  \u003coption value=\"chimaltenango\"\u003eChimaltenango\u003c\/option\u003e\n                  \u003coption value=\"quetzaltenango\"\u003eQuetzaltenango\u003c\/option\u003e\n                  \u003coption value=\"huehuetenango\"\u003eHuehuetenango\u003c\/option\u003e\n                  \u003coption value=\"peten\"\u003ePetén\u003c\/option\u003e\n                  \u003coption value=\"alta-verapaz\"\u003eAlta Verapaz\u003c\/option\u003e\n                  \u003coption value=\"baja-verapaz\"\u003eBaja Verapaz\u003c\/option\u003e\n                  \u003coption value=\"el-progreso\"\u003eEl Progreso\u003c\/option\u003e\n                  \u003coption value=\"izabal\"\u003eIzabal\u003c\/option\u003e\n                  \u003coption value=\"jalapa\"\u003eJalapa\u003c\/option\u003e\n                  \u003coption value=\"jutiapa\"\u003eJutiapa\u003c\/option\u003e\n                  \u003coption value=\"santa-rosa\"\u003eSanta Rosa\u003c\/option\u003e\n                  \u003coption value=\"suchitepequez\"\u003eSuchitepéquez\u003c\/option\u003e\n                  \u003coption value=\"retalhuleu\"\u003eRetalhuleu\u003c\/option\u003e\n                  \u003coption value=\"totonicapan\"\u003eTotonicapán\u003c\/option\u003e\n                  \u003coption value=\"solola\"\u003eSololá\u003c\/option\u003e\n                  \u003coption value=\"san-marcos\"\u003eSan Marcos\u003c\/option\u003e\n                  \u003coption value=\"chuquisaca\"\u003eChuquisacá\u003c\/option\u003e\n                  \u003coption value=\"zacapa\"\u003eZacapa\u003c\/option\u003e\n                \u003c\/select\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv\u003e\n                \u003clabel classname=\"block text-sm font-bold text-[#111111] mb-2\" style=\"{{\" fontfamily: sans-serif\u003e\n                  Cantidad\n                \u003c\/label\u003e\n                \u003cselect classname=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#F97316] bg-white\" required\u003e\n                  \u003coption value=\"1\"\u003e1 unidad\u003c\/option\u003e\n                  \u003coption value=\"2\"\u003e2 unidades\u003c\/option\u003e\n                  \u003coption value=\"3\"\u003e3 unidades\u003c\/option\u003e\n                  \u003coption value=\"4\"\u003e4 unidades\u003c\/option\u003e\n                  \u003coption value=\"5\"\u003e5 unidades\u003c\/option\u003e\n                  \u003coption value=\"10\"\u003e10 unidades (mayoreo)\u003c\/option\u003e\n                \u003c\/select\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv\u003e\n                \u003clabel classname=\"block text-sm font-bold text-[#111111] mb-2\" style=\"{{\" fontfamily: sans-serif\u003e\n                  Mensaje (opcional)\n                \u003c\/label\u003e\n                \u003ctextarea placeholder=\"Cuéntanos si tienes alguna pregunta o comentario...\" rows=\"{4}\" classname=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#F97316] bg-white resize-none\"\u003e\u003c\/textarea\u003e\n              \u003c\/div\u003e\n\n              \u003cbutton type=\"submit\" classname=\"btn-orange w-full py-4 text-lg font-bold flex items-center justify-center gap-2\"\u003e\n                \u003czap size=\"{20}\"\u003e\u003c\/zap\u003e\n                ¡ENVIAR MI PEDIDO!\n              \u003c\/button\u003e\n\n              \u003cp classname=\"text-xs text-gray-500 text-center\"\u003e\n                Al enviar el formulario, aceptas que nos pongamos en contacto para confirmar tu pedido.\n              \u003c\/p\u003e\n            \u003c\/form\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      {\/* ── FINAL CTA ───────────────────────────────────────── *\/}\n      \u003csection classname=\"relative py-20 px-4 overflow-hidden\" style=\"{{\" backgroundimage: backgroundsize: backgroundposition:\u003e\n        \u003cdiv classname=\"absolute inset-0 bg-black\/75\"\u003e\u003c\/div\u003e\n        \u003cdiv classname=\"relative z-10 container text-center\"\u003e\n          \u003cspan classname=\"badge-orange mb-4 inline-block\"\u003e¡Oferta limitada!\u003c\/span\u003e\n          \u003ch2 classname=\"text-4xl md:text-5xl font-black text-white mt-4 leading-tight\" style=\"{{\" fontfamily: sans-serif\u003e\n            No dejes que una batería\u003cbr\u003e\n            \u003cspan classname=\"text-[#F97316]\"\u003edescargada te detenga\u003c\/span\u003e\n          \u003c\/h2\u003e\n          \u003cp classname=\"text-gray-300 mt-4 text-lg max-w-xl mx-auto\"\u003e\n            Únete a más de \u003cstrong classname=\"text-white\"\u003e1,865 motociclistas\u003c\/strong\u003e que ya cargan su celular mientras conducen. Instalación en minutos, sin complicaciones.\n          \u003c\/p\u003e\n          \u003cdiv classname=\"mt-8 flex flex-col sm:flex-row gap-4 justify-center\"\u003e\n            \u003cbutton onclick=\"{()\"\u003e {\n                document.getElementById(\"contact-section\")?.scrollIntoView({ behavior: \"smooth\" });\n              }}\n              className=\"btn-orange pulse-cta px-10 py-5 text-xl flex items-center justify-center gap-2\"\n            \u0026gt;\n              \u003czap size=\"{22}\"\u003e\u003c\/zap\u003e\n              ¡PEDIR AHORA!\n            \u003c\/button\u003e\n          \u003c\/div\u003e\n          \u003cdiv classname=\"mt-6 flex flex-wrap justify-center gap-6 text-gray-400 text-sm\"\u003e\n            \u003cspan classname=\"flex items-center gap-1.5\"\u003e\u003ccheckcircle2 size=\"{16}\" classname=\"text-[#F97316]\"\u003e\u003c\/checkcircle2\u003e Envío gratis\u003c\/span\u003e\n            \u003cspan classname=\"flex items-center gap-1.5\"\u003e\u003ccheckcircle2 size=\"{16}\" classname=\"text-[#F97316]\"\u003e\u003c\/checkcircle2\u003e Paga al recibir\u003c\/span\u003e\n            \u003cspan classname=\"flex items-center gap-1.5\"\u003e\u003ccheckcircle2 size=\"{16}\" classname=\"text-[#F97316]\"\u003e\u003c\/checkcircle2\u003e Soporte 24\/7\u003c\/span\u003e\n            \u003cspan classname=\"flex items-center gap-1.5\"\u003e\u003ccheckcircle2 size=\"{16}\" classname=\"text-[#F97316]\"\u003e\u003c\/checkcircle2\u003e Entrega rápida\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      {\/* ── FOOTER ──────────────────────────────────────────── *\/}\n      \u003cfooter classname=\"bg-[#0A0A0A] py-12 px-4 text-center text-gray-500 text-sm\"\u003e\n        \u003cdiv classname=\"flex items-center justify-center gap-2 mb-4\"\u003e\n          \u003czap classname=\"text-[#F97316]\" size=\"{18}\" fill=\"#F97316\"\u003e\u003c\/zap\u003e\n          \u003cspan classname=\"text-white font-black text-base\" style=\"{{\" fontfamily: sans-serif\u003e\n            MOTO\u003cspan classname=\"text-[#F97316]\"\u003eCHARGE\u003c\/span\u003e\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp classname=\"mb-3\"\u003e© 2026 MotoCharge Guatemala. Todos los derechos reservados.\u003c\/p\u003e\n        \u003cdiv classname=\"flex flex-col sm:flex-row items-center justify-center gap-4 text-xs\"\u003e\n          \u003ca href=\"mailto:info@motocharge.gt\" classname=\"hover:text-[#F97316] transition-colors\"\u003e\n            📧 info@motocharge.gt\n          \u003c\/a\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cspan\u003e📞 Soporte 24\/7\u003c\/span\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cspan\u003e🚚 Envío gratis a toda Guatemala\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp classname=\"mt-4 text-xs text-gray-600\"\u003e\n          Envío gratis a toda Guatemala · Paga al recibir · Entrega 3-5 días hábiles\n        \u003c\/p\u003e\n      \u003c\/footer\u003e\n    \u003c\/div\u003e\n  );\n}\n\u003c\/htmlspanelement\u003e\u003c\/htmldivelement\u003e","brand":"Mi tienda","offers":[{"title":"Default Title","offer_id":43654507102282,"sku":null,"price":0.0,"currency_code":"GTQ","in_stock":false}],"url":"https:\/\/todoutilguatemala.com\/products\/cargadorrre","provider":"Mi tienda","version":"1.0","type":"link"}