30:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Implementando onboarding embeddado: passo a passo"}],[["$","h3","0",{"className":"text-xl font-semibold text-white mb-4","children":"Checklist de integração segura e customizável"}],["$","div","1",{"className":"grid gap-4 mb-8","children":[["$","div","0",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":1}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 1: Crie a sessão de conexão Stripe com a API,\n especificando o ID de conta conectada e os componentes desejados, como\n Onboarding."}}]}]]}],["$","div","1",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":2}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 2: No front-end, inicialize os componentes embeddados com loadConnect , usando sua chave pública do Stripe."}}]}]]}],["$","div","2",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 3: Utilize a função da API para buscar a sessão criada e\n renderize o componente de onboarding dentro da sua página React."}}]}]]}],["$","div","3",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":4}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 4 (opcional): Personalize a aparência dos componentes\n para alinhar com seu branding e retirar o passo de autenticação, se preferir."}}]}]]}]]}],["$","div","2",{"className":"border rounded-xl p-6 mb-8 bg-red-500/10 border-red-500/20 text-red-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-red-400","children":[["$","span",null,{"children":"❌"}],"Evite Erros"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Nunca exponha suas chaves secretas no front-end e garanta sempre esconder lógica\n sensível em APIs no back-end!"}]]}]]}]]]}]