cargadorrre
La oferta termina en
Q0.00
Precio unitario
por
41
personas
han comprando en la ultima hora.
/* ============================================================
PAGE: Home — Landing Page Cargador USB para Moto
DESIGN: "Velocity Orange" — Motorsport Editorial Bold
- Fondo blanco limpio, naranja #F97316 como energía
- Montserrat 800/900 para display, Nunito Sans para body
- Layout asimétrico alternado, producto siempre protagonista
============================================================ */
import { useEffect, useRef, useState } from "react";
import {
Zap,
Shield,
Droplets,
CheckCircle2,
XCircle,
Star,
Phone,
MapPin,
ChevronDown,
Bike,
Navigation,
Battery,
Power,
Lightbulb,
Wrench,
ArrowRight,
MessageCircle,
Truck,
Clock,
AlertCircle,
ChevronUp,
Smartphone,
Gauge,
} from "lucide-react";
// ─── Image URLs (uploaded to webdev CDN) ────────────────────
const IMG = {
hero: "/manus-storage/img1_c8de329b.png", // Hero: "No te quedes sin batería"
problems: "/manus-storage/img2_fec365cc.png", // Problema/Solución
benefits: "/manus-storage/img3_08820e5a.png", // 6 Beneficios infografía
product1: "/manus-storage/img4_93ab3203.png", // Producto físico close-up
whyUs: "/manus-storage/img5_60105d99.png", // ¿Por qué elegirnos?
install: "/manus-storage/img6_439bc315.png", // Fácil de instalar paso a paso
reviews: "/manus-storage/img7_012222b0.png", // Testimonios de clientes
};
// ─── Scroll reveal hook ──────────────────────────────────────
function useReveal() {
const ref = useRef(null);
useEffect(() => {
const el = ref.current;
if (!el) return;
const obs = new IntersectionObserver(
([entry]) => {
if (entry.isIntersecting) {
el.classList.add("visible");
obs.disconnect();
}
},
{ threshold: 0.12 }
);
obs.observe(el);
return () => obs.disconnect();
}, []);
return ref;
}
// ─── Animated counter ───────────────────────────────────────
function Counter({ target, suffix = "" }: { target: number; suffix?: string }) {
const [count, setCount] = useState(0);
const ref = useRef(null);
const started = useRef(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
const obs = new IntersectionObserver(
([entry]) => {
if (entry.isIntersecting && !started.current) {
started.current = true;
let start = 0;
const duration = 1800;
const step = target / (duration / 16);
const timer = setInterval(() => {
start += step;
if (start >= target) { setCount(target); clearInterval(timer); }
else setCount(Math.floor(start));
}, 16);
}
},
{ threshold: 0.5 }
);
obs.observe(el);
return () => obs.disconnect();
}, [target]);
return {count.toLocaleString()}{suffix};
}
// ─── Sticky CTA bar ─────────────────────────────────────────
function StickyCTA() {
const [visible, setVisible] = useState(false);
useEffect(() => {
const handler = () => setVisible(window.scrollY > 600);
window.addEventListener("scroll", handler);
return () => window.removeEventListener("scroll", handler);
}, []);
return (
);
}
// ─── FAQ Accordion ──────────────────────────────────────────
function FAQItem({ question, answer }: { question: string; answer: string }) {
const [open, setOpen] = useState(false);
return (
{/* CTA overlay at bottom */}
{/* ── STATS BAR ───────────────────────────────────────── */}
{/* ── PROBLEM / SOLUTION ──────────────────────────────── */}
{/* ── 6 BENEFITS ──────────────────────────────────────── */}
{/* ── PRODUCT CLOSE-UP + FEATURES ─────────────────────── */}
{/* ── COMPATIBILITY GRID ──────────────────────────────── */}
{/* ── HOW TO INSTALL ──────────────────────────────────── */}
{/* ── WHY US / COMPARISON ─────────────────────────────── */}
{/* ── TESTIMONIALS ────────────────────────────────────── */}
{/* ── DELIVERY INFO ───────────────────────────────────── */}
{/* ── STOCK INDICATOR ─────────────────────────────────── */}
{/* ── FAQ SECTION ─────────────────────────────────────── */}
{/* ── CONTACT FORM SECTION ────────────────────────────── */}
{/* ── FINAL CTA ───────────────────────────────────────── */}
{/* ── FOOTER ──────────────────────────────────────────── */}
);
}
Cargador USB para Moto
⚡ Envío gratis · Paga al recibir
{open && (
);
}
// ─── Main Component ──────────────────────────────────────────
export default function Home() {
const r1 = useReveal();
const r2 = useReveal();
const r3 = useReveal();
const r4 = useReveal();
const r5 = useReveal();
const r6 = useReveal();
const r7 = useReveal();
const r8 = useReveal();
const r9 = useReveal();
const r10 = useReveal();
const [stock, setStock] = useState(Math.floor(Math.random() * 8) + 3);
return (
{answer}
)}
🚚 ENVÍO GRATIS a toda Guatemala ·
💰 PAGA AL RECIBIR ·
📞 Soporte 24/7
{/* ── NAVBAR ──────────────────────────────────────────── */}
{/* ── HERO SECTION ────────────────────────────────────── */}
¡Solo por tiempo limitado!
🔥 Más de 1,865 clientes satisfechos · Rating 4.9 ★★★★★
{[
{ value: 1865, suffix: "+", label: "Clientes Felices" },
{ value: 5500, suffix: "+", label: "Pedidos Entregados" },
{ value: 4, suffix: " años", label: "De Experiencia" },
{ value: 99, suffix: "%", label: "Satisfacción" },
].map((stat) => (
))}
{stat.label}
¿Te ha pasado esto?
Problemas que ya no tendrás
Lo que obtienes
Características técnicas
Todo lo que necesitas en{" "} un solo dispositivo
{[
{ icon:
{feat.icon}
{feat.title}
{feat.desc}
Compatibilidad
Funciona con todos tus vehículos
Diseñado para ser universal. Instálalo en tu moto, scooter, ATV, lancha, auto o camión.
{[
{ icon:
{item.icon}
{item.label}
Instalación
Instálalo en minutos,{" "} sin herramientas especiales
Comparativa
¿Por qué elegirnos?
Testimonios reales
Lo que opinan{" "} nuestros clientes
Envíos a Guatemala
Entrega rápida y 100% segura
{[
{ icon:
{item.icon}
{item.title}
{item.desc}
Solo {stock} unidades disponibles en stock
La demanda es alta. Asegura el tuyo antes de que se agoten.
Preguntas frecuentes
Respuestas a tus dudas
{[
{
q: "¿Es compatible con mi moto?",
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.",
},
{
q: "¿Cuánto tiempo tarda en llegar?",
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.",
},
{
q: "¿Qué pasa si el producto llega dañado?",
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.",
},
{
q: "¿Puedo pagar de otra forma además de al recibir?",
a: "Por el momento aceptamos pago al recibir. Contáctanos si necesitas otra opción de pago.",
},
{
q: "¿Cuál es el voltaje de salida del cargador?",
a: "El cargador tiene un puerto USB estándar que proporciona 5V/2A, compatible con la mayoría de dispositivos móviles y tablets.",
},
{
q: "¿Necesito herramientas especiales para instalarlo?",
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.",
},
].map((item, idx) => (
Haz tu pedido
¡Completa tu formulario de compra!
Llena el formulario y nos pondremos en contacto para confirmar tu pedido.
¡Oferta limitada!
No dejes que una batería
No dejes que una batería
descargada te detenga
Únete a más de 1,865 motociclistas que ya cargan su celular mientras conducen. Instalación en minutos, sin complicaciones.
Testimonios
Más de 1,000 personas ya lo usan en casa
Está buenísimo, lo uso en mi cuarto sin complicarme.
Me llegó bien y tal como se ve en la página. Lo uso en las tardes y se siente bien mantenerse activa.
Lo compré porque paso mucho tiempo sentado y quería moverme un poco más. Es fácil de usar y no ocupa espacio.
Se ve buena, gruesa, excelente
