)}
);
}
/* Relógio de Brasília, igual ao da tela de login da Central. */
function PrClock(){
const [t,setT]=React.useState('');
React.useEffect(()=>{
const f=()=>setT(new Date().toLocaleTimeString('pt-BR',{timeZone:'America/Sao_Paulo'}));
f();const id=setInterval(f,1000);return ()=>clearInterval(id);
},[]);
return {t};
}
/* Barra de progresso de leitura no topo — transform-only, sem reflow. */
function PrScrollBar(){
const barRef=React.useRef(null);
React.useEffect(()=>{
let raf=null;
const update=()=>{
raf=null;
const max=document.documentElement.scrollHeight-window.innerHeight;
const p=max>0?window.scrollY/max:0;
if(barRef.current) barRef.current.style.transform=`scaleX(${p})`;
};
const onScroll=()=>{ if(raf==null) raf=requestAnimationFrame(update); };
update();
window.addEventListener('scroll',onScroll,{passive:true});
window.addEventListener('resize',onScroll,{passive:true});
return ()=>{window.removeEventListener('scroll',onScroll);window.removeEventListener('resize',onScroll);if(raf)cancelAnimationFrame(raf);};
},[]);
return
;
}
/* Roleta de palavras: todas empilhadas no mesmo grid para a largura não pular. */
function PrRotator({words,render}){
const [idx,setIdx]=React.useState(0);
React.useEffect(()=>{
const id=setInterval(()=>setIdx(i=>(i+1)%words.length),2600);
return ()=>clearInterval(id);
},[words.length]);
return (
{words.map((w,i)=>(
{render?render(w):w}
))}
);
}
const PR_SEM=['Sem alerta perdido.','Sem planilha paralela.','Sem retrabalho na fila.','Sem madrugada sem resposta.'];
const PR_TICKER=[
['camera','Evento #1532 tratado em 1m42s'],
['phone','Cliente avisado no WhatsApp'],
['fileCheck','Checklist do turno entregue no prazo'],
['userCheck','Passagem de posto com ciência registrada'],
['shieldCheck','SLA varrido de novo — nada estourado'],
];
/* Frases curtas para caber no pill em 320-375px sem quebrar o grid-stack. */
const PR_TICKER_M=[
['camera','Evento tratado em 1m42s'],
['phone','Cliente avisado no WhatsApp'],
['fileCheck','Checklist no prazo'],
['userCheck','Ciência registrada no turno'],
['shieldCheck','SLA sem estouro'],
];
const PR_H1_WORDS=['A','operação','inteira,'];
const PR_H1_WORDS2=['numa','única','tela.'];
function PrHero(){
const isMobile=useIsMobile();
const word=(w,i)=>{w};
return (
Eventos de câmera em tempo real, chamados, checklists e passagem de posto — a plataforma da central de monitoramento, 24 horas por dia.
{/* Ticker: o sistema acontecendo, em uma linha. */}
Agora(
{t}
)}/>
Connect Central · em produção · v2.25
);
}
/* Contador animado: sobe até o alvo quando o elemento entra na viewport. */
function PrCountValue({to,prefix='',suffix=''}){
const ref=React.useRef(null);
const [v,setV]=React.useState(0);
React.useEffect(()=>{
const el=ref.current;
if(!el) return;
let raf;
const io=new IntersectionObserver(es=>{
if(!es[0].isIntersecting) return;
io.disconnect();
const t0=performance.now(),DUR=1100;
const tick=(ts)=>{
const t=Math.min(1,(ts-t0)/DUR);
setV(Math.round(to*(1-Math.pow(1-t,3))));
if(t<1) raf=requestAnimationFrame(tick);
};
raf=requestAnimationFrame(tick);
},{threshold:.5});
io.observe(el);
return ()=>{io.disconnect();if(raf)cancelAnimationFrame(raf);};
},[to]);
return {prefix}{v}{suffix};
}
const PR_STATS=[
[,<>operação ininterrupta],
[,<>módulos numa única plataforma],
[,<>testes automatizados passando],
[,<>varredura de SLA e escalonamento],
];
const PR_BADGES=[
['camera','Alertas de câmera em tempo real'],
['lockDot','Acesso isolado por cliente (ACL)'],
['shieldCheck','Retenção de dados com purge automático'],
['fileCheck','Evidência e auditoria em cada evento'],
];
function PrStats(){
const isMobile=useIsMobile();
return (