{"id":4981,"date":"2026-03-19T16:24:59","date_gmt":"2026-03-19T19:24:59","guid":{"rendered":"https:\/\/navarros.com.br\/?page_id=4981"},"modified":"2026-03-19T16:24:59","modified_gmt":"2026-03-19T19:24:59","slug":"fluxograma-de-atividades","status":"publish","type":"page","link":"https:\/\/navarros.com.br\/en\/fluxograma-de-atividades\/","title":{"rendered":"Fluxograma de Atividades"},"content":{"rendered":"
\n
import React from ‘react’;<\/div>\n
import { motion } from ‘framer-motion’;<\/div>\n
import { BookOpen, Calendar, Megaphone, Printer, Eye, Utensils, Mic } from ‘lucide-react’;<\/div>\n
import WorkStream from ‘..\/components\/flowchart\/WorkStream’;<\/div>\n
import TimelineBar from ‘..\/components\/flowchart\/TimelineBar’;<\/div>\n
import FileAttachment from ‘..\/components\/flowchart\/FileAttachment’;<\/div>\n
const catalogTasks = [<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Cat\u00e1logo Fam\u00edlia’,<\/div>\n
\u00a0 \u00a0 description: ‘Prioridade m\u00e1xima. NF deve ser emitida at\u00e9 dia 30.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ‘\u26a0 NF at\u00e9 dia 30’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Ajuste: retirar Genesis do cat\u00e1logo’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Gramatura 180g’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Or\u00e7amento inicial recebido por Navarros’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘NF emitida at\u00e9 dia 30 \u2192 pedir demais folders em 01\/04’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Cat\u00e1logo SERT’,<\/div>\n
\u00a0 \u00a0 description: ‘Trocar logo e ajustar detalhes antes da impress\u00e3o.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ‘Ajustes’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Substituir logo atualizado’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Revisar detalhes de conte\u00fado’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Gramatura 180g’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Or\u00e7amento inicial recebido por Navarros’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Pedido a partir de 01\/04 (ap\u00f3s NF Fam\u00edlia)’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Cat\u00e1logo Xtense (Lan\u00e7amento 2026)’,<\/div>\n
\u00a0 \u00a0 description: ‘Confeccionar, traduzir e revisar. Acabamento premium aprovado.’,<\/div>\n
\u00a0 \u00a0 status: ‘pending’,<\/div>\n
\u00a0 \u00a0 badge: ‘Novo’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Receber projeto completo’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Confeccionar layout e diagrama\u00e7\u00e3o’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Tradu\u00e7\u00e3o do conte\u00fado’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Revis\u00e3o final’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Gramatura 180g + verniz (especificado por Debora)’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Or\u00e7amento inicial recebido por Navarros’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Pedido a partir de 01\/04 (ap\u00f3s NF Fam\u00edlia)’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Cat\u00e1logo Biotech Ortopedia’,<\/div>\n
\u00a0 \u00a0 description: ‘Lombada Canoa \u2014 Capa + 4 p\u00e1ginas. Formato fechado 210x210mm. Couch\u00ea Fosco 170g\/m\u00b2 \u2014 4×4 cores.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ‘Or\u00e7ado’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Formato aberto: 420 x 210mm | Fechado: 210 x 210mm’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘2 l\u00e2minas em Couch\u00ea Fosco 170g\/m\u00b2 \u2014 4×4 cores’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Acabamento: intercalados, refilados, dobrados, grampeados | CTP inclu\u00eddo’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\u2014 Op\u00e7\u00e3o 04: 2.000 un. \u2192 Unit. R$1,96 | Total R$3.920,00 (Ref. 337475)’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\u2014 Op\u00e7\u00e3o 05: 1.000 un. \u2192 Unit. R$2,69 | Total R$2.690,00 (Ref. 337476 \u2014 mesmo valor \u00faltimo pedido)’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Aguardando aprova\u00e7\u00e3o de tiragem e budget’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Or\u00e7amentos Gr\u00e1fica \u2014 Status’,<\/div>\n
\u00a0 \u00a0 description: ‘Or\u00e7amentos iniciais j\u00e1 enviados por Navarros para os 3 cat\u00e1logos.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ‘Em an\u00e1lise’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Fam\u00edlia: or\u00e7amento recebido’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘SERT: or\u00e7amento recebido’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Xtense: or\u00e7amento recebido \u2014 aguarda aprova\u00e7\u00e3o final de budget’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Debora definiu valores de budget \u2014 validar com proposta da gr\u00e1fica’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
];<\/div>\n
const userMeetingTasks = [<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Trio de Cordas \u2014 Apresenta\u00e7\u00e3o Musical’,<\/div>\n
\u00a0 \u00a0 description: ‘Proposta recebida de Ricardo via Navarros. Aguardando especifica\u00e7\u00e3o das cordas.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ‘Pendente Debora’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Proposta enviada por Ricardo’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Navarros encaminhou para Debora’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Debora solicitou: especificar quais s\u00e3o as cordas da proposta’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Aguardando retorno de Navarros com a especifica\u00e7\u00e3o’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Acr\u00edlico \/ Trof\u00e9u’,<\/div>\n
\u00a0 \u00a0 description: ‘Produ\u00e7\u00e3o de pe\u00e7a em acr\u00edlico para o User Meeting.’,<\/div>\n
\u00a0 \u00a0 status: ‘pending’,<\/div>\n
\u00a0 \u00a0 badge: ‘Produ\u00e7\u00e3o’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Definir design e especifica\u00e7\u00f5es do trof\u00e9u’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Or\u00e7ar produ\u00e7\u00e3o da pe\u00e7a em acr\u00edlico’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Inspe\u00e7\u00e3o T\u00e9cnica do Local’,<\/div>\n
\u00a0 \u00a0 description: ‘Casa de eventos no Alto de Pinheiros.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ’11\/03 \u00e0s 10h’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Local: Av. Diogenes Ribeiro de Lima, 272’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Confirmar data: 11\/03 \u00e0s 10h’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Backdrop e Comunica\u00e7\u00e3o Visual’,<\/div>\n
\u00a0 \u00a0 description: ‘Criar backdrop e materiais de comunica\u00e7\u00e3o por etapas do evento.’,<\/div>\n
\u00a0 \u00a0 status: ‘pending’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Evento dividido em etapas’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Desenvolver backdrop para o espa\u00e7o’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Comunica\u00e7\u00e3o e Convite do Evento’,<\/div>\n
\u00a0 \u00a0 description: ‘Criar identidade visual com tom subliminar \u2014 sem revelar o que acontecer\u00e1.’,<\/div>\n
\u00a0 \u00a0 status: ‘pending’,<\/div>\n
\u00a0 \u00a0 badge: ‘Estrat\u00e9gico’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘P\u00fablico-alvo: m\u00e9dicos’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Experi\u00eancia: sentir sensa\u00e7\u00f5es de baixa vis\u00e3o \/ cegueira’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Aula cient\u00edfica + jantar \u00e0s cegas’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Convite deve ser subliminar e intrigante’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Alinhar com Mariana Pelozio (organizadora)’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 \u00a0 contact: ‘Mariana Pelozio \u2014 11 96987-8703’,<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Treinamento do Time de Convites’,<\/div>\n
\u00a0 \u00a0 description: ‘Mariana vai treinar o time sobre como convidar e atrair m\u00e9dicos sem revelar detalhes.’,<\/div>\n
\u00a0 \u00a0 status: ‘pending’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Mariana tem sugest\u00f5es de comunica\u00e7\u00e3o’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Fazer ponte entre Mariana e a equipe criativa’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 \u00a0 contact: ‘Mariana Pelozio \u2014 11 96987-8703’,<\/div>\n
\u00a0 },<\/div>\n
];<\/div>\n
const parallelTasks = [<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘BRASCRS 2026 \u2014 Stand Biotech’,<\/div>\n
\u00a0 \u00a0 description: ‘Or\u00e7. 0163\/2026 \u2014 Evento: 13 a 16 Mai\/2026. Stand modelo 03 com ajustes aprovados.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ’13\u201316 Mai’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Stand modelo 03 aprovado com ajustes’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’01 \u2013 Trocar testeira lateral pelo modelo frontal (proposta 02)’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’02 \u2013 Retirar dep\u00f3sito para ganhar mais espa\u00e7o’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’03 \u2013 Retirar logo Biotech do ripado (j\u00e1 est\u00e1 na testeira)’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’04 \u2013 Balc\u00e3o: tomadas 220v (cafeteira) + 110v + extens\u00e3o p\/ celulares’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’05 \u2013 Lona frontal Xtense: colar em madeira + LED em volta (efeito backlight)’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’06 \u2013 Experience Lab: substituir imagem por TV para microsc\u00f3pio’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’07 \u2013 Incluir porta-cat\u00e1logo’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’08 \u2013 2 lixeiras’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’09 \u2013 Verificar se cabem 3 cadeiras em cada bistro (ganho de espa\u00e7o)’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\u26a0 Navarros: enviar logos e imagens ao Rafael at\u00e9 13\/04’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\ud83d\udcb0 Pagamentos previstos: 08\/04 e 08\/05 (Driele programar no fluxo)’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 \u00a0 contact: ‘Rafael \u2014 projetostands.com.br | Driele (pagamentos)’,<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Reuni\u00e3o Cient\u00edfica \u2014 EyEcryl Phakic’,<\/div>\n
\u00a0 \u00a0 description: ‘Evento cient\u00edfico com Dr. Gustavo Nery. Coco Bambu Anchieta, Belo Horizonte-MG.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ’25\/03 \u00b7 19h30′,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\ud83d\udcc5 Data: 25\/03\/2026 \u00e0s 19h30’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\ud83d\udc68\u200d\u2695\ufe0f Palestrante: Dr. Gustavo Nery’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\ud83d\udccd Coco Bambu Anchieta \u2014 Anchieta Garden Shopping’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘R. Francisco Deslandes, 900 \u2014 Anchieta, Belo Horizonte – MG’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\u2709\ufe0f Convite: “Prezado doutor, voc\u00ea \u00e9 nosso convidado para esse momento especial.”‘,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\ud83d\udce2 “Venha participar, n\u00e3o perca essa oportunidade!”‘,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Representante Biotech Minas: Michel’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 \u00a0 contact: ‘Representante Biotech Minas: Michel’,<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Evento Internacional (Abril)’,<\/div>\n
\u00a0 \u00a0 description: ‘Podcast em sala da Biotech + grava\u00e7\u00e3o de aula.’,<\/div>\n
\u00a0 \u00a0 status: ‘pending’,<\/div>\n
\u00a0 \u00a0 badge: ‘Abril’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Definir formato do podcast’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Reservar sala na Biotech’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Gravar a aula’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘BRASCRS’,<\/div>\n
\u00a0 \u00a0 description: ‘Na pr\u00f3xima semana definir as artes necess\u00e1rias.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ‘Pr\u00f3x. Semana’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Reuni\u00e3o para definir artes’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Produ\u00e7\u00e3o dos materiais’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Hospedagem \u2014 20\u00ba CBCJ (9\u201311\/Abr)’,<\/div>\n
\u00a0 \u00a0 description: ‘Reserva de hospedagem para o evento em Campinas. Royal Palm Hall, Campinas-SP.’,<\/div>\n
\u00a0 \u00a0 status: ‘pending’,<\/div>\n
\u00a0 \u00a0 badge: ‘Pendente’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Evento: 20\u00ba CBCJ \u2014 9 a 11 de Abril de 2026’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Local: Royal Palm Hall \u2014 Campinas, SP’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Respons\u00e1vel: Alexandre’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Verificar disponibilidade e proximidade ao Royal Palm Hall’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Confirmar check-in\/check-out conforme agenda do evento’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 \u00a0 contact: ‘Respons\u00e1vel: Alexandre’,<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Estande CBCJ 2026 \u2014 Comunica\u00e7\u00e3o Visual (Adesivagem)’,<\/div>\n
\u00a0 \u00a0 description: ‘Preparar artes para adesivar o estande Biotech no 20\u00ba CBCJ (sbcj.org.br). Evento: 09\u201311\/Abr\/2026 \u2022 Royal Palm Hall, Campinas-SP.’,<\/div>\n
\u00a0 \u00a0 status: ‘in_progress’,<\/div>\n
\u00a0 \u00a0 badge: ‘\u26a0 Urgente’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\u00c1rea: 12m\u00b2 (N\u00ba28) \u2014 Ponta de ILHA \u2014 3x4m’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Altura do estande: 2,50m’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Itens para adesivar: paredes (napa branca), testeira frontal e lateral, balc\u00e3o de atendimento (parte frontal)’,<\/div>\n
\u00a0 \u00a0 \u00a0 ’01 logo em spumapack aplicado na parede’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Logotipia e imagens em formato plano 3D com relevo sobreposto’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Produ\u00e7\u00e3o gr\u00e1fica em alta resolu\u00e7\u00e3o \u2014 dimens\u00f5es conforme layout de projeto’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\u26a0 Arquivos devem ser enviados at\u00e9 15 dias antes da montagem (prazo cr\u00edtico)’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘\u26a0 Taxa de R$800 se enviado fora do prazo’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Contato: Rafael de Paiva \u2014 (11) 4447-4468 | comercial@grupodeeventos.com.br’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Or\u00e7. Grupo de Eventos: R$16.680,00 | Pgto: 20\/03’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 \u00a0 contact: ‘Rafael de Paiva \u2014 (11) 4447-4468 | grupodeeventos.com.br’,<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘V\u00eddeo Institucional Biotech \u2014 Evento Zero Grau’,<\/div>\n
\u00a0 \u00a0 description: ‘Produ\u00e7\u00e3o com Alex S\u00e1. Grava\u00e7\u00e3o realizada nos dias 14 e 15 de Mar\u00e7o.’,<\/div>\n
\u00a0 \u00a0 status: ‘done’,<\/div>\n
\u00a0 \u00a0 badge: ‘\u2713 Entregue’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Grava\u00e7\u00e3o: 14 e 15\/03\/2026’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Dire\u00e7\u00e3o: Alex S\u00e1’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Atividade conclu\u00edda e entregue’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
\u00a0 {<\/div>\n
\u00a0 \u00a0 title: ‘Lan\u00e7amento Xtense’,<\/div>\n
\u00a0 \u00a0 description: ‘Planejar etapas do lan\u00e7amento do novo produto.’,<\/div>\n
\u00a0 \u00a0 status: ‘pending’,<\/div>\n
\u00a0 \u00a0 badge: ‘2026’,<\/div>\n
\u00a0 \u00a0 details: [<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Definir cronograma de etapas’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Alinhar com cat\u00e1logo premium’,<\/div>\n
\u00a0 \u00a0 \u00a0 ‘Estrat\u00e9gia de comunica\u00e7\u00e3o’,<\/div>\n
\u00a0 \u00a0 ],<\/div>\n
\u00a0 },<\/div>\n
];<\/div>\n
export default function Flowchart() {<\/div>\n
\u00a0 return (<\/div>\n
\u00a0 \u00a0 <div className=”min-h-screen” style={{ backgroundColor: ‘#29274c’ }}><\/div>\n
\u00a0 \u00a0 \u00a0 {\/* Header *\/}<\/div>\n
\u00a0 \u00a0 \u00a0 <div className=”border-b border-white\/10″ style={{ backgroundColor: ‘#0c1831’ }}><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 <div className=”max-w-6xl mx-auto px-4 sm:px-6 py-6″><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <motion.div<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 initial={{ opacity: 0, y: -10 }}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 animate={{ opacity: 1, y: 0 }}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 className=”flex items-center gap-5″<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <img<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 src=”https:\/\/media.base44.com\/images\/public\/69b803ff2ce0a20d8c59ba38\/b0efaecb8_sssssssssssssss.png”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 alt=”Logo”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 className=”w-16 h-16 object-contain flex-shrink-0″<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <div><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <p className=”text-xs font-semibold uppercase tracking-widest mb-1″ style={{ color: ‘#ea00ff’ }}>Planejamento 2026<\/p><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <h1 className=”text-2xl sm:text-3xl font-extrabold tracking-tight text-white”><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Fluxograma de Atividades<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/h1><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <p className=”text-sm font-semibold mt-1″ style={{ color: ‘#ea00ff’, opacity: 0.7 }}>Navarrostudio<\/p><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/div><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/motion.div><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 <\/div><\/div>\n
\u00a0 \u00a0 \u00a0 <\/div><\/div>\n
\u00a0 \u00a0 \u00a0 {\/* Content *\/}<\/div>\n
\u00a0 \u00a0 \u00a0 <div className=”max-w-6xl mx-auto px-4 sm:px-6 py-8 space-y-6″><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 {\/* Timeline *\/}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 <TimelineBar \/><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 {\/* Work Streams Grid *\/}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 <div className=”grid grid-cols-1 lg:grid-cols-2 gap-6″><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <WorkStream<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 icon={Printer}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 title=”Cat\u00e1logos & Gr\u00e1fica”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 subtitle=”Impress\u00e3o e produ\u00e7\u00e3o”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 colorClass=”bg-primary”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 accentColor=”border-primary\/30 text-primary”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 tasks={catalogTasks}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 delay={0.1}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <WorkStream<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 icon={Eye}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 title=”User Meeting”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 subtitle=”13 de Abril \u2022 S\u00e3o Paulo \u2014 Experi\u00eancia sensorial para m\u00e9dicos”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 colorClass=”bg-accent”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 accentColor=”border-accent\/30 text-accent”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 tasks={userMeetingTasks}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 delay={0.2}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 <\/div><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 <WorkStream<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 icon={Megaphone}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 title=”Eventos Paralelos”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 subtitle=”Internacional, BRASCRS e Lan\u00e7amento Xtense”<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 colorClass=”bg-chart-5″<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 accentColor=”border-chart-5\/30 text-chart-5″<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 tasks={parallelTasks}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 delay={0.3}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \/><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 {\/* File Attachments *\/}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 <FileAttachment \/><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 {\/* Summary footer *\/}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 <motion.div<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 initial={{ opacity: 0 }}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 animate={{ opacity: 1 }}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 transition={{ delay: 0.7 }}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 className=”bg-card rounded-2xl border border-border p-5″<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 ><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <h3 className=”text-sm font-bold text-foreground mb-3 uppercase tracking-wider”>Pr\u00f3ximos Passos Imediatos<\/h3><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <div className=”grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3″><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 {[<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 { num: ’01’, text: ‘Emitir NF cat\u00e1logo Fam\u00edlia at\u00e9 dia 30 (prioridade m\u00e1xima)’ },<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 { num: ’02’, text: ‘Navarros especificar quais cordas para Debora (Trio de Cordas)’ },<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 { num: ’03’, text: ‘Definir e or\u00e7ar acr\u00edlico\/trof\u00e9u para o User Meeting’ },<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 { num: ’04’, text: ‘Confirmar inspe\u00e7\u00e3o t\u00e9cnica 11\/03 \u00e0s 10h \u2014 Av. Diogenes Ribeiro de Lima, 272’ },<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 { num: ’05’, text: ‘Pedir cat\u00e1logos SERT e Xtense a partir de 01\/04’ },<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 { num: ’06’, text: ‘Desenhar comunica\u00e7\u00e3o subliminar do evento + contato Mariana Pelozio’ },<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 { num: ’07’, text: ‘BRASCRS: enviar logos e imagens ao Rafael at\u00e9 13\/04 (Navarros)’ },<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 { num: ’09’, text: ‘BRASCRS: confirmar ajustes do stand 03 com Rafael (testeira, backlight, TV, bistros)’ },<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 { num: ’08’, text: ‘Ajuste cat\u00e1logo Fam\u00edlia: retirar Genesis antes da impress\u00e3o’ },<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ].map((step, i) => (<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <div key={i} className=”flex items-start gap-3 p-3 rounded-xl bg-muted\/50 border border-border\/50″><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <span className=”text-xs font-extrabold text-primary”>{step.num}<\/span><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <span className=”text-xs text-foreground leading-relaxed”>{step.text}<\/span><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/div><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ))}<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/div><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 <\/motion.div><\/div>\n
\u00a0 \u00a0 \u00a0 <\/div><\/div>\n
\u00a0 \u00a0 <\/div><\/div>\n
\u00a0 );<\/div>\n
}<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

import React from ‘react’; import { motion } from ‘framer-motion’; import { BookOpen, Calendar, Megaphone, Printer, Eye, Utensils, Mic } from ‘lucide-react’; import WorkStream from ‘..\/components\/flowchart\/WorkStream’; import TimelineBar from ‘..\/components\/flowchart\/TimelineBar’; import FileAttachment from ‘..\/components\/flowchart\/FileAttachment’; const catalogTasks = [ \u00a0 { \u00a0 \u00a0 title: ‘Cat\u00e1logo Fam\u00edlia’, \u00a0 \u00a0 description: ‘Prioridade m\u00e1xima. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4981","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/navarros.com.br\/en\/wp-json\/wp\/v2\/pages\/4981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/navarros.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/navarros.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/navarros.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/navarros.com.br\/en\/wp-json\/wp\/v2\/comments?post=4981"}],"version-history":[{"count":1,"href":"https:\/\/navarros.com.br\/en\/wp-json\/wp\/v2\/pages\/4981\/revisions"}],"predecessor-version":[{"id":4982,"href":"https:\/\/navarros.com.br\/en\/wp-json\/wp\/v2\/pages\/4981\/revisions\/4982"}],"wp:attachment":[{"href":"https:\/\/navarros.com.br\/en\/wp-json\/wp\/v2\/media?parent=4981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}