/* global React, Reveal, Eyebrow, GenesisLogo */ const { useState } = React; /* ============================================================ SEÇÃO 7 — COMPARATIVO ============================================================ */ function Comparativo() { const rows = [ { f: "Lucratividade real por cadeira", sub: "com custos embutidos", outros: false }, { f: "Ociosidade em tempo real", sub: "cadeiras e horários mortos", outros: false }, { f: "Resumo executivo no WhatsApp", sub: "todo fim de expediente", outros: false }, { f: "Antivazamento de caixa", sub: "alerta de exclusão sem senha", outros: false }, { f: "Calendário de recebíveis", sub: "projeção de assinaturas", outros: false }, { f: "Custo de oportunidade", sub: "por assinante inativo", outros: false }, { f: "Agendamento e comanda digital", sub: "o básico, bem feito", outros: true }, { f: "Exportação livre dos dados", sub: "seus dados são seus", outros: false }, { f: "Onboarding de governança", sub: "implantação assistida", outros: false }, ]; const genCount = rows.length; const otherCount = rows.filter((r) => r.outros).length; return (
Diferença Operacional

Os outros mostram o que aconteceu.
O GÊNESIS mostra o que fazer.

{/* ---- OUTROS ---- */}
Outros sistemas
{otherCount} / {genCount}
Você fica no escuro.
    {rows.map((r) => (
  • {r.outros ? : } {r.f}
    • ))}
{/* ---- VS ---- */} {/* ---- GÊNESIS ---- */}
); } /* ============================================================ SEÇÃO 8 — DEPOIMENTO ============================================================ */ function Depoimento() { const cases = [ { q: ['"Eu sabia que minha barbearia faturava bem. O GÊNESIS me mostrou que ', "eu lucrava 38% menos", ' do que eu pensava. Em 60 dias corrigi a operação."'], metric: "−38%", metricLabel: "lucro oculto revelado", name: "Rafael Coutinho", initials: "RC", role: "Dono · Coutinho Barber Club", meta: "3 unidades · São Paulo", }, { q: ['"Eu perdia 4 horas todo domingo fechando comissão na planilha. Agora é ', "1 clique", ' e a equipe confia no número, sem briga."'], metric: "4h→0", metricLabel: "fechamento semanal", name: "Paulo Style", initials: "PS", role: "Sócia · Studio MS Hair", meta: "2 unidades · Curitiba", }, { q: ['"O resumo no WhatsApp mudou meu jogo. Eu durmo sabendo exatamente ', "quanto entrou e o que vazou", ', sem abrir o sistema."'], metric: "22h14", metricLabel: "diagnóstico diário", name: "Duda Navalha", initials: "DN", role: "Dono · Navalha de Ouro", meta: "1 unidade · Rio de Janeiro", }, { q: ['"Descobri que ', "23% das cadeiras", ' ficavam ociosas na terça. Remanejei a agenda e recuperei o faturamento de um barbeiro inteiro."'], metric: "+23%", metricLabel: "ociosidade recuperada", name: "Virginia Premium", initials: "VP", role: "Dona · Premium Grooming", meta: "4 unidades · Belo Horizonte", }, { q: ['"O sistema antivazamento travou uma exclusão sem senha no caixa. Em um mês, ', "R$ 3.400 que sumiriam", ' ficaram no lugar."'], metric: "R$ 3,4k", metricLabel: "caixa protegido / mês", name: "Bruno Costa", initials: "BC", role: "Dono · BC Barbearia", meta: "2 unidades · Porto Alegre", }, { q: ['"Minhas assinaturas viraram previsão real. O calendário de recebíveis me mostra ', "o caixa dos próximos 90 dias", ' como um banco."'], metric: "90 dias", metricLabel: "recebíveis projetados", name: "Carla Mendes", initials: "CM", role: "Sócia · Mendes & Co.", meta: "3 unidades · Salvador", }, { q: ['"Implantação em 7 dias, sem dor. A IA já recuperou ', "18 clientes sumidos", ' no primeiro mês — pagou o ano inteiro."'], metric: "18", metricLabel: "clientes reativados", name: "Felipe Lima", initials: "FL", role: "Dono · Lima Barbershop", meta: "1 unidade · Recife", }, ]; const [i, setI] = React.useState(0); const [paused, setPaused] = React.useState(false); const n = cases.length; const DUR = 6500; React.useEffect(() => { if (paused) return; const t = setTimeout(() => setI((x) => (x + 1) % n), DUR); return () => clearTimeout(t); }, [i, paused, n]); const go = (d) => setI((x) => (x + d + n) % n); const c = cases[i]; return (
Prova Real

Donos que pararam de operar no escuro.

setPaused(true)} onMouseLeave={() => setPaused(false)}>
); } /* ============================================================ SEÇÃO 8.5 — PLANOS / PREÇOS ============================================================ */ function planGlyph(i) { const g = [ (), (), (), (), ]; return ( {g[i] || g[0]} ); } function Planos() { const plans = [ { tier: "Starter", seats: "1-2 cadeiras", price: "247", unit: "/mês", save: "Economiza R$ 555+/mês", features: ["Caixa que fecha sozinho", "Estoque sem furos", "NF-e em segundos", "DRE pronto todo mês", "App próprio do barbeiro"], cta: "Começar", featured: false, }, { tier: "Pro", seats: "3-5 cadeiras", price: "397", unit: "/mês", save: "Economiza R$ 405+/mês", features: ["Tudo do Starter", "CRM que traz o cliente de volta", "Disparos no WhatsApp em massa", "NPS automático pós-corte", "Assinaturas recorrentes"], cta: "Quero esse", featured: false, }, { tier: "Elite", seats: "6+ cadeiras", price: "597", unit: "/mês", save: "Economiza R$ 803+/mês", features: ["Tudo do Pro", "Agente de IA que atende e vende", "Fluxos de automação ilimitados", "Instagram e Direct no automático", "Consultoria de IA dedicada"], cta: "Quero esse", featured: true, }, { tier: "Rede", seats: "Multi-unidades", price: "397", unit: "/unid/mês", save: "Setup único R$ 997", features: ["Tudo do Elite", "Dashboard consolidado da rede", "Comparativo entre unidades", "Split de receita automático"], cta: "Falar com vendas", featured: false, }, ]; return (
); } /* ============================================================ SEÇÃO 9 — FAQ ============================================================ */ function FAQ() { const items = [ { q: "Em quanto tempo o GÊNESIS é implantado na minha barbearia?", a: "A implantação leva em média 7 dias úteis. Nossa equipe especializada faz o onboarding passo a passo, configurando produtos, equipe, comissões e metas conforme a sua realidade. Você não fica sozinho com um login na mão." }, { q: "Preciso trocar o meu sistema de agendamento atual?", a: "Sim. O GÊNESIS é um sistema completo de governança — agendamento, comanda, financeiro, assinaturas e BI estão integrados. Essa unificação é o que permite calcular a lucratividade real por cadeira e o custo de oportunidade dos assinantes." }, { q: "E se eu quiser cancelar? Meus dados ficam reféns?", a: 'Não. O GÊNESIS opera sob o princípio S/A — Segurança, Auditoria, Autonomia. Você pode exportar 100% dos seus dados, históricos e relatórios em CSV/PDF a qualquer momento, com um clique. Sem burocracia.' }, { q: "Funciona pra barbearia com uma só unidade?", a: "Funciona. O GÊNESIS é desenhado para barbearias profissionais que tratam o negócio como negócio — independente do tamanho. Os controles de ociosidade, lucratividade e antivazamento valem desde a primeira cadeira." }, { q: "Como funciona o Resumo Executivo no WhatsApp?", a: "Ao final do expediente, a IA do GÊNESIS consolida automaticamente os dados do dia e envia um resumo no WhatsApp do dono: faturamento, lucro líquido, ociosidade, alertas e top performers. Você não precisa abrir o sistema." }, { q: "Quanto custa?", a: "O investimento é apresentado na demonstração, após entender o porte e a operação da sua barbearia. Nossa proposta inclui setup, onboarding especializado e suporte. Agende uma conversa de 30 minutos." }, ]; const [open, setOpen] = useState(0); return (
Perguntas Frequentes

Você pergunta. Nós
respondemos direto.

{items.map((item, i) => { const isOpen = open === i; return (
); })}
); } /* ============================================================ SEÇÃO 10 — CTA FINAL ============================================================ */ function CTAFinal() { return (
); } /* ============================================================ FOOTER ============================================================ */ function Footer() { const cols = [ { t: "Plataforma", items: [ { l: "Governança da equipe", h: "#governanca" }, { l: "Fechamento diário", h: "#fechamento" }, { l: "Assinaturas", h: "#assinaturas" }, { l: "IA no WhatsApp", h: "#ia-atendimento" }, { l: "Feedback semanal", h: "#feedback-rh" }, { l: "Metas diárias", h: "#metas" }, ]}, { t: "Decisão", items: [ { l: "Comparativo", h: "#comparativo" }, { l: "Planos", h: "#planos" }, { l: "Casos reais", h: "#depoimento" }, { l: "Perguntas frequentes", h: "#faq" }, ]}, ]; return ( ); } Object.assign(window, { Comparativo, Depoimento, FAQ, CTAFinal, Footer });