2d:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Tutorial: Como criar um app React Native com IA"}],[["$","div","0",{"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: Abra o terminal, navegue até a pasta de projetos e\n execute npx rn-ei para iniciar a configuração de um novo projeto com\n React Native AI."}}]}]]}],["$","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: Defina o nome do projeto (ou aceite o sugerido),\n configure as primeiras variáveis de ambiente fornecendo as chaves de API\n desejadas conforme as instruções do CLI."}}]}]]}],["$","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: Escolha os provedores de IA que deseja conectar\n (OpenAI, FALL AI, Bytescale, Gemini etc), gere as chaves diretamente nos painéis\n de cada serviço e cole-as conforme solicitado no processo de criação."}}]}]]}],["$","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: Finalize a configuração e, ao terminar, abra o projeto\n no seu editor para inspecionar os diretórios server (backend Node) e app (React Native Expo)."}}]}]]}],["$","div","4",{"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":5}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 5: Ajuste variáveis, selecione os modelos de IA desejados\n e rode o backend com npm run dev e o app mobile com npx expo start . Use o emulador para visualizar o chat, geração de imagem e ajustes."}}]}]]}]]}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-green-500/10 border-green-500/20 text-green-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-green-400","children":[["$","span",null,{"children":"✅"}],"Dica rápida"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"O React Native AI traz exemplos funcionais para chat, geração e edição de imagens,\n manipulação de PDFs e escolha dinâmica entre modelos. Explore antes de estender e\n adaptar ao seu use case."}]]}]]}]]]}]