## John Richard <a id="jr"></a>

### Infos <a id="jr-infos"></a>
- [Ambiente: client](https://website-iota-red-34.vercel.app/)
- [Ambiente: nosso](https://jr-web.vercel.app/)
- [API](https://johnrichard-api.herokuapp.com/)
- [CMS](https://new-jr-admin.vercel.app/)

## AJUSTES SITE

- [x] TAG GA - UA-46312147-1

### MENU PRINCIPAL
- [x] Móveis - hover abre submenu com as categorias e tipos que forem setados como “DESTAQUE” no CMS

- [x] Benefícios - https://website-iota-red-34.vercel.app/beneficios
hover abre submenu com as páginas abaixo. Elas devem seguir o template de - https://website-iota-red-34.vercel.app/corporativo precisa estar no CMS tb. <b>Vou pedir pra eles o conteudo.</b>
- [x] Serviços (incluir link para - https://website-iota-red-34.vercel.app/servicos) 
- Startups - conteúdo https://johnrichard.com.br/beneficios/escritorios/start-ups/
- [x] Contingências - conteúdo https://johnrichard.com.br/beneficios/escritorios/contingencias/
- [x] Coworking - conteúdo https://johnrichard.com.br/beneficios/escritorios/coworking/
- [x] Ambiente Corporativo - https://website-iota-red-34.vercel.app/corporativo
- [x] Home Office - link pra workin https://website-iota-red-34.vercel.app/home-office-work-in
- [x] Volta ao Escritório - conteúdo https://johnrichard.com.br/beneficios/escritorios/volta-ao-escritorio/ 


- INSTITUCIONAL
- [x] Sobre a John Richard (ainda sem conteúdo. Será enviado pela produtora ou incluído direto no CMS)
- [x] Grupo John Richard (será um link para a página na Tuim - vc já tem essa página?)
- John Richard na mídia - Essa página tá errada. Explico mais ali embaixo.
- [x] Artigos
- [x] Carreiras - vou verificar se já existe algum ... talvez caia.
- [x] Projeto Sofá - link para - https://www.tuim.com.br/projeto-sofa

## HOME - https://website-iota-red-34.vercel.app/

- [x] Bt “Como funciona” fazer âncora para a parte “Como funciona? Espia como é fácil voar com a gente” na própria Home.
- [x] Colocar um easeing na âncora acima. Hoje tá pulando direto. ==FEITO==

- [x] SIMULADOR - Abre um modal com NOME + EMAIL e leva pro link - https://mooble.com/api/SyncOpenProject/Sync?email=[e-mail]&name=Thalles%20Freitas&projectURL=https://planner.mooble.com/br?partnership=johnrichard
Ver como é hj em - https://johnrichard.com.br/projetos/
- [ ] Precisa colocar o form para salvar no CRM. Ver se tem integração com SAP.
- [x] Colocar o simulador pra abrir _blank ==FEITO==
- [ ] Form - Receba nossos artigos - tá funcionando? (veremos dps )
- [x] Categorias - Precisa ter no CMS 3 opções para as categorias
- Itens em destaque (são os que deverão aparecer no hover do menu principal)==FEITO (CMS - CATEGORIAS)==

- Categoria popular - Aparecem como destaque na Home maior.==FEITO (CMS - HOME)==

- [ ] Destaques home - são os thumbs que aparecem em destaque na home embaixo do banner principal==FEITO (CMS - HOME)== Esses ainda não estão aparecendo. São os que aparecem entre o banner e o "como podemos ajudar".
A lista hj é - Recepção x Salas de reunião x Área de Convivência x Estações de Trabalho x Treinamentos
Ainda mocado.

- [x] Artigos (área na Home) - ainda tá mocado.==FEITO==
- [ ] A imagem que aparece na home não tá puxando da materia interna. Mudei a do artigo "Veja como criar a identidade da sua nova casa com o seu estilo" e continua com a imagem anterior.

### ARTIGOS - https://website-iota-red-34.vercel.app/artigos
- [x] Tá quebrada a diagramação da listagem de artigos. ==FEITO==

### WORK IN - https://website-iota-red-34.vercel.app/home-office-work-in
- [ ] - Os “Produtos disponíveis” estão mocados
- [x] - Botão “voltar” não funciona. ==FEITO==
- [x] Ao clicar no produto do workin tá abrindo o detalhe do produto mockado (Cadeira My Chair - Verde)

### NA MÍDIA - https://website-iota-red-34.vercel.app/midia
O desenvolviemnto dessa página tá errada.
Elá tá no CMS como uma página simples mas ela deve ser como Artigos.

Atualmente ele é assim - https://johnrichard.com.br/cases/
E as matérias/internas abrem com foto e imagem - por exemplo - https://johnrichard.com.br/cases/case-re-max/
- [x] refazer
- [ ] O nome da página tá com acento no "ná". Tá escrito "Ná mídia", mudar para Na Mídia ==FEITO==
Esse ainda tá errado. O nome que eu to falando é o do topo da pagina. Abaixo da marca principal na esquerda.

- [ ] Mudar nome no CMS para Na Mídia/Cases ==FEITO== aqui na vdd é pra deixar os 2 nomes rsrs "Na Mídia/Cases" mesmo

### AMBIENTE CORPORTATIVO - https://website-iota-red-34.vercel.app/corporativo
- [ ] Produtos em destaque tá mocado.
- [ ] Categorias populares tá mocado.

### Produtos - https://website-iota-red-34.vercel.app/produtos-simples

- [x] O título tá escrito “Encontre seu moliliário” corrigir pra mobiliário
- [x] Layout do grid de produtos está quebrando quanto tem 3 ou menos.
- SUGESTÃO - Mudar CSS pra
<code>
@media (min-width: 1024px)
.grid-dos-produtos {
-webkit-box-pack: justify;
justify-content: flex-start;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
@media (tablet)
.grid-dos-produtos {
grid-template-columns: repeat(3, 1fr);
}
@media (mobile)
.grid-dos-produtos {
grid-template-columns: repeat(1, 1fr);
}
</code>

- [x] Dropdown de “Ambientes” e “Tipo de móveis” passando por cima do ícone de favoritos (coraçãozinho). ==FEITO==

- [x] Paginação
Se vc vai pra pagina 2 de produtos - https://website-iota-red-34.vercel.app/produtos-simples?page=2 - e muda o produto clicando em algum de categoria ou tipo https://website-iota-red-34.vercel.app/produtos-simples?type=cadeiras por exemplo na páginação fica - Página 2 de 1.

Melhoria
- [ ] Melhorar URL amigável
EX:
https://website-iota-red-34.vercel.app/produtos-simples?category=corporativo - deveria ser - https://website-iota-red-34.vercel.app/produtos/corporativo
https://website-iota-red-34.vercel.app/produtos-simples?type=mesas - deveria ser - https://website-iota-red-34.vercel.app/produtos/mesas

No caso de ter a categoria e o tipo com o mesmo nome mostrar a categoria

- [x] Colocar maozinha de click nos botoes de "Móveis" e "Combos" do filtro de produtos. ==FEITO==

### Produtos - COMBOS https://website-iota-red-34.vercel.app/produtos-combos?page=1

Interna combos - https://website-iota-red-34.vercel.app/combo/combo-mesas

- [x] descritivo tá sem renderizar HTML. Tá com tags html aparentes -
< p >LOREM IPSUM< /p>==FEITO==

- [x] ao clicar no produto do combo abre um modal mocado. EX; = https://website-iota-red-34.vercel.app/combo/combo-mesas cliar em MESA HEXA.==FEITO==
- [ ] jogar botao "fechar" para direita.

### página do produto (onde se adiciona ao orçamneto) https://website-iota-red-34.vercel.app/produto/cadeira-my-chair-grafite

- [ ] Ao clicar no botão "Adicionar ao orçamento" ou se já tiver algum produto adicionado deve ser criar um botão abaixo desse para "ir para o carrinho".

Ver layout ref enviado no discord - procurar por #refprodutointerna que vai achar.

<hr>

## CMS
### Produtos
- [ ] A busca dos produtos do SAP tá meio doida rrs To procurando por "Cadeira Linha Essencial" Aparece uma listagem gigante com vários itens tipo - geladeira.
- [x] Os itens - Informações adicionais - do CMS não tá atualizando no banco. (update)
- [ ] Agora os títulos são salvos, mas o conteúdo ainda não. ==FEITO==
- [x] O upload de imagem tá dando erro caso o nome da arquivo tenha espaço ou caracter especial. Precisa fazer um slug no nome do arquivo.
- [ ] Colocar opção de apagar produto na listagem.
- [ ] Colocar checkbox nos produtos para poder selecionar vários produtos e apagar na listagem.

### Artigos - https://new-jr-admin.vercel.app/articles/veja-como-criar-a-identidade-da-sua-nova-casa-com-o-seu-estilo
- [x] Descrição curta não tá atualiza (update).
- [x] Imagem não atualiza (update). IMPORTANTE ==FEITO==
- [ ] Precisamos ter como ordenar os artigos
- [ ] Precisamos ter um checkout de destaque

### Artigos - MELHORIA
https://website-iota-red-34.vercel.app/artigos/cinco-atitudes-que-podem-melhorar-a-experiencia-do-trabalho-hibrido
- [x] 1 - O front tá diferente do layout proposto. ==FEITO==
- [x] 2 - O texto do artigo não segue a diagramação do CMS - https://website-iota-red-34.vercel.app/artigos/cinco-atitudes-que-podem-melhorar-a-experiencia-do-trabalho-hibrido==FEITO==
- Subtitulo
- Links

*** Sugesão *** Acho que seria bom a gente deixar os campos de textos do CMS com a msm font do site. Assim fica mais wysiwyg

### PRECISA INCLUIR NO CMS
Na mídia/Cases
O item “Na mídia” tá errado.
Ele deve ser como Artigos. 

Atualmente ele é assim - https://johnrichard.com.br/cases/

E as matérias abrem uma interna com foto e imagem - por exemplo - https://johnrichard.com.br/cases/case-re-max/

- Startups - conteúdo https://johnrichard.com.br/beneficios/escritorios/start-ups/
- Contingências - conteúdo https://johnrichard.com.br/beneficios/escritorios/contingencias/
- Coworking - conteúdo https://johnrichard.com.br/beneficios/escritorios/coworking/
- Ambiente Corporativo - conteúdo https://johnrichard.com.br/beneficios/escritorios/ambiente-corporativo/
- Home Office - link pra workin https://website-iota-red-34.vercel.app/home-office-work-in
- Volta ao Escritório - conteúdo https://johnrichard.com.br/beneficios/escritorios/volta-ao-escritorio/ 


### Esconder no CMS
- [x] Catalogo