28:["$","div",null,{"className":"prose prose-lg prose-invert max-w-none prose-headings:text-white prose-headings:font-bold prose-h2:text-2xl prose-h2:mt-12 prose-h2:mb-6 prose-h3:text-xl prose-h3:mt-8 prose-h3:mb-4 prose-p:text-gray-300 prose-p:leading-relaxed prose-p:mb-6 prose-a:text-lime-400 prose-a:no-underline hover:prose-a:text-lime-300 prose-strong:text-white prose-strong:font-semibold prose-code:text-lime-400 prose-code:bg-gray-800 prose-code:px-2 prose-code:py-1 prose-code:rounded prose-pre:bg-gray-900 prose-pre:border prose-pre:border-gray-700 prose-blockquote:border-l-4 prose-blockquote:border-lime-500 prose-blockquote:bg-gray-900/50 prose-blockquote:p-4 prose-blockquote:rounded-r prose-ul:text-gray-300 prose-ol:text-gray-300 prose-li:mb-2 animate-fade-in-up opacity-0 translate-y-8","style":{"animationDelay":"0.5s"},"children":["$","div",null,{"className":"space-y-12","children":[["$","section","0",{"className":"mb-16","children":["$","div",null,{"className":"bg-lime-500/10 border border-lime-500/20 rounded-xl p-6 mb-8","children":[["$","h3",null,{"className":"text-lime-400 font-semibold mb-4 flex items-center gap-2","children":[["$","span",null,{"className":"w-2 h-2 bg-lime-400 rounded-full"}],"Estrutura quebrada mata projetos"]}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"90% dos projetos React Native falham por má arquitetura inicial. Estrutura\n sólida desde o primeiro commit economiza meses de retrabalho e previne bugs de\n escalabilidade."}]]]}]}],["$","section","1",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Base sólida em 5 passos"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Estrutura mal feita gera 3x mais bugs. Organize theme, Style Guide e UI Kit desde\n o início para evitar refatorações custosas."}],["$","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: Criar a pasta src e dividir as\n responsabilidades por domain."}}]}]]}],["$","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: Adicionar um Style Guide com tipagem e exportação de\n cores, fontes e espaçamentos."}}]}]]}],["$","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: Criar tema e importar fontes do Google usando expo-font ."}}]}]]}],["$","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: Montar os primeiros componentes estilizados: botões e\n textos reutilizáveis."}}]}]]}],"$L2b"]}]]]}],"$L2c","$L2d","$L2e","$L2f","$L30","$L31"]}]}]