/* global React */ // Sections — Integrations / Savings calculator / Testimonials / Pricing const { useState, useMemo } = React; /* ───────────────────── INTEGRAÇÕES ───────────────────── */ function Integrations() { useReveal(); const items = [ { name: 'Vindi', role: 'Assinatura recorrente', glyph: 'V' }, { name: 'WhatsApp', role: 'Business API + ZAP', glyph: 'W' }, { name: 'Twilio', role: 'SMS marketing', glyph: 'T' }, { name: 'Resend', role: 'E-mail transacional', glyph: 'R' }, { name: 'Sefaz', role: 'NFC-e / NFS-e', glyph: '§' }, { name: 'PagSeguro', role: 'Maquininha + Pix', glyph: 'P' }, { name: 'Google', role: 'Calendar + Auth', glyph: 'G' }, { name: 'Stripe', role: 'Cartão internacional', glyph: 'S' }, ]; return (

Integrações

Funciona com as ferramentas que sua barbearia já usa.

Pluga no seu Vindi, no seu WhatsApp, na sua maquininha. Você mantém suas contas; o Gorilla só adiciona a camada de gestão.

{items.map((it, i) => (

{it.glyph}

{it.name}

{it.role}

conectado

))}

); } /* ───────────────────── CALCULADORA DE ECONOMIA ───────────────────── */ function Calculator() { useReveal(); const [barbers, setBarbers] = useState(3); const [tickets, setTickets] = useState(400); const [ticket, setTicket] = useState(75); const [defrate, setDefrate] = useState(8); // % de inadimplência const monthlyRevenue = tickets * ticket; const defaultedMonthly = monthlyRevenue * defrate / 100; // Recovery rate: ~45% of defaulted const recoveryGain = defaultedMonthly * 0.45; // Commission recalc: ~2.5% extra margin recovered const commissionGain = monthlyRevenue * 0.025; // Subscription: assume 8% of clients become subscribers @ R$ 89 saving recurring ~R$ 30 in attrition const subscriptionGain = barbers * 180; // Replace AppBarber + ZAP cost saved const stackSaved = 280; const total = recoveryGain + commissionGain + subscriptionGain + stackSaved; const annual = total * 12; const fmt = (v) => 'R$ ' + Math.round(v).toLocaleString('pt-BR'); return (

Calculadora

Quanto sua barbearia economizaria com o Gorilla?

Ajuste os controles e veja a estimativa em tempo real. Os percentuais vêm da média das primeiras 50 barbearias que migraram.

Colaboradores {barbers} setBarbers(+e.target.value)} />

1–20 barbeiros

Atendimentos por mês {tickets} setTickets(+e.target.value)} />

somando todos os colaboradores

Ticket médio {fmt(ticket).replace('R$ ','R$')} setTicket(+e.target.value)} />

por atendimento

Inadimplência atual {defrate}% setDefrate(+e.target.value)} />

% do faturamento que não entra

Sua estimativa ● ao vivo

{fmt(total)}/mês

≈ {fmt(annual)} por ano

Recovery de inadimplência (45%) {fmt(recoveryGain)}

Comissão recalculada (margem +2,5%) {fmt(commissionGain)}

Receita de assinatura {fmt(subscriptionGain)}

Stack consolidado (sem ZAP, AppBarber) {fmt(stackSaved)}

ROI vs Plano Equipe (R$ 199) {Math.round(total/199)}×

Começar trial grátis →

Estimativa baseada na média de barbearias com perfil similar. Valores reais variam.

); } /* ───────────────────── DEPOIMENTOS ───────────────────── */ function Testimonials() { useReveal(); const items = [ { name: 'Diego Marques', role: 'Dono · Barbearia do Centro', city: 'São Paulo, SP', n: 4, initials: 'DM', tone: '#ec5a1c', quote: 'Saí do AppBarber em uma tarde. O CSV importou tudo e o pote da Vindi sincronizou na primeira tentativa. Em 30 dias recuperei R$ 2.300 que estavam dormindo na inadimplência.', kpi: '+R$ 2.300 recuperados', }, { name: 'Renata Souza', role: 'Gerente · Old School Barber', city: 'Belo Horizonte, MG', n: 6, initials: 'RS', tone: '#7ab8ff', quote: 'A comissão em 12 categorias resolveu uma briga de 2 anos com meus barbeiros. Cada um vê exatamente o que entrou e por quê. Acabou auditoria de fim de mês.', kpi: '0 disputas de comissão', }, { name: 'Caio Pereira', role: 'Sócio · Rede Macaco Velho', city: 'Curitiba, PR', n: 12, initials: 'CP', tone: '#a78bfa', quote: 'A IA respondendo SQL em linguagem natural mudou meu fim de semana. Antes eu rodava planilha. Agora pergunto e tenho gráfico em 2 segundos. Time inteiro usa.', kpi: '12 unidades · 1 login', }, ]; return (

Quem já trocou

Barbearias que pararam de usar planilha.

{items.map((it, i) => (

{Array.from({length:5}).map((_,j) => ( ))}

"{it.quote}"

↗ {it.kpi}

{it.initials} {it.name} {it.role} · {it.n} {it.n === 1 ? 'cadeira' : 'cadeiras'} {it.city}

))}

); } /* ───────────────────── PRICING ───────────────────── */ function Pricing() { useReveal(); const [billing, setBilling] = useState('annual'); // monthly | annual const discount = 0.20; // 20% off annual const plans = [ { id: 'solo', name: 'Solo', price: 99, desc: 'Pra barbearia solo ou começando — todo o core operacional.', cta: 'Comece grátis', ctaStyle: 'ghost', units: '1 unidade', colabs: 'até 3 colaboradores', includes: [ 'Agenda + Comanda + Comissão', 'Recovery + Régua', 'Portal Cliente PWA', 'GORILLA ZAP', ], excludes: [], }, { id: 'team', name: 'Equipe', price: 199, desc: 'Pra barbearia em crescimento. Vindi nativo + BI completo.', cta: 'Comece grátis', ctaStyle: 'primary', units: '1 unidade', colabs: 'até 10 colaboradores', featured: true, includes: [ 'Tudo do Solo', 'Assinatura Vindi + Pote real-time', 'Cashback + Fidelidade', '32 Rankings + BI Analítico', 'Audit Log', ], excludes: [], }, { id: 'net', name: 'Rede', price: 399, desc: 'Multi-unidade com IA Assistente e reconciliação automática.', cta: 'Falar com vendas', ctaStyle: 'ghost', units: 'Unidades ilimitadas (+R$ 99/und)', colabs: 'colaboradores ilimitados', includes: [ 'Tudo do Equipe', 'Cargos modulares avançados', 'IA Assistente', 'Reconciliação Vindi automática', ], excludes: [], }, ]; const addons = [ { name: 'WhatsApp Business API', price: 49, when: '/mês', desc: 'Volume alto e selo verde oficial. Multi-atendente, templates HSM, métricas de entrega.', icon: ( ), tag: 'POPULAR', }, { name: 'App Próprio (white-label)', price: 199, when: '/mês', desc: 'Seu app na App Store e Play Store, sua marca, suas cores. Gorilla cuida da publicação e atualização.', icon: ( ), tag: 'PREMIUM', }, { name: 'IA Assistente GA', price: 99, when: '/mês após beta', desc: 'Texto → SQL → gráfico. Após o GA, R$ 99/mês como add-on (incluso no plano Rede).', icon: ( ), tag: 'BETA GRÁTIS', }, { name: 'Migração assistida', price: 499, when: 'one-time', desc: 'Nossa equipe roda o CSV, valida histórico, reconcilia comissões e treina seu time em videocall.', icon: ( ), tag: 'CONCIERGE', }, ]; return (

Preços

Trial 90 dias sem cartão.

Cobramos por unidade e por features — não por colaborador. Sem letras miúdas.

{plans.map((p) => { const monthly = billing === 'annual' ? p.price * (1 - discount) : p.price; return (

{p.featured &&

Mais popular

}

{p.name}

{p.desc}

R$ {monthly.toFixed(0)} /mês

{billing === 'annual' && (

cobrado anualmente · {Math.round((monthly*12)).toLocaleString('pt-BR')}/ano

)} {billing === 'monthly' && (

cobrado mensalmente · sem fidelidade

)}

● {p.units}

● {p.colabs}

{p.cta}

Inclui

{p.includes.map((it, i) => (

{it}

))}

); })}

Add-ons opcionais

Recursos premium por demanda.

Cobre só o que sua barbearia realmente vai usar. Sem pacote inflado.

{addons.map((a, i) => (

{a.icon}

{a.tag}

{a.name}

{a.desc}

R$ {a.price} {a.when}

))}

); } Object.assign(window, { Integrations, Calculator, Testimonials, Pricing });