setMobileOpen(false)}/>
);
}
function Footer({ navigate }) {
return (
);
}
// ============ Mini cart drawer ============
function MiniCart({ open, onClose, items, onChangeQty, onRemove, navigate, dark }) {
useScrollLock(open);
const subtotal = items.reduce((s, it) => s + it.price * it.qty, 0);
const shipping = subtotal > 2000 || subtotal === 0 ? 0 : 199;
const toFreeShipping = Math.max(0, 2000 - subtotal);
return (
<>
);
}
// ============ Login modal (when accessed from header icon) ============
function LoginModal({ open, onClose, onLogin }) {
useScrollLock(open);
const [tab, setTab] = useState('login');
const [email, setEmail] = useState('');
const [pass, setPass] = useState('');
const [name, setName] = useState('');
const [err, setErr] = useState({});
const [showPass, setShowPass] = useState(false);
const [loading, setLoading] = useState(false);
useEffect(() => {if (!open) {setErr({});setEmail('');setPass('');setName('');}}, [open]);
const submit = (e) => {
e.preventDefault();
const errs = {};
if (!email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) errs.email = 'Email no válido';
if (pass.length < 6) errs.pass = 'Mínimo 6 caracteres';
if (tab === 'register' && name.length < 2) errs.name = 'Ingresa tu nombre';
setErr(errs);
if (Object.keys(errs).length) return;
setLoading(true);
setTimeout(() => {
setLoading(false);
onLogin({ name: tab === 'register' ? name : email.split('@')[0].replace(/[._]/g, ' '), email });
}, 700);
};
return (
e.target === e.currentTarget && onClose()}>
{tab === 'login' ? 'Acceso a tu cuenta' : 'Nueva cuenta'}
{tab === 'login' ? 'Bienvenido de vuelta' : 'Únete al garage'}
);
}
// ============ Quick-view modal ============
function QuickView({ product, onClose, onAddToCart, onToggleFav, isFav, dark, navigate }) {
useScrollLock(!!product);
const [size, setSize] = useState(product?.sizes?.[1] || product?.sizes?.[0]);
const [color, setColor] = useState(product?.colors?.[0]);
if (!product) return null;
return (
e.target === e.currentTarget && onClose()}>
{product.brand}
{product.name}
{fmtMXN(product.price)}
{product.oldPrice && {fmtMXN(product.oldPrice)}}
{product.oldPrice && −{Math.round((1 - product.price / product.oldPrice) * 100)}%}
{product.tags.join(' · ')}
{product.colors && product.colors.length > 0 &&
Color
{product.colors.map((c) =>
}
{product.sizes && product.sizes.length > 0 && product.sizes[0] !== 'Unica' && product.sizes[0] !== 'Universal' && product.sizes[0] !== 'Set' &&
Talla
{product.sizes.map((s) =>
)}
}
{onClose();navigate('product', { id: product.id });}}>
Ver detalle completo del producto →
);
}
// Toasts
function ToastStack({ toasts }) {
return (
{toasts.map((t) =>
{t.icon || Icon.check()} {t.msg}
)}
);
}
// Trust badges row (used on home + footer-of-page)
function TrustRow() {
return (
{Icon.truck()}
Envío gratis +$2,000
A todo México en 2–4 días
{Icon.shield()}
Garantía oficial
2 años en todos los productos
{Icon.bolt()}
12 MSI sin tarjeta
Con Mercado Pago y Kueski
);
}
Object.assign(window, { Header, Footer, MiniCart, LoginModal, QuickView, ToastStack, TrustRow });
