/* CoworkOS landing — design v5 (em-validacao). Dados ficticios. */ const { Button, Badge, Card, Icon, Logo, StatCard, AlertCard, Input, Tabs, Avatar } = window.CoworkOSDesignSystem_82f831; const wrap = { maxWidth:'var(--layout-max)', margin:'0 auto', padding:'0 var(--layout-gutter)' }; const MENUS = { 'Produto': ['Dashboard','Sinalizações da Rede','Análise de risco','Equipe'], 'Base': ['Base de empresas','Uploads','Endereços'], 'Para quem': ['Coworkings','Escritórios virtuais'], }; function useNarrow(bp) { const [narrow, setNarrow] = React.useState(() => window.innerWidth < bp); React.useEffect(() => { const on = () => setNarrow(window.innerWidth < bp); window.addEventListener('resize', on); return () => window.removeEventListener('resize', on); }, [bp]); return narrow; } function Nav() { const [open, setOpen] = React.useState(null); const [mobileOpen, setMobileOpen] = React.useState(false); const tight = useNarrow(1120); const veryTight = useNarrow(920); const compact = useNarrow(700); return (

setOpen(null)} style={{maxWidth:'var(--layout-max)',margin:'0 auto',background:'rgba(4,19,46,.82)',backdropFilter:'blur(18px) saturate(140%)',border:'1px solid rgba(255,255,255,.10)',borderRadius:'var(--radius-pill)',padding:'0 10px 0 18px',height:64,display:'flex',alignItems:'center',gap:4,flexWrap:'nowrap',overflow:'visible',boxShadow:'0 8px 32px rgba(3,19,46,.35)',position:'relative'}}> {compact ? CoWorkOS

} {compact ? (

) : ( )} {compact ? null : (veryTight ? null : Entrar)} {compact ? ( ) : null} {compact && mobileOpen ? (

{Object.entries(MENUS).map(([l, items])=>(

{l}

{items.map(i=>( {i} ))}

))} Ambiente demonstrativo Entrar

) : null}

); } function MockRow({ cnpj, razao, tone, status }) { return (

{cnpj} {razao} {status}

); } function Hero() { const narrow = useNarrow(700); return (

Inteligência operacional para o mercado flex

Seu endereço protegido.
Sua rede conectada.

Organize a base, acompanhe mudanças e transforme sinais em próximos passos para sua equipe.

Demonstração com dados fictícios. Nenhuma informação de cliente ou produção está presente.

ambiente demonstrativo · dados fictícios

{narrow ? null : (

{[['layout-dashboard','Dashboard',true],['bell','Sinalizações',false],['shield-alert','Análise de risco',false],['user','Equipe',false],['file-text','Uploads',false],['building-2','Endereços',false]].map(([ic,l,on])=>(

{l}

))}

)}

{narrow ? null : }

{[['Enxergar','Reúna empresas, histórico e mudanças numa visão compartilhada.'],['Priorizar','Identifique o que pede atenção e direcione a revisão da equipe.'],['Agir','Registre a decisão humana com o contexto necessário para acompanhar.']].map(([n,t])=>(

{n}

{t}

))}

); } function ChatWidget() { const [open, setOpen] = React.useState(false); return (

{open ? (

Equipe CoWorkOS

Quer conhecer o CoworkOS? O ambiente demonstrativo usa somente dados fictícios.

) : null}

); } function Hl({ children, dark }) { return {children}; } function Orb({ color = 'var(--orange-500)', size = 220, style }) { return

; } function PlusBtn({ open, onClick, tone = 'dark', label }) { const dark = tone === 'dark'; return ( ); } function Chip({ children, tone = 'dark' }) { const t = { dark:['var(--navy-950)','var(--white)'], light:['var(--white)','var(--navy-900)'], ghost:['rgba(255,255,255,.1)','var(--white)'] }[tone]; return {children}; } const h2Style = { fontSize:'clamp(34px, 4.4vw, 56px)', lineHeight:1.1, letterSpacing:'var(--ls-display)', fontWeight:'var(--fw-display)', margin:0 }; function Seguranca() { const narrow = useNarrow(980); const float = (pos) => narrow ? { position:'relative', marginTop:16 } : { position:'absolute', ...pos }; return (

Feito para manter o seu endereço seguro, regular e monitorado

O CoworkOS reúne a sua base e os dados públicos numa só leitura. Você vê quem está no endereço, o que mudou e o que exige ação.

Uma visão compartilhada para toda a equipe

Base de empresasSinalizaçõesEquipe

Ficha da empresa

Nexo Arquitetura

41.828.661/0001-09

{[['Unidade','Hub Cowork Centro'],['Status','Dados divergentes'],['Última análise','Ontem, 16:20'],['Fonte','Receita Federal']].map(([k,v])=>( {k}{v} ))}

Sinalizações da base

Atualização cadastralNova empresaDados divergentes

Fontes cruzadas

{['Receita Federal','Base do seu coworking'].map(f=>(

{f}

))}

); } const bigNum = { fontFamily:'var(--font-display)', fontWeight:'var(--fw-display)', fontSize:'clamp(34px, 3.4vw, 52px)', lineHeight:1.05, letterSpacing:'-0.02em' }; const tileBase = { position:'relative', overflow:'hidden', borderRadius:'var(--radius-2xl)', padding:28, display:'flex', flexDirection:'column', justifyContent:'space-between', gap:24 }; function Resultados() { const narrow = useNarrow(1080); return (

O que a sua equipe passa a enxergar

{[['18.232.104/0001-52','Novo CNPJ'],['27.451.920/0001-40','Revisar'],['08.740.033/0001-72','Novo CNPJ']].map(([c,t])=>(

{c} {t}

))}

Novos CNPJs

empresas que passam a usar o endereço aparecem na base

{[['Carlos Prado','navy'],['Ana Lima','crimson'],['Rui Sá','grey'],['Bia Nunes','navy']].map(([n,t],i)=>( ))}

Menos planilhas

consultas individuais viram uma rotina compartilhada

Alterações

mudanças cadastrais sinalizadas para revisão

Decisão humana

cada sinal registra quem decidiu e com qual contexto

); } const EIXOS = [ { id:'base', title:'Base de empresas no endereço', desc:'Empresas, histórico e mudanças do seu endereço numa só visão.', bullets:['Empresas novas, alteradas ou com dados divergentes','Status e última análise por empresa','Fonte do dado sempre visível'], tone:'dark' }, { id:'sinais', title:'Sinalizações da Rede', desc:'Sinais sobre as empresas da base viram próximos passos para a equipe.', bullets:['Sinais ordenados por prioridade','Próxima ação descrita em cada sinal','Acompanhamento até a resolução'], tone:'light' }, { id:'risco', title:'Análise de risco', desc:'Leitura de risco por empresa, com data e origem de cada análise.', bullets:['Risco sempre acompanhado de texto','Data e origem da análise','Disponível nas edições superiores'], tone:'accent' }, ]; function EixoCard({ e }) { const [open, setOpen] = React.useState(false); const skin = { dark:{ background:'var(--navy-900)', color:'var(--white)', muted:'var(--text-on-dark-muted)', btn:'light' }, light:{ background:'linear-gradient(160deg,#f4f6fa 0%,#dfe5ef 100%)', color:'var(--navy-950)', muted:'var(--grey-700)', btn:'dark' }, accent:{ background:'var(--orange-500)', color:'var(--navy-950)', muted:'var(--navy-950)', btn:'dark' }, }[e.tone]; return (

{e.tone==='dark' ? : null} {e.tone==='light' ? : null}

setOpen(!open)} tone={skin.btn} label={open?'Fechar detalhes':'Ver detalhes'} />

{e.tone==='accent' && !open ? (

) :

}

{e.tone==='accent' ? Edições superiores : null}

{e.title}

{open ? (

) :

{e.desc}

}

); } function Eixos() { const narrow = useNarrow(1000); return (

); } function Fluxo() { const narrow = useNarrow(900); const steps = [ ['Base','A sua base de empresas entra no CoworkOS.'], ['Leitura','A base é cruzada com os dados públicos da Receita Federal.'], ['Sinal','Mudanças e divergências viram sinalizações por prioridade.'], ['Decisão','A equipe registra a decisão com o contexto necessário.'], ]; return (

Da informação dispersa à decisão registrada

{narrow ? null :

); } function CTA() { const narrow = useNarrow(900); return (

Explore o CoworkOS com dados fictícios

O ambiente demonstrativo mostra dashboard, sinalizações, análise de risco e equipe. Nenhuma informação de cliente ou produção está presente.

{narrow ? null :

}

); } function Footer() { const cols = [['Produto',['Dashboard','Sinalizações da Rede','Análise de risco','Ambiente demonstrativo']],['Base',['Base de empresas','Uploads','Endereços']]]; return ( ); } function Site(){return (

);} Object.assign(window,{ Site, Nav, Hero, Seguranca, Resultados, Eixos, EixoCard, Fluxo, CTA, Footer, ChatWidget, MockRow, useNarrow, Hl, Orb, PlusBtn, Chip });