Skip to content

Commit cac3d7b

Browse files
enzosakamotoenzosakamoto
authored
Merge pull request #65 from knowlyai/copilot/vscode1761008427494
Create modern documentation interface with responsive sidebar navigation and navbar integration
2 parents 50196a6 + ed9e751 commit cac3d7b

11 files changed

Lines changed: 854 additions & 0 deletions

‎src/features/docs/pages/about-project.tsx‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
import { motion } from 'framer-motion'
2+
import { h1, h2, p } from '@/shared/components/typography'
3+
4+
export function AboutProjectPage() {
5+
return (
6+
<motion.div
7+
initial={{ opacity: 0, y: 20 }}
8+
animate={{ opacity: 1, y: 0 }}
9+
transition={{ duration: 0.5 }}
10+
>
11+
{h1({ children: 'Sobre o Projeto' })}
12+
13+
{h2({ children: 'Por que criamos o Knowly?' })}
14+
{p({
15+
children: (
16+
<>
17+
A inteligência artificial está mudando a forma como empresas
18+
trabalham, trazendo mais agilidade e eficiência para o dia a dia.
19+
Mas, para a maioria dos negócios, usar IA ainda é caro e complicado:
20+
exige conhecimento técnico, tempo e investimento alto em tecnologia.
21+
</>
22+
)
23+
})}
24+
{p({
25+
children: (
26+
<>
27+
O Knowly nasceu para simplificar esse cenário. Queremos que qualquer
28+
empresa consiga aproveitar o poder dos grandes modelos de linguagem
29+
para responder dúvidas, organizar informações e automatizar tarefas,
30+
sem precisar se preocupar com detalhes técnicos ou infraestrutura.
31+
</>
32+
)
33+
})}
34+
{p({
35+
children: (
36+
<>
37+
Nossa plataforma permite que você envie seus próprios documentos e,
38+
em poucos cliques, já tenha uma base de conhecimento inteligente
39+
pronta para ser usada no seu atendimento, site ou operação interna.
40+
Tudo isso com segurança, praticidade e custos acessíveis.
41+
</>
42+
)
43+
})}
44+
{p({
45+
children: (
46+
<>
47+
O objetivo é ajudar empresas a inovar, ganhar tempo e focar no que
48+
realmente importa: crescer e atender melhor seus clientes, usando IA
49+
de verdade no dia a dia.
50+
</>
51+
)
52+
})}
53+
</motion.div>
54+
)
55+
}
56+
57+
export default AboutProjectPage

‎src/features/docs/pages/foundation-models.tsx‎

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
import { motion } from 'framer-motion'
2+
import { h1, h2, p, ul, li } from '@/shared/components/typography'
3+
4+
export function FoundationModelsPage() {
5+
return (
6+
<motion.div
7+
initial={{ opacity: 0, y: 20 }}
8+
animate={{ opacity: 1, y: 0 }}
9+
transition={{ duration: 0.5 }}
10+
>
11+
{h1({ children: 'Modelos de Fundação AWS' })}
12+
13+
{h2({ children: 'O que são modelos de fundação?' })}
14+
{p({
15+
children: (
16+
<>
17+
Modelos de fundação são inteligências artificiais treinadas para
18+
entender e gerar textos, responder perguntas, resumir informações e
19+
até criar conteúdos. Eles servem como base para várias aplicações de
20+
IA, desde chatbots até análise de documentos.
21+
</>
22+
)
23+
})}
24+
25+
{h2({ children: 'Principais modelos disponíveis na AWS' })}
26+
{ul({
27+
children: (
28+
<>
29+
{li({
30+
children: (
31+
<>
32+
<strong>Amazon Titan:</strong> Modelo versátil para tarefas do
33+
dia a dia, como responder perguntas, resumir textos e
34+
organizar informações. É uma ótima escolha para quem busca
35+
equilíbrio entre custo e desempenho.
36+
</>
37+
)
38+
})}
39+
{li({
40+
children: (
41+
<>
42+
<strong>Anthropic Claude:</strong> Ideal para conversas mais
43+
longas, respostas detalhadas e situações que exigem mais
44+
segurança e controle. Muito usado em chatbots avançados e
45+
assistentes virtuais.
46+
</>
47+
)
48+
})}
49+
{li({
50+
children: (
51+
<>
52+
<strong>AI21 Labs:</strong> Especialista em geração de textos
53+
criativos, artigos, e até mesmo conteúdos técnicos. Indicado
54+
para quem precisa de textos mais elaborados ou criativos.
55+
</>
56+
)
57+
})}
58+
{li({
59+
children: (
60+
<>
61+
<strong>Cohere:</strong> Focado em análise de linguagem,
62+
classificação de textos e extração de informações. Bom para
63+
automação de processos e análise de grandes volumes de dados.
64+
</>
65+
)
66+
})}
67+
</>
68+
)
69+
})}
70+
71+
{h2({ children: 'Quando usar cada modelo?' })}
72+
{ul({
73+
children: (
74+
<>
75+
{li({
76+
children: (
77+
<>
78+
<strong>Precisa de respostas rápidas e gerais?</strong> Use o{' '}
79+
<strong>Amazon Titan</strong>.
80+
</>
81+
)
82+
})}
83+
{li({
84+
children: (
85+
<>
86+
<strong>
87+
Vai criar um chatbot ou assistente virtual que precisa
88+
conversar bastante?
89+
</strong>{' '}
90+
O <strong>Claude</strong> é uma ótima opção.
91+
</>
92+
)
93+
})}
94+
{li({
95+
children: (
96+
<>
97+
<strong>Quer gerar textos criativos ou técnicos?</strong>{' '}
98+
Experimente o <strong>AI21 Labs</strong>.
99+
</>
100+
)
101+
})}
102+
{li({
103+
children: (
104+
<>
105+
<strong>
106+
Precisa analisar, classificar ou organizar muitos textos?
107+
</strong>{' '}
108+
O <strong>Cohere</strong> pode ajudar.
109+
</>
110+
)
111+
})}
112+
</>
113+
)
114+
})}
115+
116+
{p({
117+
children: (
118+
<>
119+
Com esses modelos, você pode escolher a solução que mais combina com
120+
o seu projeto, sem se preocupar com a complexidade técnica. Basta
121+
selecionar o modelo e começar a usar!
122+
</>
123+
)
124+
})}
125+
</motion.div>
126+
)
127+
}
128+
129+
export default FoundationModelsPage

‎src/features/docs/pages/integration.tsx‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
import { motion } from 'framer-motion'
2+
import { h1, h2, p, ul, li, pre } from '@/shared/components/typography'
3+
4+
export function IntegrationPage() {
5+
return (
6+
<motion.div
7+
initial={{ opacity: 0, y: 20 }}
8+
animate={{ opacity: 1, y: 0 }}
9+
transition={{ duration: 0.5 }}
10+
>
11+
{h1({ children: 'Como integrar com sua base de conhecimento' })}
12+
13+
{h2({ children: 'Integração simples via API' })}
14+
{p({
15+
children: (
16+
<>
17+
Depois de criar sua base de conhecimento no Knowly, você pode
18+
integrá-la facilmente ao seu sistema usando nossa API. O
19+
funcionamento é parecido com a API da OpenAI, muito usada em
20+
chatbots de atendimento, como no WhatsApp.
21+
</>
22+
)
23+
})}
24+
25+
{h2({ children: 'Como funciona?' })}
26+
{ul({
27+
children: (
28+
<>
29+
{li({
30+
children: (
31+
<>
32+
Você envia um <strong>prompt</strong> (mensagem ou pergunta)
33+
para a API, junto com sua chave de acesso.
34+
</>
35+
)
36+
})}
37+
{li({
38+
children: (
39+
<>
40+
A API responde com a melhor resposta baseada nos documentos
41+
que você enviou para sua base.
42+
</>
43+
)
44+
})}
45+
{li({
46+
children: (
47+
<>
48+
É possível usar essa integração em sites, sistemas internos,
49+
chatbots e muito mais.
50+
</>
51+
)
52+
})}
53+
</>
54+
)
55+
})}
56+
57+
{h2({ children: 'Exemplo de requisição' })}
58+
{pre({
59+
children: `POST https://api.knowly.ai/v1/query
60+
Headers:
61+
Authorization: Bearer SUA_CHAVE_DE_API
62+
Body:
63+
{
64+
"prompt": "Como faço para atualizar meus dados cadastrais?",
65+
"baseId": "sua-base-id"
66+
}`
67+
})}
68+
69+
{p({
70+
children: (
71+
<>
72+
A resposta virá em formato JSON, com o texto gerado pela IA usando o
73+
conhecimento da sua base. Assim, você pode automatizar atendimentos,
74+
responder dúvidas de clientes ou integrar a IA ao seu sistema de
75+
forma simples e eficiente.
76+
</>
77+
)
78+
})}
79+
</motion.div>
80+
)
81+
}
82+
83+
export default IntegrationPage

‎src/features/docs/pages/knowledge-bases.tsx‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
import { motion } from 'framer-motion'
2+
import { h1, h2, p, ul, li } from '@/shared/components/typography'
3+
4+
export function KnowledgeBasesPage() {
5+
return (
6+
<motion.div
7+
initial={{ opacity: 0, y: 20 }}
8+
animate={{ opacity: 1, y: 0 }}
9+
transition={{ duration: 0.5 }}
10+
>
11+
{h1({ children: 'Gerenciando Bases de Conhecimento' })}
12+
13+
{h2({ children: 'Como criar, editar e excluir suas bases' })}
14+
{p({
15+
children: (
16+
<>
17+
Gerenciar suas bases de conhecimento no Knowly é simples e rápido.
18+
Basta acessar as configurações do seu perfil após fazer login e
19+
selecionar a opção <strong>&quot;Minhas bases&quot;</strong>.
20+
</>
21+
)
22+
})}
23+
24+
{ul({
25+
children: (
26+
<>
27+
{li({
28+
children: (
29+
<>
30+
<strong>Para criar uma base:</strong> Clique em{' '}
31+
<strong>&quot;Nova base&quot;</strong>, escolha um nome e
32+
envie os documentos que deseja usar. Pronto! Sua base estará
33+
disponível para consultas e integrações assim que terminar de
34+
ser criada.
35+
</>
36+
)
37+
})}
38+
{li({
39+
children: (
40+
<>
41+
<strong>Para editar:</strong> Selecione uma base existente na
42+
lista para ver detalhes, adicionar ou remover documentos, ou
43+
atualizar informações.
44+
</>
45+
)
46+
})}
47+
{li({
48+
children: (
49+
<>
50+
<strong>Para excluir:</strong> Escolha a base desejada e
51+
clique em <strong>&quot;Excluir&quot;</strong>. Confirme a
52+
ação para remover a base do sistema.
53+
</>
54+
)
55+
})}
56+
</>
57+
)
58+
})}
59+
</motion.div>
60+
)
61+
}
62+
63+
export default KnowledgeBasesPage

0 commit comments

Comments
 (0)