// HERO SECTION const { useEffect, useState, useRef, useMemo } = React; const I = window.Icon; function MaskReveal({ text, delay = 0, stagger = 0.05, className = '', wordClassName = '' }) { // Splits into words, each reveals with mask + translateY. // If the user prefers reduced motion (or animations are disabled for any // reason), we skip the inline animation styles so the text stays visible. const [reduced, setReduced] = useState(false); useEffect(() => { if (typeof window === 'undefined' || !window.matchMedia) return; const mq = window.matchMedia('(prefers-reduced-motion: reduce)'); setReduced(mq.matches); const onChange = (e) => setReduced(e.matches); mq.addEventListener ? mq.addEventListener('change', onChange) : mq.addListener(onChange); return () => { mq.removeEventListener ? mq.removeEventListener('change', onChange) : mq.removeListener(onChange); }; }, []); const words = text.split(' '); return ( {words.map((w, i) => ( {w} ))} ); } // Live counter — "sua loja em tempo real" framing function LiveROICounter() { const [val, setVal] = useState(2847.0); const [pulse, setPulse] = useState(false); useEffect(() => { let timer; const tick = () => { const add = 12 + Math.random() * 68; setVal(v => v + add); setPulse(true); setTimeout(() => setPulse(false), 700); timer = setTimeout(tick, 3000 + Math.random() * 2200); }; timer = setTimeout(tick, 1800); return () => clearTimeout(timer); }, []); return (
Sua loja hoje
R$ {val.toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}
23 pedidos · fluxo PF + PJ
); } window.LiveROICounter = LiveROICounter; function HeroMockup() { return (
{/* Glow under */}
{/* Browser chrome */}
checkout.minhaloja.com.br/pedido/A-9821
SSL
{/* Body */}
{/* Stepper */}
Identificação Endereço 3 Pagamento
{/* Trust badges */}
SSL 256-bit Antifraude Clearsale Mercado Pago
Como você quer pagar?
{/* PIX — selected */}
Pix
PIX 5% OFF · aprovação imediata
R$ 1.153,97 R$ 1.214,70
Você economiza R$ 60,74
{/* Cartão */}
Cartão de crédito
Em até 18x · R$ 1.214,70
{/* Boleto */}
Boleto faturado Exclusivo PJ
Pague em 30, 60 ou 90 dias · R$ 1.214,70
{/* Voltar */}
{/* Floating chip — B2B */}
CNPJ detectado · ativando PJ
{/* Floating chip — approved */}
Pagamento aprovado em 1.2s
{/* Live counter chip — reframed for personalization */}
); } function Hero() { return (
{/* Blobs */}