// Sherlock BR — camada compartilhada (header, footer, seções, widget) // BASE é definido por cada página antes do carregamento deste arquivo. const BASE = (typeof window !== 'undefined' && window.SB_BASE) || ''; const IS_HOME = !!(typeof window !== 'undefined' && window.SB_IS_HOME); const SB_PAGE = (typeof window !== 'undefined' && window.SB_PAGE) || 'home'; const HOME_URL = BASE + 'index.html'; const BLOG_DIR = BASE + 'blog/'; const PAGE_URL = { services: BASE+'servicos/index.html', sobre: BASE+'sobre/index.html', diagnostico: BASE+'diagnostico/index.html', locacao: BASE+'locacao/index.html', contato: BASE+'contato/index.html', blog: BLOG_DIR+'index.html', home: HOME_URL, }; const scrollToId = (id) => { const el = document.getElementById(id); if (!el) return false; window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 80, behavior:'smooth' }); return true; }; const onNav = (id) => { if (id === 'home' && IS_HOME) { window.scrollTo({ top:0, behavior:'smooth' }); return; } if (IS_HOME && scrollToId(id)) return; if (PAGE_URL[id]) { window.location.href = PAGE_URL[id]; return; } window.location.href = HOME_URL + '#' + id; }; const { useState, useEffect, useRef } = React; // ─── SVG Icon component (React-safe, no DOM mutation) ──────────────────────── const Icon = ({ name, size=20, color='currentColor', sw=1.75, style={} }) => { const d = { printer: <>, 'wifi-off': <>, 'shield-alert': <>, 'message-circle': <>, 'map-pin': <>, 'file-text': <>, 'check-circle': <>, 'check-circle-2': <>, 'arrow-right': <>, 'chevron-right': <>, search: <>, stethoscope: <>, monitor: <>, server: <>, wifi: <>, 'shield-check': <>, shield: <>, database: <>, headphones: <>, lock: <>, eye: <>, users: <>, 'building-2': <>, factory: <>, 'heart-pulse': <>, 'shopping-bag': <>, home: <>, 'alert-triangle': <>, 'monitor-smartphone': <>, 'layout-dashboard': <>, 'grid-3x3': <>, map: <>, wrench: <>, 'pen-line': <>, 'package-check': <>, activity: <>, handshake: <>, briefcase: <>, target: <>, calendar: <>, clock: <>, mail: <>, globe: <>, cross: <>, 'map-pin-off': <>, navigation: <>, }; const paths = d[name]; if (!paths) return ; return ( {paths} ); }; // ─── WhatsApp SVG ───────────────────────────────────────────────────────────── const WAIcon = ({ size=20, color='currentColor' }) => ( ); const WA_LINK = "https://wa.me/5521966811227?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20um%20diagn%C3%B3stico%20gratuito."; const PATTERN = BASE + "assets/Pattern.png"; const SOCIAL = [ { name:'Instagram', href:'https://www.instagram.com/sherlockbr.oficial/' }, { name:'LinkedIn', href:'https://www.linkedin.com/company/sherlockbr' }, { name:'Facebook', href:'https://www.facebook.com/sherlockbr.oficial' }, ]; const WA_NUM = "5521966811227"; const waLink = (msg) => `https://wa.me/${WA_NUM}?text=${encodeURIComponent(msg)}`; // ─── Lead Widget — WhatsApp conversacional (motor de captação) ───────────────── const LeadWidget = () => { const [open, setOpen] = useState(false); const [nudge, setNudge] = useState(false); useEffect(() => { if (typeof sessionStorage !== 'undefined' && sessionStorage.getItem('sb_nudge')) return; const t = setTimeout(() => setNudge(true), 5500); return () => clearTimeout(t); }, []); const dismissNudge = () => { setNudge(false); try { sessionStorage.setItem('sb_nudge','1'); } catch(e){} }; const toggle = () => { dismissNudge(); setOpen(o => !o); }; const go = (msg) => { window.open(waLink(msg), '_blank', 'noopener'); }; const intents = [ { icon:'wrench', label:'Estou com um problema de TI agora', sub:'Atendimento prioritário', msg:'Olá! Estou com um problema de TI na minha empresa e preciso de ajuda o quanto antes.' }, { icon:'stethoscope', label:'Quero o diagnóstico gratuito', sub:'Análise sem custo', msg:'Olá! Gostaria de agendar o diagnóstico gratuito de TI para a minha empresa.' }, { icon:'package-check', label:'Locação de equipamentos', sub:'Computadores e servidores', msg:'Olá! Tenho interesse em locação de equipamentos de TI. Podem me enviar mais informações?' }, { icon:'headphones', label:'Falar com um especialista', sub:'Tirar dúvidas', msg:'Olá! Gostaria de falar com um especialista da Sherlock BR sobre os serviços de TI.' }, ]; return (
{/* Painel de chat */} {open && (
{/* Cabeçalho */}
Sherlock BR
Online · responde rápido
{/* Corpo */}

Olá! Como podemos ajudar a sua empresa hoje? Escolha uma opção e continue agora no WhatsApp.

{intents.map(it => ( ))}
{/* Rodapé */}
Atendimento Seg–Sex, 8h–18h · (21) 96681-1227
)} {/* Tooltip de atenção (nudge) */} {nudge && !open && (

Precisa de ajuda com a TI da sua empresa?

)} {/* Botão flutuante (FAB) */}
); }; // ─── Header ─────────────────────────────────────────────────────────────────── const NAV = [ { key:'home', label:'Início', href:HOME_URL, anchor:'home' }, { key:'services', label:'Serviços', href:PAGE_URL.services }, { key:'locacao', label:'Locação', href:PAGE_URL.locacao }, { key:'diagnostico', label:'Diagnóstico', href:PAGE_URL.diagnostico }, { key:'blog', label:'Blog', href:PAGE_URL.blog }, { key:'contato', label:'Contato', href:PAGE_URL.contato }, ]; const Header = ({ page }) => { const cur = page || SB_PAGE; const [scrolled, setScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { const fn = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', fn); return () => window.removeEventListener('scroll', fn); }, []); useEffect(() => { document.body.style.overflow = menuOpen ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [menuOpen]); const click = (l) => (e) => { setMenuOpen(false); if (!l.anchor || !IS_HOME) return; e.preventDefault(); if (l.anchor === 'home') window.scrollTo({ top:0, behavior:'smooth' }); else scrollToId(l.anchor); }; const isActive = (l) => l.key === cur; return ( <>
{/* Mobile menu */}
setMenuOpen(false)}/> {/* Lead Widget — WhatsApp conversacional */} ); }; // ─── HERO 1 — "O Problema" ──────────────────────────────────────────────────── const HeroProblema = ({ onNav }) => { const scenes = [ { icon:'printer', problem:'Impressora parada. Reunião em 10 minutos.', sub:'Cada minuto de downtime custa dinheiro. A Sherlock resolve antes que vire crise.', label:'Suporte Imediato' }, { icon:'wifi-off', problem:'Queda de conexão. Equipe inteira parada.', sub:'Monitoramento 24/7 que detecta falhas antes que seus funcionários percebam.', label:'Monitoramento 24/7' }, { icon:'shield-alert', problem:'Vírus. Dados da empresa em risco agora.', sub:'Segurança proativa que blinda sua operação contra ameaças digitais.', label:'Segurança & Proteção' }, ]; const [cur, setCur] = useState(0); const [vis, setVis] = useState(true); useEffect(() => { const id = setInterval(() => { setVis(false); setTimeout(() => { setCur(c => (c+1)%3); setVis(true); }, 350); }, 4500); return () => clearInterval(id); }, []); const sc = scenes[cur]; return (
{/* Animated grid */}
{/* Pattern */}
{/* Scanline */}
{/* Slide dots */}
{scenes.map((_,i) => (
{/* Copy */}
{sc.label}

Sua TI em colapso?
A Sherlock cuida.

"{sc.problem}"

{sc.sub}

{ e.currentTarget.style.background='#c4a673'; e.currentTarget.style.transform='translateY(-2px)'; }} onMouseLeave={e=>{ e.currentTarget.style.background='#d6b886'; e.currentTarget.style.transform='translateY(0)'; }} > Diagnóstico Gratuito
{['Somente RJ','Suporte 24/7','Equipe certificada','Sem carência'].map(t => (
{t}
))}
{/* Illustration */}
); }; const SceneCard = ({ scene, vis }) => { const base = { width:360, height:380, position:'relative', opacity:vis?1:0, transition:'opacity 400ms' }; const card = { position:'absolute', inset:0, borderRadius:20, background:'rgba(12,28,38,0.85)', border:'1px solid rgba(214,184,134,0.15)', overflow:'hidden' }; const titleBar = (label) => (
{['#ff5f57','#febc2e','#28c840'].map(c =>
)} {label}
); if (scene === 0) return (
{titleBar('status.impressora')}
!
ERRO: Impressora offline
Depto RH — 3 trabalhos na fila
{['09:47','09:52','09:58'].map((t,i) => (
{t}
Tentativa {i+1}
))}
Suporte Sherlock notificado — a caminho
); if (scene === 1) return (
{titleBar('monitor.rede — ao vivo')}
{[{n:'Switch',ico:'server',ok:true},{n:'Firewall',ico:'shield',ok:true},{n:'Internet',ico:'globe',ok:false}].map((node,i) => (
{node.n}
{i<2 &&
{i===1 && ✕}
} ))}
{[{l:'14 estações de trabalho',s:'Offline',c:'#fca5a5'},{l:'Servidor de arquivos',s:'Degradado',c:'#fbbf24'},{l:'VoIP / Telefonia',s:'Offline',c:'#fca5a5'}].map(item => (
{item.l} {item.s}
))}
Sherlock detectou anomalia — análise iniciada
); return (
⚠ ALERTA DE SEGURANÇA — AÇÃO IMEDIATA
Malware Detectado
Ransomware · Variante LockBit
{[{l:'Arquivos em risco',p:68,c:'#ef4444'},{l:'Propagação na rede',p:31,c:'#fbbf24'},{l:'Backup íntegro',p:100,c:'#22c55e'}].map(item => (
{item.l} {item.p}%
))}
✓ Sherlock isolou a ameaça em 4 min
Backup restaurado · Operação retomada
); }; // ─── HERO 2 — Diagnóstico Gratuito ─────────────────────────────────────────── const HeroDiagnostico = ({ onNav }) => { const steps = [ { num:'01', title:'Você solicita o diagnóstico', sub:'Via WhatsApp — sem burocracia', icon:'message-circle' }, { num:'02', title:'Nossa equipe visita sua empresa', sub:'Análise presencial em RJ', icon:'map-pin' }, { num:'03', title:'Relatório detalhado entregue', sub:'Vulnerabilidades, riscos e recomendações', icon:'file-text' }, { num:'04', title:'Você decide o próximo passo', sub:'Sem compromisso. Sem vendas forçadas.', icon:'check-circle' }, ]; const [active, setActive] = useState(0); useEffect(() => { const id = setInterval(() => setActive(a => (a+1)%4), 2400); return () => clearInterval(id); }, []); return (
{[...Array(18)].map((_,i) => (
))}
{/* Steps */}
{steps.map((s,i) => (
setActive(i)} style={{ display:'flex', alignItems:'center', gap:18, padding:'16px 20px', borderRadius:12, cursor:'pointer', background: active===i ? 'rgba(214,184,134,0.10)' : 'rgba(255,255,255,0.03)', border: `1.5px solid ${active===i ? 'rgba(214,184,134,0.35)' : 'rgba(255,255,255,0.07)'}`, transform: active===i ? 'translateX(6px)' : 'translateX(0)', transition:'all 280ms ease', }}>
{s.num} {s.title}
{s.sub}
{active===i && }
))}
{/* Copy */}
Diagnóstico Gratuito

Descubra os riscos
da sua TI — de graça.

Implantamos sua TI do zero e entregamos um laudo completo antes de qualquer contrato. Transparência total desde o primeiro passo.

{ e.currentTarget.style.background='#c4a673'; e.currentTarget.style.transform='translateY(-2px)'; }} onMouseLeave={e=>{ e.currentTarget.style.background='#d6b886'; e.currentTarget.style.transform='translateY(0)'; }} > Agendar pelo WhatsApp
); }; // ─── HERO 3 — TI para seu Segmento ─────────────────────────────────────────── const HeroSegmentos = ({ onNav }) => { const segs = [ { label:'Empresas', icon:'building-2', pain:'Capital imobilizado em equipamentos que ficam obsoletos.', sol:'Alugue toda a infraestrutura de TI com suporte incluído e custo mensal previsível.' }, { label:'Indústrias', icon:'factory', pain:'TI parada significa linha de produção parada.', sol:'Infraestrutura robusta com monitoramento 24/7 e reposição imediata de equipamentos.' }, { label:'Clínicas', icon:'heart-pulse', pain:'Dados de pacientes e conformidade com LGPD/CFM.', sol:'TI segura, backup redundante e sistema sempre disponível para atendimento.' }, { label:'Hospitais', icon:'cross', pain:'Sistemas críticos não podem ter downtime.', sol:'Alta disponibilidade, segurança de dados e equipe certificada no RJ.' }, { label:'Varejo', icon:'shopping-bag', pain:'PDV fora do ar = venda perdida e cliente insatisfeito.', sol:'Rede estável, equipamentos sempre funcionando e suporte em minutos.' }, { label:'Condomínios', icon:'home', pain:'Câmeras, portaria, internet — tudo precisa funcionar.', sol:'Gestão completa da TI condominial com atendimento presencial no RJ.' }, ]; const [active, setActive] = useState(0); const sg = segs[active]; return (
{/* Left — light */}
TI Completa para seu Segmento

Sua empresa tem
TI que funciona?

Implantamos, organizamos e gerenciamos toda a TI da sua empresa no Rio de Janeiro — do zero ou retomando o que já existe.

{/* Segment pills */}
{segs.map((s,i) => ( ))}
{/* Problem / Solution */} {/* Right — dark */}
O que inclui
{[ { icon:'monitor', label:'Computadores & Notebooks', sub:'Locação sem imobilizar capital', badge:'Locação' }, { icon:'server', label:'Servidores & Storage', sub:'Infraestrutura corporativa completa', badge:'Infra' }, { icon:'wifi', label:'Rede & Conectividade', sub:'Roteadores, switches, Wi-Fi gerenciado', badge:'Rede' }, { icon:'shield-check', label:'Segurança & Backup', sub:'Proteção ativa e cópias redundantes', badge:'24/7' }, { icon:'headphones', label:'Suporte Técnico', sub:'Atendimento presencial e remoto', badge:'Incluso' }, ].map((item,i) => (
{ e.currentTarget.style.background='rgba(214,184,134,0.10)'; e.currentTarget.style.borderColor='rgba(214,184,134,0.24)'; }} onMouseLeave={e=>{ e.currentTarget.style.background='rgba(214,184,134,0.05)'; e.currentTarget.style.borderColor='rgba(214,184,134,0.11)'; }} >
{item.label}
{item.sub}
{item.badge}
))}
); }; // ─── Problemas Reais Section ────────────────────────────────────────────────── const ProblemasReaisSection = () => { const [active, setActive] = useState(0); const items = [ { img:BASE+'assets/problema-tela-azul.jpeg', tag:'Falha Crítica', title:'Tela azul no meio do expediente', text:'Uma falha crítica pode parar equipes inteiras em segundos. Com monitoramento preventivo e gestão profissional da infraestrutura, a Sherlock identifica riscos antes que eles afetem sua operação.', icon:'alert-triangle', metric:'-87%', metricL:'tempo médio de downtime' }, { img:BASE+'assets/problema-cabeamento.jpeg', tag:'Infra Improvisada', title:'Cabeamento desorganizado e sem padronização', text:'Infraestrutura improvisada gera lentidão, instabilidade e aumenta o risco de falhas. Uma rede estruturada melhora a performance, facilita manutenções e reduz paradas inesperadas.', icon:'server', metric:'+3x', metricL:'velocidade da rede' }, { img:BASE+'assets/problema-conexao.jpeg', tag:'Instabilidade', title:'Conexão perdida durante uma reunião', text:'Instabilidade de rede impacta produtividade, comunicação e até fechamento de negócios. A Sherlock mantém sua operação conectada, estável e preparada para ambientes corporativos críticos.', icon:'wifi-off', metric:'99,9%', metricL:'de uptime garantido' }, { img:BASE+'assets/problema-impressora.jpeg', tag:'Operação Parada', title:'Impressora parada, operação atrasada', text:'Pequenos problemas de TI podem causar grandes impactos no dia a dia da empresa. Com suporte corporativo e manutenção preventiva, sua equipe ganha mais continuidade e menos interrupções.', icon:'printer', metric:'<15min', metricL:'tempo de resposta' }, ]; return (
{/* Floating orbs */}
Você reconhece esses problemas?

Problemas reais que afetam
a TI da sua empresa

Cenas do dia a dia corporativo. A Sherlock existe para que sua empresa não precise viver nenhuma delas.

{/* 3D Card Grid */}
{items.map((it,i) => (
setActive(i)} style={{ position:'relative', borderRadius:18, overflow:'hidden', background:'#0a1a22', cursor:'default', border:`1.5px solid ${active===i?'rgba(214,184,134,0.5)':'rgba(214,184,134,0.15)'}`, animation: `tiltIn 700ms ease ${i*120}ms backwards, ${active===i?'glowPulse 3s ease-in-out infinite':'none'}`, aspectRatio:'4/3.1', transformStyle:'preserve-3d', }} > {/* Image */}
{it.title}
{/* Gradient overlay */}
{/* Corner badge — tag */}
{it.tag}
{/* Floating metric chip */}
{it.metric}
{it.metricL}
{/* Content */}

{it.title}

{it.text}

))}
{/* CTA bar */}
); }; // ─── Services Section ───────────────────────────────────────────────────────── const ServicesSection = ({ onNav }) => { const [hov, setHov] = useState(null); const svcs = [ { icon:'stethoscope', title:'Diagnóstico Gratuito', desc:'Análise completa da sua infraestrutura sem custo. Identificamos riscos, vulnerabilidades e oportunidades — com relatório detalhado entregue em mãos.', tag:'Gratuito & Sem Compromisso', hl:true }, { icon:'server', title:'Implantação de TI do Zero', desc:'Estruturamos toda a infraestrutura tecnológica da sua empresa do início — rede, servidores, segurança, estações de trabalho e processos.', tag:'Do planejamento à execução', hl:true }, { icon:'monitor-smartphone', title:'Locação de Equipamentos', desc:'Computadores, notebooks, servidores e periféricos sob locação mensal. Sem imobilizar capital, com manutenção e troca incluídas.', tag:'Custo Previsível', hl:true }, { icon:'headphones', title:'Suporte Corporativo', desc:'Atendimento técnico especializado presencial e remoto. Resolução ágil de incidentes com foco em continuidade operacional.', tag:'Reativo e Proativo' }, { icon:'eye', title:'Monitoramento 24/7', desc:'Vigilância contínua de servidores, redes e endpoints. Detectamos anomalias e agimos antes que o problema impacte sua operação.', tag:'Sempre Ativo' }, { icon:'shield-check', title:'Segurança da Informação', desc:'Proteção contra vírus, ransomware, acessos não autorizados e vazamento de dados. Conformidade com LGPD.', tag:'Proteção Contínua' }, { icon:'database', title:'Backup & Disaster Recovery', desc:'Cópias de segurança redundantes e planos de recuperação testados. Sua empresa opera mesmo em caso de desastres.', tag:'Continuidade Garantida' }, { icon:'layout-dashboard', title:'Gestão de Infraestrutura', desc:'Administração completa do ambiente — atualizações, patches, inventário de ativos e relatórios mensais.', tag:'Gestão Completa' }, { icon:'users', title:'Treinamento de Equipes', desc:'Capacitamos seus colaboradores em boas práticas de segurança digital e uso correto de ferramentas.', tag:'Capacitação' }, ]; return (
Nossos Serviços

Cobertura completa para sua TI corporativa

Da prevenção à recuperação, a Sherlock cuida de toda a tecnologia da sua empresa no Rio de Janeiro.

{svcs.map((s,i) => (
setHov(i)} onMouseLeave={() => setHov(null)} style={{ background: s.hl ? 'linear-gradient(135deg,#012d3a,#16242d)' : '#fff', border:`2px solid ${hov===i?'#d6b886':s.hl?'rgba(214,184,134,0.20)':'#e9ecef'}`, borderRadius:12, padding:'26px 22px', transition:'all 240ms ease', transform: hov===i ? 'translateY(-4px)' : 'translateY(0)', boxShadow: hov===i ? '0 12px 32px rgba(0,0,0,0.14)' : '0 2px 6px rgba(0,0,0,0.04)', position:'relative', overflow:'hidden', cursor:'default', }}> {s.hl &&
Destaque
}
{s.title}
{s.desc}
{s.tag}
))}
); }; // ─── Implantação Timeline ───────────────────────────────────────────────────── const TimelineSection = () => { const [active, setActive] = useState(0); const steps = [ { num:'01', title:'Diagnóstico e Levantamento', dur:'Dia 1–2', desc:'Nossa equipe visita sua empresa, analisa o ambiente atual, identifica necessidades, gargalos e riscos. Entregamos um relatório completo — mesmo que você não contrate nada.', del:'Relatório de diagnóstico', icon:'search' }, { num:'02', title:'Projeto e Proposta', dur:'Dia 3–5', desc:'Com base no diagnóstico, elaboramos o projeto completo: equipamentos, rede, segurança, sistemas e cronograma. Proposta transparente, sem surpresas.', del:'Projeto técnico + proposta comercial', icon:'file-text' }, { num:'03', title:'Aprovação e Contrato', dur:'Dia 6–7', desc:'Revisamos juntos, ajustamos conforme necessário e formalizamos o contrato com escopo definido e SLAs documentados.', del:'Contrato assinado', icon:'pen-line' }, { num:'04', title:'Implantação e Configuração', dur:'Semana 2–3', desc:'Instalamos e configuramos toda a infraestrutura: cabeamento, switches, firewall, servidores, estações de trabalho, Wi-Fi, backup e segurança.', del:'Infraestrutura funcionando', icon:'wrench' }, { num:'05', title:'Treinamento da Equipe', dur:'Semana 3', desc:'Orientamos seus colaboradores sobre o novo ambiente: como usar, boas práticas de segurança e o que fazer em caso de problema.', del:'Equipe capacitada + documentação', icon:'users' }, { num:'06', title:'Gestão Contínua & Suporte', dur:'Mensal', desc:'Monitoramento 24/7, suporte técnico, atualizações, relatórios mensais de saúde da TI e revisões periódicas.', del:'Relatório mensal + atendimento contínuo', icon:'shield-check' }, ]; const st = steps[active]; useEffect(() => { const id = setInterval(() => setActive(a => (a+1)%6), 3000); return () => clearInterval(id); }, []); return (
Como Trabalhamos

Implantação de TI do zero
com método e transparência

Do diagnóstico à gestão contínua — um processo claro e documentado.

{/* List */}
{steps.map((s,i) => ( ))}
{/* Detail */}
Etapa {st.num} · {st.dur}
{st.title}

{st.desc}

Entregável
{st.del}
{steps.map((_,i) => (
setActive(i)} style={{ height:4, flex:i===active?3:1, borderRadius:2, background:i===active?'#d6b886':'rgba(214,184,134,0.18)', transition:'all 320ms ease', cursor:'pointer' }}/> ))}
); }; // ─── Locação de Infraestrutura ──────────────────────────────────────────────── const LocacaoSection = ({ onNav, asPage }) => { const H = asPage ? 'h1' : 'h2'; const [hov, setHov] = useState(null); const items = [ { icon:'monitor-smartphone', title:'Notebooks corporativos', sub:'Para equipes administrativas, comerciais, híbridas ou remotas.' }, { icon:'monitor', title:'Desktops corporativos', sub:'Operações fixas, recepção, atendimento, financeiro, backoffice e setores internos.' }, { icon:'layout-dashboard', title:'Monitores e estações de trabalho', sub:'Mais produtividade, ergonomia e estrutura para equipes que trabalham com múltiplas telas.' }, { icon:'package-check', title:'Acessórios corporativos', sub:'Teclados, mouses, headsets, webcams, nobreaks, docks e periféricos essenciais.' }, { icon:'wrench', title:'Equipamentos sob medida', sub:'Configurações conforme o perfil de uso: básico, administrativo, técnico ou alta performance.' }, { icon:'shield-check', title:'Gestão e suporte Sherlock', sub:'Acompanhamento técnico, manutenção, substituição, configuração e padronização durante o contrato.' }, ]; const idealFor = [ { icon:'building-2', text:'Empresas em crescimento' }, { icon:'factory', text:'Indústrias com muitos computadores' }, { icon:'heart-pulse', text:'Clínicas, consultórios e hospitais' }, { icon:'users', text:'Equipes híbridas ou remotas' }, { icon:'activity', text:'Operações renovando máquinas antigas' }, ]; const benefits = [ 'Menos investimento inicial', 'Mais previsibilidade de custos', 'Equipamentos adequados ao perfil da operação', 'Menos preocupação com manutenção', 'Substituição e suporte durante o contrato', 'Padronização do parque tecnológico', 'Mais segurança na configuração dos dispositivos', 'Escalabilidade para crescer ou reduzir', 'Integração com suporte, segurança, backup e monitoramento Sherlock', ]; const steps = [ { n:'01', icon:'search', t:'Diagnóstico da necessidade', d:'A Sherlock entende o tamanho da equipe, o perfil de uso e os riscos atuais da operação.' }, { n:'02', icon:'layout-dashboard', t:'Dimensionamento da infraestrutura', d:'Definimos os equipamentos, configurações e acessórios ideais para cada função.' }, { n:'03', icon:'package-check',t:'Entrega e configuração', d:'As máquinas são preparadas, padronizadas e entregues prontas para uso.' }, { n:'04', icon:'shield-check', t:'Gestão contínua', d:'A Sherlock acompanha o ambiente, presta suporte, orienta melhorias e mantém a operação funcionando.' }, ]; return (
{/* decorative bg */}
{/* INTRO */}
Locação de Infraestrutura de TI
Equipe sua empresa
sem descapitalizar o caixa.

Computadores, notebooks, monitores e acessórios prontos para uso, com suporte técnico, padronização e gestão Sherlock para sua operação funcionar com segurança e previsibilidade.

Comprar equipamentos, configurar máquinas, lidar com manutenção, substituição, suporte e obsolescência consome tempo, dinheiro e atenção da gestão. Com a locação de infraestrutura de TI da Sherlock, sua empresa conta com equipamentos adequados ao perfil da operação, suporte especializado e uma estrutura tecnológica mais organizada, segura e escalável.

A proposta não é apenas entregar máquinas — é entregar uma base de trabalho confiável para que sua equipe produza mais, com menos interrupções e menos improviso.

{/* Image */}
Escritório corporativo com infraestrutura de TI organizada
{/* Floating badge */}
Infra como serviço
{/* Bottom caption */}
Operação pronta no dia zero.
Equipamentos padronizados, configurados e sob gestão Sherlock — entregues prontos para o time produzir.
{/* EQUIPMENT CARDS */}
O que você pode locar
{items.map((it,i) => (
setHov(i)} onMouseLeave={() => setHov(null)} style={{ background: hov===i ? 'linear-gradient(160deg,rgba(214,184,134,0.10),rgba(214,184,134,0.02))' : 'rgba(255,255,255,0.03)', border:`1.5px solid ${hov===i?'rgba(214,184,134,0.45)':'rgba(214,184,134,0.13)'}`, borderRadius:14, padding:'26px 22px', transition:'all 280ms ease', transform: hov===i ? 'translateY(-4px)' : 'translateY(0)', position:'relative', overflow:'hidden', }} >
0{i+1}
{it.title}
{it.sub}
))}
{/* IDEAL FOR + WHY (light contrast block) */}
Para quem é ideal

Empresas que precisam de uma TI sólida — sem o peso da compra.

A locação faz sentido quando a empresa quer crescer com agilidade, padronizar equipamentos e ter suporte técnico sempre disponível.

{idealFor.map((it,i) => (
{ e.currentTarget.style.borderColor='#d6b886'; e.currentTarget.style.transform='translateX(4px)'; }} onMouseLeave={e=>{ e.currentTarget.style.borderColor='#e9ecef'; e.currentTarget.style.transform='translateX(0)'; }} >
{it.text}
))}
Por que locar com a Sherlock

Mais que máquinas. Uma parceria de continuidade.

Locar com a Sherlock é integrar sua infraestrutura ao mesmo ecossistema de suporte, segurança e monitoramento que protege sua operação.

{benefits.map((b,i) => (
{b}
))}
{/* COMO FUNCIONA */}
Como funciona

Do diagnóstico à gestão contínua,
em quatro passos.

{/* connecting line */}
{steps.map((s,i) => (
ETAPA {s.n}
{s.t}

{s.d}

))}
{/* HIGHLIGHT */}

Sua empresa não precisa comprar tudo para operar com qualidade.

Com a locação de infraestrutura de TI, sua operação ganha flexibilidade, controle e suporte profissional. A Sherlock cuida da base tecnológica para que sua empresa foque no que realmente importa: produtividade, segurança e crescimento.

); }; // ─── Testimonials ───────────────────────────────────────────────────────────── const TestimonialsSection = () => { const [cur, setCur] = useState(0); const ts = [ { text:'Antes da Sherlock, ficávamos horas sem internet e ninguém sabia o que estava acontecendo. Hoje temos monitoramento contínuo e os problemas são resolvidos antes que a equipe perceba.', author:'Carlos M.', role:'Diretor de Operações', seg:'Indústria — Rio de Janeiro' }, { text:'Implantaram toda a nossa TI em menos de duas semanas. Rede, servidor, câmeras, estações de trabalho. Tudo organizado e documentado. Nunca tivemos uma TI tão profissional.', author:'Ana P.', role:'Sócia-Proprietária', seg:'Consultório Médico — Barra da Tijuca, RJ' }, { text:'O diagnóstico gratuito foi revelador. Descobrimos vulnerabilidades que não sabíamos que existiam. Contratamos os serviços gerenciados na semana seguinte.', author:'Ricardo L.', role:'Gerente de TI', seg:'Hospital — Zona Sul, RJ' }, { text:'A locação de equipamentos resolveu nosso problema de capital. Pagamos mensalmente, temos tudo sempre atualizado e sem dor de cabeça com manutenção.', author:'Fernanda S.', role:'CEO', seg:'Empresa de Varejo — Rio de Janeiro' }, ]; useEffect(() => { const id = setInterval(() => setCur(c => (c+1)%ts.length), 5000); return () => clearInterval(id); }, []); const t = ts[cur]; return (
O que dizem nossos clientes

Empresas do RJ que
confiam na Sherlock

Somente atendemos no Rio de Janeiro — o que nos permite oferecer suporte presencial rápido e relacionamento de parceria real.

{[{n:'24h',l:'Tempo máximo de resposta'},{n:'100%',l:'Foco em clientes corporativos'},{n:'24/7',l:'Monitoramento ativo'},{n:'RJ',l:'Atendimento exclusivo no estado'}].map(m => (
{m.n}
{m.l}
))}
"

{t.text}

{t.author[0]}
{t.author}
{t.role}
{t.seg}
{ts.map((_,i) => (
); }; // ─── CTA Section ────────────────────────────────────────────────────────────── const CTASection = () => (
Somente no Rio de Janeiro

Sua empresa merece uma
TI que funciona de verdade.

Solicite agora o diagnóstico gratuito e descubra como a Sherlock pode transformar a tecnologia da sua empresa.

{ e.currentTarget.style.background='#012d3a'; e.currentTarget.style.transform='translateY(-2px)'; }} onMouseLeave={e=>{ e.currentTarget.style.background='#16242d'; e.currentTarget.style.transform='translateY(0)'; }} > Agendar Diagnóstico pelo WhatsApp

Gratuito · Sem compromisso · Atendemos apenas no Rio de Janeiro

); // ─── About Section ──────────────────────────────────────────────────────────── const AboutSection = () => (
Sobre a Sherlock

Tecnologia não é improviso,
é estratégia.

Fundada em 2021, a Sherlock BR nasceu para transformar a TI de um ponto de risco em um pilar de proteção operacional. Somos parceiros estratégicos — não apenas um helpdesk.

Atuamos exclusivamente no Rio de Janeiro, o que nos permite oferecer suporte presencial rápido, conhecer o contexto real de cada cliente e construir relacionamentos de longo prazo.

{[ { icon:'map-pin', text:'CEO Corporate, Av. João Cabral de Melo Neto, 850, Barra da Tijuca · RJ' }, { icon:'briefcase', text:'ALB Inteligência Digital Ltda. · CNPJ 43.522.361/0001-00' }, { icon:'target', text:'Ser o parceiro estratégico de TI de empresas que precisam de continuidade e segurança' }, ].map((item,i) => (
{item.text}
))}
{[ { icon:'shield', title:'Prevenção', sub:'Agimos antes que o problema aconteça' }, { icon:'activity', title:'Continuidade', sub:'Sua operação nunca para' }, { icon:'lock', title:'Segurança', sub:'Dados e sistemas protegidos' }, { icon:'handshake', title:'Parceria', sub:'Estratégia, não apenas suporte' }, ].map((p,i) => (
{p.title}
{p.sub}
))}
); // ─── Contact Section ────────────────────────────────────────────────────────── const ContactSection = () => { const [form, setForm] = useState({ name:'', company:'', segment:'', email:'', phone:'', message:'' }); const [sent, setSent] = useState(false); const inp = { padding:'11px 14px', border:'2px solid #e9ecef', borderRadius:8, fontFamily:"'Inter',sans-serif", fontSize:14, color:'#16242d', outline:'none', width:'100%', transition:'border-color 200ms', background:'#fff' }; const focus = e => e.currentTarget.style.borderColor = '#d6b886'; const blur = e => e.currentTarget.style.borderColor = '#e9ecef'; if (sent) return (
✓

Solicitação recebida!

Abrimos o WhatsApp com a sua solicitação — é só enviar para falar agora com nossa equipe. Se o WhatsApp não abrir, use o botão abaixo. Também retornamos em até 24h.

Continuar no WhatsApp
); return (
Fale conosco

Agende seu
Diagnóstico Gratuito

Nossa equipe analisa sua infraestrutura sem custo e entrega um relatório completo. Atendemos empresas, indústrias, clínicas e hospitais no Rio de Janeiro.

{[{icon:'search',text:'Análise completa do ambiente de TI'},{icon:'file-text',text:'Relatório detalhado de vulnerabilidades'},{icon:'shield',text:'Recomendações de segurança personalizadas'},{icon:'clock',text:'Retorno em até 24h'}].map(b => (
{b.text}
))}
Prefere falar agora?
(21) 96681-1227 · WhatsApp

Agendar Diagnóstico Gratuito

{ e.preventDefault(); const msg = `Olá! Quero agendar o diagnóstico gratuito de TI.\n\nNome: ${form.name}\nEmpresa: ${form.company}${form.segment?`\nSegmento: ${form.segment}`:''}\nE-mail: ${form.email}\nWhatsApp: ${form.phone}${form.message?`\n\nMensagem: ${form.message}`:''}`; window.open(waLink(msg), '_blank', 'noopener'); setSent(true); }} style={{ display:'flex', flexDirection:'column', gap:16 }}>
setForm({...form,name:e.target.value})} onFocus={focus} onBlur={blur}/>
setForm({...form,company:e.target.value})} onFocus={focus} onBlur={blur}/>
setForm({...form,email:e.target.value})} onFocus={focus} onBlur={blur}/>
setForm({...form,phone:e.target.value})} onFocus={focus} onBlur={blur}/>