2c:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Passo a Passo para Criar o Sistema"}],[["$","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 Loveable e crie um novo projeto informando no prompt: \"Crie um\n aplicativo de reconhecimento facial com página de cadastro para foto e outra\n para verificação\"."}}]}]]}],["$","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: Espere a IA estruturar a interface básica. Você verá os campos para nome e\n ativar câmera automaticamente na página de cadastro."}}]}]]}],["$","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: No menu do Loveable, clique no símbolo do raio (Connect) e selecione\n \"Supabase\". Crie sua conta ou conecte utilizando as credenciais da região mais\n próxima do seu público."}}]}]]}],["$","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: Depois de criar o projeto Supabase, retorne ao Loveable e conecte o projeto à\n base recém criada."}}]}]]}],["$","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: No prompt da IA, peça a criação da estrutura de banco de dados ideal para\n registrar usuários e informações faciais, incluindo a conexão entre sistema e\n base de dados."}}]}]]}],["$","div","5",{"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":6}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 6: Aprove e valide os comandos SQL sugeridos pela IA; isso garante que o cadastro\n salve a imagem, dados do usuário e padrões faciais automaticamente."}}]}]]}],["$","div","6",{"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":7}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 7: Realize um teste: preencha o formulário, ative a câmera, tire a foto e conclua\n o cadastro. Confirme que os dados aparecem nas tabelas \"register users\" e dos\n parâmetros faciais."}}]}]]}],"$L3b","$L3c","$L3d"]}],"$L3e"]]}]