2e:["$","section","3",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Como Utilizar o Shadcn Chat em Seu Projeto"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"A integração do Shadcn Chat é direta, mas requer que o `shadcn/ui` já esteja configurado\n em seu projeto:"}],["$","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-blue-500 text-black rounded-full font-semibold","children":1}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Pré-requisito: Certifique-se de que o `shadcn/ui` esteja\n instalado e configurado em seu projeto React ou Next.js."}}]}]]}],["$","div","1",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-blue-500 text-black rounded-full font-semibold","children":2}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Instalação da CLI: Execute `npx shadcn-chat-cli init` para\n configurar o kit em seu projeto."}}]}]]}],["$","div","2",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-blue-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Adicionar Componentes: Use `npx shadcn-chat-cli add\n [componente]` para adicionar componentes específicos, ou adicione todos de uma\n vez."}}]}]]}],["$","div","3",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-blue-500 text-black rounded-full font-semibold","children":4}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Personalização: Modifique os componentes copiados para se\n adequarem às suas necessidades de design e funcionalidade."}}]}]]}],["$","div","4",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-blue-500 text-black rounded-full font-semibold","children":5}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Integração com Backend: Conecte os componentes de chat ao seu\n backend para enviar e receber mensagens em tempo real."}}]}]]}]]}]]]}]