const { useEffect, useRef, useState } = React; const TURNSTILE_SITE_KEY = window.APP_CONFIG?.turnstileSiteKey || "0x4AAAAAADFIcr5KUyY5R-51"; // ============ NAV ============ function Nav() { return ( ); } // ============ HERO ============ function Hero() { const [form, setForm] = useState({ seu_nome: "", seu_tel: "", nome_ind: "", tel_ind: "" }); const [turnstileToken, setTurnstileToken] = useState(""); const [status, setStatus] = useState("idle"); const [message, setMessage] = useState(""); const turnstileRef = useRef(null); const widgetIdRef = useRef(null); const onChange = (k) => (e) => setForm(s => ({ ...s, [k]: e.target.value })); const resetTurnstile = () => { setTurnstileToken(""); if (window.turnstile && widgetIdRef.current !== null) { window.turnstile.reset(widgetIdRef.current); } }; useEffect(() => { if (!turnstileRef.current || !TURNSTILE_SITE_KEY) return undefined; let attempts = 0; let cancelled = false; const renderTurnstile = () => { if (cancelled || !turnstileRef.current) return; if (!window.turnstile) { attempts += 1; if (attempts < 50) { window.setTimeout(renderTurnstile, 100); } return; } if (widgetIdRef.current !== null) return; widgetIdRef.current = window.turnstile.render(turnstileRef.current, { sitekey: TURNSTILE_SITE_KEY, theme: "dark", callback: (token) => { setTurnstileToken(token); setMessage(""); }, "expired-callback": () => { setTurnstileToken(""); setStatus("error"); setMessage("A validação expirou. Confirme o Turnstile novamente."); }, "error-callback": () => { setTurnstileToken(""); setStatus("error"); setMessage("Não foi possível validar o Turnstile. Tente novamente."); }, }); }; renderTurnstile(); return () => { cancelled = true; if (window.turnstile && widgetIdRef.current !== null) { window.turnstile.remove(widgetIdRef.current); widgetIdRef.current = null; } }; }, []); const submit = async (e) => { e.preventDefault(); if (!turnstileToken) { setStatus("error"); setMessage("Confirme o Turnstile antes de enviar."); return; } setStatus("loading"); setMessage(""); try { const response = await fetch("/api/contacts", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...form, turnstileToken }), }); const data = await response.json(); if (!response.ok) { throw new Error(data.error || "Não foi possível enviar sua indicação."); } setStatus("success"); setMessage("Indicação enviada com sucesso. Nosso time fará a validação."); setForm({ seu_nome: "", seu_tel: "", nome_ind: "", tel_ind: "" }); resetTurnstile(); setTimeout(() => { setStatus("idle"); setMessage(""); }, 4000); } catch (error) { setStatus("error"); setMessage(error.message || "Erro ao enviar indicação. Tente novamente."); resetTurnstile(); } }; return (
); } // ============ HOW IT WORKS ============ function HowItWorks() { const steps = [ { n: "01", t: "Você indica", d: "Preencha o formulário com os dados de quem você quer indicar. Leva menos de um minuto." }, { n: "02", t: "Nós validamos", d: "Nossa equipe entra em contato com total profissionalismo e discrição." }, { n: "03", t: "Você é recompensado", d: "Contrato fechado? Você avança de categoria e escolhe seu benefício." }, ]; return (
Passo a passo

Como funciona

Três passos, sem burocracia. Você indica e nós cuidamos do resto.

{steps.map((s, i) => (
{s.n}
{s.t}
{s.d}
{i < steps.length - 1 &&
→
}
))}
); } // ============ TESTIMONIALS ============ function Testimonials() { const items = [ { years: "Cliente há 3 anos", q: "Já trabalhei com outros escritórios antes, mas com vocês foi a primeira vez que senti segurança de verdade durante todo o processo. Hoje, quando alguém me pede indicação, eu não penso duas vezes." }, { years: "Cliente há 5 anos", q: "O que mais me marcou foi a consistência. Não foi só no começo, do início ao fim o atendimento foi muito bem conduzido. Isso é raro, e por isso continuo recomendando." }, { years: "Cliente há 4 anos", q: "Depois que comecei a trabalhar com vocês, ficou difícil confiar em outro escritório no mesmo nível. É um padrão de organização e clareza que eu ainda não vi em outros lugares." }, ]; return (
Quem já participa

Confiança que circula

{items.map((t, i) => (
{t.q}
{t.years}
))}
); } // ============ FAQ ============ function FAQ() { const [open, setOpen] = useState(0); const items = [ { q: "Quando recebo o benefício?", a: "Após a assinatura do contrato pelo indicado e o cumprimento do período mínimo de relacionamento contratual, entramos em contato para que você escolha o benefício da categoria conquistada." }, { q: "O que significa \"contrato fechado\"?", a: "Significa que a pessoa indicada por você efetivamente contratou um serviço jurídico do escritório Bhay e Mota Advogados, com contrato assinado e honorários iniciais quitados." }, { q: "Posso indicar mais de uma pessoa?", a: "Sim — e é exatamente isso que destrava categorias superiores. A cada nova indicação que fecha contrato, você avança no programa e acessa recompensas mais exclusivas." }, { q: "Como sei em qual categoria estou?", a: "Você recebe um e-mail de confirmação a cada avanço e pode acompanhar seu progresso com o nosso time de relacionamento, que fica à sua disposição." }, { q: "E se duas pessoas indicarem a mesma pessoa?", a: "Consideramos a primeira indicação registrada no nosso sistema. Por isso, se você tem alguém em mente, indique logo para garantir sua recompensa." }, { q: "Existe prazo de validade do programa?", a: "O programa é contínuo. Eventuais ajustes nas categorias ou benefícios serão comunicados com antecedência e nunca retroativamente." }, ]; return (
Perguntas frequentes

Dúvidas mais frequentes

{items.map((it, i) => (
{it.a}
))}
); } // ============ CTA FINAL ============ function FinalCTA() { return (
Comece agora

Pronto para participar do
Clube de Indicações?

Indicar é simples, rápido e todo o processo é validado pelo nosso escritório.
Comece agora a indicar e a acumular benefícios.

Indicar agora →
); } // ============ FOOTER ============ function Footer() { return ( ); } Object.assign(window, { Nav, Hero, HowItWorks, Testimonials, RewardsSection_wrapper: null, FAQ, FinalCTA, Footer });