/* global React, Reveal, Eyebrow, StepBadge, SlashMotif */ /* ============================================================ FEEDBACK SEMANAL — RH 24/7 ============================================================ */ function FeedbackCardMockup() { const colaboradores = [ { nome: "Rafael M.", cad: "Cadeira 01", nota: 92, trend: "up", delta: "+14%", perdidas: 3 }, { nome: "Diego S.", cad: "Cadeira 02", nota: 61, trend: "down", delta: "−9%", perdidas: 17 }, { nome: "Lucas P.", cad: "Cadeira 03", nota: 78, trend: "up", delta: "+4%", perdidas: 8 }, ]; const [sel, setSel] = React.useState(1); const c = colaboradores[sel]; const linhas = [ ["✓", "melhorou", "Ticket médio subiu de R$ 62 para R$ 71 — passou a oferecer barba em 4 de cada 10 cortes."], ["!", "piorou", "Tempo médio de atendimento subiu 9 min vs. a semana passada. Isso custou 6 encaixes."], ["→", "próximo passo", "Oferecer produto no fechamento da comanda. Meta: 3 vendas/dia = +R$ 780 no mês."], ]; return (
RH AUTÔNOMO · 24/7 SEMANA 34 · SEG A SÁB
{colaboradores.map((x, i) => ( ))}
{c.nota} /100 índice de performance
{c.trend === "up" ? "↗" : "↘"} {c.delta} vs. semana anterior
{c.perdidas} oportunidades
perdidas
{linhas.map(([ic, k, t]) => (
{ic} {k} {t}
))}
Enviado no WhatsApp · toda segunda, 08:00 Sem reunião →
); } function FeedbackRH() { return (
RH Autônomo · Feedback Semanal

Um gestor de RH 24 horas por dia, 7 dias por semana.

Toda semana o GÊNESIS entrega a cada colaborador um feedback individual: o que ele fez, o que melhorou e o que piorou em relação à semana e ao mês anterior — com o número exato de oportunidades que ele deixou passar.

Você não precisa mais parar a operação para fazer reunião todo dia ou toda semana para falar de desempenho. O GÊNESIS faz por você.

{[ { k: "01", t: "O que ele fez", d: "Atendimentos, ticket médio, serviços vendidos, retenção de clientes e tempo por cadeira — número por número, sem achismo." }, { k: "02", t: "Melhorou ou piorou", d: "Comparação automática com a semana e o mês anterior. Cada indicador com a variação real e o impacto em reais." }, { k: "03", t: "O que fazer agora", d: "As oportunidades perdidas viram um plano curto e específico: o que mudar, quanto isso vale e até quando." }, ].map((b, i) => ( ))}
); } /* ============================================================ METAS DIÁRIAS — COBRANÇA AUTOMÁTICA ============================================================ */ function MetasMockup() { const equipe = [ { n: "Rafael M.", feito: 640, meta: 800, dicas: "Faltam 2 cortes + 1 barba. Confirme os 2 encaixes das 18h." }, { n: "Diego S.", feito: 310, meta: 700, dicas: "Ofereça combo corte+barba nos próximos 3 clientes: fecha R$ 210." }, { n: "Lucas P.", feito: 720, meta: 750, dicas: "Falta R$ 30. Uma pomada no fechamento resolve o dia." }, ]; const [tick, setTick] = React.useState(0); React.useEffect(() => { const id = setInterval(() => setTick((x) => (x + 1) % equipe.length), 3200); return () => clearInterval(id); }, []); return (
COBRANÇA DIÁRIA · 100% AUTOMÁTICA HOJE · 16:40
{equipe.map((p, i) => { const pct = Math.min(100, Math.round((p.feito / p.meta) * 100)); const falta = p.meta - p.feito; return (
{p.n} R$ {p.feito.toLocaleString("pt-BR")} / {p.meta.toLocaleString("pt-BR")}
= 90 ? "is-ok" : pct >= 60 ? "is-mid" : "is-low")}>{pct}% da meta faltam R$ {falta.toLocaleString("pt-BR")}
▲ {p.dicas}
); })}
Nada acumula para amanhã Cobrar agora →
); } function MetasDiarias() { return (
Metas · Cobrança Diária

Meta cobrada todos os dias. Nada acumula para o fim do mês.

Todo dia o GÊNESIS chama cada colaborador e mostra exatamente o que falta para bater a meta daquele dia — quanto em reais, quantos serviços, quantos clientes. Sem esperar o fechamento do mês para descobrir que a meta não veio.

E não para na cobrança: junto vai a dica prática do que ele precisa fazer nas próximas horas para chegar lá.

{[ { k: "01", t: "Meta do dia, não do mês", d: "A meta mensal é quebrada em metas diárias por colaborador. Todo dia começa com o número claro na mão." }, { k: "02", t: "Cobrança sem desgaste", d: "O sistema chama, mostra o gap e registra. Você deixa de ser o vilão da cobrança e volta a ser gestor." }, { k: "03", t: "Dica no momento certo", d: "Combo, produto, reagendamento, encaixe: a IA indica a ação de maior impacto para fechar o gap ainda hoje." }, ].map((b, i) => ( ))}
); } Object.assign(window, { FeedbackRH, MetasDiarias });