/* global React, Logo, Button, Field, Icon, ICONS, sb */ const { useState } = React; // ─── Modal de documentos legais (acessível no fluxo de cadastro) ────────────── function LegalModal({ tab, onClose }) { const TABS = [ { id: 'termos', label: 'Termos de Uso' }, { id: 'privacidade', label: 'Privacidade' }, { id: 'reembolso', label: 'Reembolso' }, { id: 'cookies', label: 'Cookies' }, ]; const [active, setActive] = useState(tab || 'termos'); return (
{/* Header */}
Documentos Legais
{/* Tabs */}
{TABS.map(t => ( ))}
{/* Content — carrega Legal.jsx se disponível */}
{window.Legal ? React.createElement(window.Legal, { initialTab: active }) : (
Carregando documentos…
) }
); } const CAKTO_URL_MENSAL = 'https://pay.cakto.com.br/38vm695_679341'; const CAKTO_URL_ANUAL = 'https://pay.cakto.com.br/us3762i'; function Login({ onLogin }) { // Se vier de /founders com ?cadastro=1, abre direto no signup const startInSignup = new URLSearchParams(window.location.search).get('cadastro') === '1'; const [mode, setMode] = useState(startInSignup ? 'signup' : 'signin'); if (mode === 'signup') return setMode('signin')} onLogin={onLogin}/>; return setMode('signup')} />; } // ─── Sign in ──────────────────────────────────────────────────────────────── function SignIn({ onLogin, onSwitch }) { const [email, setEmail] = useState(''); const [pwd, setPwd] = useState(''); const [loading, setLoading] = useState(false); const [error, setError] = useState(''); async function handleGoogleLogin() { const { error } = await sb.auth.signInWithOAuth({ provider: 'google', options: { redirectTo: window.location.origin + window.location.pathname, scopes: 'openid email profile', }, }); if (error) console.error('Erro login Google:', error); } async function handleLogin() { setError(''); setLoading(true); try { const { error: err } = await sb.auth.signInWithPassword({ email: email.trim(), password: pwd }); if (err) { setError(err.message); return; } onLogin(); } catch (e) { setError('Erro inesperado. Tente novamente.'); } finally { setLoading(false); } } function handleKey(e) { if (e.key === 'Enter') handleLogin(); } return (

Bem-vinda de volta

Entre na sua conta para continuar.

setEmail(e.target.value)} onKeyDown={handleKey} /> {error && (
{error}
)}
ou continue com
); } // ─── Hero ─────────────────────────────────────────────────────────────────── function Hero() { return (
Acesso antecipado · Fundadores

Tudo o que sua agência precisa,
em um só lugar.

Projetos, clientes, tarefas, financeiro e portfolios públicos — sem alternar entre 7 abas. Feito para profissionais de marketing brasileiros.

⭐ Preço de Fundadores — R$47/mês ou R$397/ano para sempre
© 2026 inBrivvo · São Paulo, BR
); } // ─── Sign up ──────────────────────────────────────────────────────────────── const SEGMENTS = ['Branding', 'Web design', 'Social media', 'Audiovisual', 'Editorial', 'Outro']; const SIZES = ['Solo', '2–5 pessoas', '6–15 pessoas', '15+']; function SignUp({ onBack, onLogin }) { const [step, setStep] = useState(0); const [done, setDone] = useState(false); // conta criada, mostrar checkout const [form, setForm] = useState({ name: '', email: '', pwd: '', studio: '', size: 'Solo', segments: [], terms: false, }); const [loading, setLoading] = useState(false); const [error, setError] = useState(''); const [legalTab, setLegalTab] = useState(null); // null = fechado, 'termos' | 'privacidade' = aberto const set = (k,v) => setForm(f => ({ ...f, [k]: v })); const toggleSeg = (s) => set('segments', form.segments.includes(s) ? form.segments.filter(x=>x!==s) : [...form.segments, s]); const valid = [ form.name.trim() && /^.+@.+\..+/.test(form.email) && form.pwd.length >= 6, form.studio.trim() && form.segments.length > 0, form.terms, ]; const stepsLab = ['Conta', 'Workspace', 'Confirmar']; async function handleCreate() { setError(''); setLoading(true); try { const { error: err } = await sb.auth.signUp({ email: form.email.trim(), password: form.pwd, options: { emailRedirectTo: window.location.origin + '/entrar', data: { name: form.name.trim(), studio: form.studio.trim(), size: form.size, segments: form.segments, } } }); if (err) { setError(err.message); return; } setDone(true); // mostra tela de checkout, não entra no dashboard } catch (e) { setError('Erro inesperado. Tente novamente.'); } finally { setLoading(false); } } // ── Tela pós-cadastro: escolher plano ───────────────────────────────────── if (done) { return (
Conta criada com sucesso!

Agora escolha seu plano

Você é um dos primeiros fundadores — garante esse preço para sempre, mesmo quando aumentar.

{/* Mensal */}
Mensal
Cancele quando quiser
R$47
/mês
Assinar →
 {/* Anual */}
MELHOR OFERTA
Anual
≈ R$33/mês · economize R$167
R$397
/ano
Assinar →

Pagamento seguro via Cakto · PIX, cartão e boleto

); } // ── Fluxo de cadastro ───────────────────────────────────────────────────── return (
Etapa {step+1} de {stepsLab.length}

{step===0 && 'Crie sua conta'} {step===1 && 'Sobre você'} {step===2 && 'Quase lá!'}

{step===0 && 'Em menos de 2 minutos você está dentro.'} {step===1 && 'Personalizamos sua experiência com base nessas respostas.'} {step===2 && 'Revise seus dados e aceite os termos para finalizar.'}

{stepsLab.map((_,i) => (
))}
{step===0 && (
set('name', e.target.value)} placeholder="Ana Silva"/> set('email', e.target.value)} placeholder="voce@estudio.com"/>
set('pwd', e.target.value)} placeholder="Mínimo 6 caracteres"/>
{[0,1,2,3].map(i => (
i*2 ? (form.pwd.length>=8?'#22C55E':'var(--primary)') : 'var(--border-subtle)' }}/> ))}
)} {step===1 && (
set('studio', e.target.value)} placeholder="Estúdio Norte"/>
Tamanho do time
{SIZES.map(s => ( ))}
O que você faz? (escolha 1+)
{SEGMENTS.map(s => { const on = form.segments.includes(s); return ( ); })}
)} {step===2 && (
Nome{form.name || '—'} E-mail{form.email || '—'} Estúdio{form.studio || '—'} Time{form.size} Áreas{form.segments.join(', ') || '—'}
{error && (
{error}
)}
)}
{step>0 && } {step < stepsLab.length-1 ? : }
{legalTab && setLegalTab(null)} />}
); } window.Login = Login;