SabhaView, inventário e monitoramento de TI do seu parque Windows/title> <meta name="description" content="Inventário automático de hardware e software, alertas de segurança, relatórios e acesso remoto facilitado e controlado (via AnyDesk e TeamViewer) em um só painel. Plano único com todos os recursos por R$ 8,00 por equipamento/mês no contrato anual."> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"> <style> :root{ --azul:#002C5F; --azul-2:#013a7a; --roxo:#5D2E8C; --roxo-2:#7a3fb0; --verde:#2ECC71; --verde-2:#27b765; --tinta:#0c1322; --cinza:#5b6577; --cinza-claro:#eef1f6; --wpp:#25D366; --radius:16px; --max:1180px; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;overflow-x:hidden} body{font-family:'Open Sans',Arial,sans-serif;color:var(--tinta);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} h1,h2,h3,h4{font-family:'Montserrat',Arial,sans-serif;line-height:1.12;letter-spacing:-.01em} a{text-decoration:none;color:inherit} img,svg{display:block} .container{max-width:var(--max);margin:0 auto;padding:0 24px} .center{text-align:center} /* BUTTONS */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:1rem;padding:16px 30px;border-radius:999px;border:none;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, background .18s ease;white-space:nowrap} .btn svg{width:20px;height:20px} .btn-wpp{background:var(--wpp);color:#fff;box-shadow:0 10px 24px rgba(37,211,102,.35)} .btn-wpp:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(37,211,102,.45)} .btn-green{background:var(--verde);color:#04331b;box-shadow:0 10px 24px rgba(46,204,113,.35)} .btn-green:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(46,204,113,.45)} .btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.35)} .btn-ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)} .btn-outline{background:transparent;color:var(--azul);border:1.5px solid #cdd6e4} .btn-outline:hover{border-color:var(--azul);transform:translateY(-2px)} .btn-sm{padding:11px 22px;font-size:.92rem} .btn-block{width:100%} .btn-lg{padding:20px 40px;font-size:1.1rem} /* HEADER */ header{position:sticky;top:0;z-index:50;background:rgba(0,18,40,.55);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:background .3s} header.scrolled{background:rgba(2,12,28,.92)} .nav{display:flex;align-items:center;justify-content:space-between;height:74px} .brand{display:flex;align-items:center;gap:12px} .brand-logo{height:48px;width:auto;display:block} .foot-brand .brand-logo{height:58px} .brand .name{font-family:'Montserrat';font-weight:800;color:#fff;font-size:1.25rem;letter-spacing:2px} .brand .name small{display:block;font-size:.5rem;letter-spacing:3px;font-weight:600;color:var(--verde);margin-top:-2px} .nav-links{display:flex;gap:30px;align-items:center} .nav-links a{color:#cdd7e6;font-size:.95rem;font-weight:600;transition:color .2s} .nav-links a:hover{color:#fff} .nav-cta{display:flex;align-items:center;gap:14px} .menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px} .menu-toggle span{width:26px;height:2.5px;background:#fff;border-radius:2px;transition:.3s} /* HERO */ .hero{position:relative;background:radial-gradient(900px 600px at 80% -10%, rgba(93,46,140,.6), transparent 60%),radial-gradient(700px 500px at -10% 110%, rgba(46,204,113,.14), transparent 55%),linear-gradient(135deg,#001b3d 0%, #002C5F 45%, #3a1f63 100%);color:#fff;overflow:hidden} .hex-bg{position:absolute;inset:0;opacity:.5;pointer-events:none} .hero .container{position:relative;z-index:2;padding-top:70px;padding-bottom:90px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center} .badge{display:inline-flex;align-items:center;gap:9px;background:rgba(93,46,140,.22);border:1px solid rgba(176,127,224,.45);color:#d9c2f2;font-weight:700;font-size:.78rem;letter-spacing:.5px;padding:7px 15px;border-radius:999px;text-transform:uppercase;margin-bottom:22px} .badge .dot{width:8px;height:8px;border-radius:50%;background:#b07fe0;box-shadow:0 0 0 4px rgba(176,127,224,.3)} .hero h1{font-size:clamp(2.3rem,4.4vw,3.6rem);font-weight:800;margin-bottom:20px} .hero h1 .hl{background:linear-gradient(100deg,#b07fe0,#7fe6a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .hero p.lead{font-size:1.18rem;color:#c4d2e6;max-width:540px;margin-bottom:30px} .hero-price{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:28px;padding:12px 20px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)} .hero-price b{font-family:'Montserrat';font-weight:900;font-size:1.9rem;color:#7fe6a8} .hero-price span{font-size:.92rem;color:#c4d2e6} .hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:30px} .hero-trust{display:flex;gap:26px;flex-wrap:wrap;color:#aebfd6;font-size:.9rem} .hero-trust span{display:flex;align-items:center;gap:8px} .hero-trust svg{width:18px;height:18px;color:#b07fe0} /* mockups */ .mockup{position:relative} .mockup .glow{position:absolute;inset:-30px;background:radial-gradient(circle at 50% 40%,rgba(93,46,140,.6),transparent 70%);filter:blur(20px);z-index:0} .window{position:relative;z-index:1;background:linear-gradient(180deg,#0a2347,#06182f);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 40px 90px rgba(0,0,0,.5);overflow:hidden} .window-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.07)} .window-bar i{width:11px;height:11px;border-radius:50%;display:block} .window-bar i:nth-child(1){background:#ff5f57}.window-bar i:nth-child(2){background:#febc2e}.window-bar i:nth-child(3){background:#28c840} .window-bar .url{margin-left:14px;font-size:.72rem;color:#8fa3c0;background:rgba(255,255,255,.06);padding:4px 12px;border-radius:6px} .dash{padding:18px} .dash-row{display:flex;gap:12px;margin-bottom:14px} .kpi{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px} .kpi .lbl{font-size:.62rem;color:#8fa3c0;text-transform:uppercase;letter-spacing:.5px} .kpi .val{font-family:'Montserrat';font-weight:800;font-size:1.25rem;margin-top:3px} .kpi .val.g{color:var(--verde)}.kpi .val.p{color:#b07fe0}.kpi .val.b{color:#6aa9e6}.kpi .val.o{color:#f5b50a} .prop-row{display:flex;gap:10px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06);align-items:center} .prop-row:last-child{border-bottom:none} .prop-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0} .prop-dot.ok{background:var(--verde)}.prop-dot.warn{background:#f5b50a}.prop-dot.crit{background:#ff6b6b}.prop-dot.info{background:#6aa9e6} .prop-info{flex:1;min-width:0} .prop-title{font-size:.72rem;color:#c4d2e6;font-weight:600;font-family:'Montserrat'} .prop-sub{font-size:.6rem;color:#6a83a0;margin-top:2px} .prop-status{font-size:.6rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap} .prop-status.ok{background:rgba(46,204,113,.2);color:#2ECC71} .prop-status.warn{background:rgba(245,181,10,.18);color:#f5b50a} .prop-status.crit{background:rgba(255,107,107,.18);color:#ff8a8a} .prop-status.info{background:rgba(106,169,230,.2);color:#6aa9e6} .bar{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:6px} .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7a3fb0,#2ECC71)} /* SECTIONS */ section{padding:90px 0} .eyebrow{font-family:'Montserrat';font-weight:700;color:var(--roxo);text-transform:uppercase;letter-spacing:1.5px;font-size:.82rem;margin-bottom:14px} .section-head{max-width:680px;margin:0 auto 56px} .section-head h2{font-size:clamp(1.9rem,3.3vw,2.7rem);font-weight:800;color:var(--azul);margin-bottom:16px} .section-head p{font-size:1.12rem;color:var(--cinza)} .trustbar{background:var(--cinza-claro);padding:34px 0} .trustbar .container{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap} .trustbar .stat{text-align:center;min-width:0} .trustbar .stat b{font-family:'Montserrat';font-weight:800;font-size:1.6rem;color:var(--azul);display:block;overflow-wrap:break-word} .trustbar .stat span{font-size:.86rem;color:var(--cinza)} .trustbar .divider{width:1px;height:42px;background:#d4dbe7} .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .feature{background:#fff;border:1px solid #e7ecf4;border-radius:var(--radius);padding:30px;transition:transform .2s, box-shadow .2s, border-color .2s} .feature:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,44,95,.1);border-color:transparent} .feature .ico{width:54px;height:54px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:18px} .feature .ico svg{width:26px;height:26px;color:#fff} .feature:nth-child(3n+1) .ico{background:linear-gradient(135deg,var(--azul),var(--azul-2))} .feature:nth-child(3n+2) .ico{background:linear-gradient(135deg,var(--roxo),var(--roxo-2))} .feature:nth-child(3n+3) .ico{background:linear-gradient(135deg,var(--verde-2),var(--verde))} .feature h3{font-size:1.2rem;color:var(--azul);margin-bottom:10px} .feature p{color:var(--cinza);font-size:.97rem} .spotlight{background:linear-gradient(135deg,#f7f9fc,#eef2f8);overflow:hidden} .spotlight .container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center} .spotlight-copy h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--azul);margin-bottom:18px} .spotlight-copy p{font-size:1.08rem;color:var(--cinza);margin-bottom:28px} .spotlight-list{list-style:none} .spotlight-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #dde4ef;font-size:.97rem;color:#3a4658} .spotlight-list li:last-child{border-bottom:none} .spotlight-list li svg{width:20px;height:20px;flex-shrink:0;color:var(--verde);margin-top:2px} .spotlight-visual{position:relative} .spotlight-visual .glow2{position:absolute;inset:-20px;background:radial-gradient(circle at 50% 40%,rgba(93,46,140,.25),transparent 70%);filter:blur(16px);z-index:0} .spotlight-window{position:relative;z-index:1;background:linear-gradient(180deg,#0a2347,#06182f);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden} /* alert rules chips */ .rules{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin:0 auto} .rule{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e3e9f2;border-radius:999px;padding:10px 18px;font-size:.92rem;color:#3a4658;font-weight:600;transition:border-color .2s,box-shadow .2s} .rule:hover{border-color:var(--roxo);box-shadow:0 8px 24px rgba(93,46,140,.1)} .rule svg{width:16px;height:16px;color:var(--roxo);flex-shrink:0} /* steps */ .steps{background:linear-gradient(135deg,#f7f9fc,#eef2f8)} .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;counter-reset:step} .step{position:relative;background:#fff;border-radius:var(--radius);padding:34px 28px;box-shadow:0 10px 30px rgba(0,44,95,.06)} .step .num{counter-increment:step;font-family:'Montserrat';font-weight:900;font-size:1.1rem;color:#fff;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--azul),var(--roxo));margin-bottom:18px} .step .num::before{content:"0" counter(step)} .step h3{color:var(--azul);font-size:1.18rem;margin-bottom:9px} .step p{color:var(--cinza);font-size:.96rem} /* pricing */ .pricing{background:linear-gradient(180deg,#fff, #f6f8fc)} .price-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;max-width:960px;margin:0 auto;align-items:stretch} .plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid #e3e9f2;border-radius:18px;padding:34px 30px} .plan.featured{border:none;color:#fff;background:linear-gradient(160deg,var(--azul) 0%, #0a2b63 50%, var(--roxo) 130%);box-shadow:0 30px 60px rgba(93,46,140,.35)} .plan .ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--verde);color:#04331b;font-family:'Montserrat';font-weight:800;font-size:.72rem;letter-spacing:.5px;padding:6px 16px;border-radius:999px;text-transform:uppercase;box-shadow:0 8px 18px rgba(46,204,113,.4);white-space:nowrap} .plan .pname{font-family:'Montserrat';font-weight:800;font-size:1.5rem;margin-bottom:8px} .plan .pdesc{font-size:.98rem;color:var(--cinza);margin-bottom:20px} .plan.featured .pdesc{color:#c2d2ea} .plan .price{display:flex;align-items:flex-end;gap:6px;margin-bottom:4px;flex-wrap:wrap} .plan .price .cur{font-family:'Montserrat';font-weight:800;font-size:1.4rem;margin-bottom:10px} .plan .price .amt{font-family:'Montserrat';font-weight:900;font-size:4rem;line-height:1;letter-spacing:-2px} .plan .price .per{font-size:1rem;margin-bottom:10px;opacity:.8} .plan .price-note{font-size:.88rem;color:#c2d2ea;margin-bottom:22px} .plan ul{list-style:none;margin-bottom:30px} .plan li{display:flex;gap:10px;align-items:flex-start;font-size:.96rem;padding:7px 0;color:#3a4658} .plan.featured li{color:#dce6f5} .plan li svg{width:18px;height:18px;flex-shrink:0;color:var(--verde);margin-top:3px} .plan .btn{margin-top:auto} .plan.addon .opt{display:inline-block;align-self:flex-start;background:rgba(93,46,140,.1);color:var(--roxo);font-family:'Montserrat';font-weight:800;font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:14px} .plan.addon .pname{color:var(--azul)} .plan.addon .price .amt{font-size:2rem;color:var(--azul);letter-spacing:-1px} .plan.addon .price-note{color:var(--cinza)} /* faq */ .faq{max-width:780px;margin:0 auto} .qa{border:1px solid #e3e9f2;border-radius:12px;margin-bottom:14px;overflow:hidden;background:#fff;transition:border-color .2s} .qa[open]{border-color:var(--roxo)} .qa summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:'Montserrat';font-weight:700;color:var(--azul);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1.02rem} .qa summary::-webkit-details-marker{display:none} .qa summary .plus{width:26px;height:26px;flex-shrink:0;position:relative;transition:transform .25s} .qa summary .plus::before,.qa summary .plus::after{content:"";position:absolute;background:var(--roxo);border-radius:2px} .qa summary .plus::before{top:50%;left:4px;right:4px;height:2.5px;transform:translateY(-50%)} .qa summary .plus::after{left:50%;top:4px;bottom:4px;width:2.5px;transform:translateX(-50%)} .qa[open] summary .plus{transform:rotate(135deg)} .qa .ans{padding:0 24px 22px;color:var(--cinza);font-size:.97rem} /* final cta */ .cta-final{position:relative;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(700px 400px at 20% 0%, rgba(93,46,140,.6), transparent 60%),radial-gradient(600px 400px at 90% 100%, rgba(46,204,113,.22), transparent 55%),linear-gradient(135deg,#001b3d, #002C5F 60%, #2a1750)} .cta-final .hex-bg{opacity:.4} .cta-final h2{font-size:clamp(2rem,3.6vw,2.9rem);font-weight:800;margin-bottom:16px;position:relative;z-index:2} .cta-final p{font-size:1.18rem;color:#c4d2e6;max-width:560px;margin:0 auto 32px;position:relative;z-index:2} .cta-final .hero-cta{justify-content:center;position:relative;z-index:2} /* footer */ footer{background:#021026;color:#9fb0c8;padding:60px 0 28px} .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)} .foot-brand .brand{margin-bottom:16px} .foot-brand p{font-size:.94rem;max-width:330px} .foot-col h4{color:#fff;font-family:'Montserrat';font-size:1rem;margin-bottom:16px} .foot-col a{display:block;color:#9fb0c8;font-size:.93rem;padding:6px 0;transition:color .2s} .foot-col a:hover{color:var(--verde)} .foot-bottom{padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#6f819b} /* floating whatsapp */ .wpp-float{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:12px;background:var(--wpp);color:#fff;font-family:'Montserrat';font-weight:700;padding:14px 22px 14px 18px;border-radius:999px;box-shadow:0 12px 30px rgba(37,211,102,.5);transition:transform .2s;animation:pulse 2.4s infinite} .wpp-float:hover{transform:scale(1.05)} .wpp-float svg{width:26px;height:26px} @keyframes pulse{0%{box-shadow:0 12px 30px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 12px 30px rgba(37,211,102,.5),0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 12px 30px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,0)}} .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s ease} .reveal.in{opacity:1;transform:none} /* RESPONSIVE */ @media(max-width:980px){ .hero .container{grid-template-columns:1fr;padding-top:48px;padding-bottom:60px} .mockup{order:-1;max-width:520px;margin:0 auto} .features-grid,.steps-grid{grid-template-columns:1fr 1fr} .price-wrap{grid-template-columns:1fr;max-width:560px} .foot-top{grid-template-columns:1fr 1fr} .spotlight .container{grid-template-columns:1fr} .spotlight-visual{order:-1} } @media(max-width:680px){ .nav-links{position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:0;background:#021026;padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s;border-bottom:1px solid rgba(255,255,255,.08)} .nav-links.open{max-height:420px;padding:16px 24px} .nav-links a{padding:13px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.06)} .menu-toggle{display:flex} .nav-cta .btn{display:none} .features-grid,.steps-grid{grid-template-columns:1fr} .trustbar .divider{display:none} .trustbar .container{gap:20px} .trustbar .stat{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)} .trustbar .stat b{font-size:1.2rem} .foot-top{grid-template-columns:1fr} section{padding:64px 0} .wpp-float span{display:none} .wpp-float{padding:16px;border-radius:50%} .hero-cta .btn{width:100%} .dash-row{flex-wrap:wrap;gap:8px} .dash-row .kpi{flex:0 0 calc(50% - 4px);min-width:0} .kpi .lbl{font-size:.58rem} .kpi .val{font-size:1.05rem} .window-bar .url{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mockup{overflow:hidden;max-width:100%} .plan .price .amt{font-size:3.4rem} } </style> </head> <body>  <svg width="0" height="0" style="position:absolute" aria-hidden="true"> <symbol id="i-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></symbol> <symbol id="i-wpp" viewBox="0 0 24 24"><path fill="currentColor" d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 018.413 3.488 11.824 11.824 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.51 5.26l-.999 3.648 3.978-1.225-.001.012zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></symbol> <symbol id="i-monitor" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></symbol> <symbol id="i-bell" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 01-3.46 0"/></symbol> <symbol id="i-shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></symbol> <symbol id="i-chart" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M7 15l4-4 3 3 5-6"/></symbol> <symbol id="i-link" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/></symbol> <symbol id="i-users" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></symbol> <symbol id="i-disk" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></symbol> <symbol id="i-download" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3"/></symbol> <symbol id="i-building" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="1"/><path d="M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01"/></symbol> <symbol id="i-cap" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10L12 5 2 10l10 5 10-5z"/><path d="M6 12v5c3 2 9 2 12 0v-5"/></symbol> </svg>  <header id="header"> <div class="container nav"> <a href="#" class="brand" aria-label="Sabha Inteligência em Tecnologia"> <img class="brand-logo" src="https://www.sabha.com.br/wp-content/uploads/2024/11/SABHA_BRANCO_FD-NEUTRO.png" alt="Sabha Inteligência em Tecnologia" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"> <span class="name" style="display:none">SABHAVIEW<small>INVENTÁRIO DE TI</small></span> </a> <nav class="nav-links" id="navLinks"> <a href="#recursos">Recursos</a> <a href="#alertas">Alertas</a> <a href="#relatorios">Relatórios</a> <a href="#como-funciona">Como funciona</a> <a href="#planos">Plano</a> <a href="#faq">Dúvidas</a> </nav> <div class="nav-cta"> <a class="btn btn-wpp btn-sm" data-wpp data-msg="Olá! Quero falar com um especialista sobre o SabhaView.">Falar agora</a> <button class="menu-toggle" id="menuToggle" aria-label="Menu"><span></span><span></span><span></span></button> </div> </div> </header>  <section class="hero"> <div class="hex-bg" id="hex1"></div> <div class="container"> <div class="hero-copy"> <span class="badge"><span class="dot"></span>Inventário e monitoramento de TI</span> <h1>Todo o seu parque Windows <span class="hl">sob controle</span>, num só painel</h1> <p class="lead">O SabhaView instala um agente leve nas máquinas, mapeia hardware e software automaticamente, avisa quando algo foge do padrão de segurança e gera relatórios prontos. Sem planilha, sem visita técnica.</p> <div class="hero-price"> <b>R$ 8,00 / equipamento / mês</b> <span>no contrato anual · plano único com todos os recursos</span> </div> <div class="hero-cta"> <a class="btn btn-wpp" data-wpp data-msg="Olá! Quero ver uma demonstração do SabhaView. Pode me ajudar?"> <svg><use href="#i-wpp"/></svg> Quero ver uma demonstração </a> <a class="btn btn-ghost" href="#planos">Ver o plano</a> </div> <div class="hero-trust"> <span><svg><use href="#i-check"/></svg>Todos os recursos inclusos</span> <span><svg><use href="#i-check"/></svg>Agente Windows leve</span> <span><svg><use href="#i-check"/></svg>Multi-sites</span> </div> </div> <div class="mockup"> <div class="glow"></div> <div class="window"> <div class="window-bar"><i></i><i></i><i></i><span class="url">sabhaview · Painel</span></div> <div class="dash"> <div class="dash-row"> <div class="kpi"><div class="lbl">Equipamentos</div><div class="val b">248</div></div> <div class="kpi"><div class="lbl">Online hoje</div><div class="val g">231</div></div> <div class="kpi"><div class="lbl">Alertas abertos</div><div class="val o">12</div></div> </div> <div style="background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden"> <div class="prop-row"><div class="prop-dot crit"></div><div class="prop-info"><div class="prop-title">FIN-PC-014 · Disco com saúde degradada</div><div class="prop-sub">S.M.A.R.T. em alerta · Matriz</div></div><span class="prop-status crit">Crítico</span></div> <div class="prop-row"><div class="prop-dot warn"></div><div class="prop-info"><div class="prop-title">RH-NB-007 · Antivírus desatualizado</div><div class="prop-sub">Última atualização há 9 dias · Filial SP</div></div><span class="prop-status warn">Atenção</span></div> <div class="prop-row"><div class="prop-dot warn"></div><div class="prop-info"><div class="prop-title">VEN-PC-022 · Disco com pouco espaço</div><div class="prop-sub">6% livre em C: · Filial RJ</div></div><span class="prop-status warn">Atenção</span></div> <div class="prop-row"><div class="prop-dot ok"></div><div class="prop-info"><div class="prop-title">TI-PC-001 · Tudo em dia</div><div class="prop-sub">AnyDesk detectado · ID no painel</div></div><span class="prop-status ok">OK</span></div> </div> </div> </div> </div> </div> </section>  <div class="trustbar"> <div class="container"> <div class="stat"><b>R$ 8,00/mês</b><span>por equipamento, no contrato anual</span></div> <div class="divider"></div> <div class="stat"><b>Plano único</b><span>todos os recursos, sem pacotes</span></div> <div class="divider"></div> <div class="stat"><b>12 regras de alerta</b><span>segurança e saúde do parque</span></div> <div class="divider"></div> <div class="stat"><b>Relatórios + Excel</b><span>do painel direto pra planilha</span></div> </div> </div>  <section id="recursos"> <div class="container"> <div class="section-head center reveal"> <div class="eyebrow">Recursos</div> <h2>Saiba o que existe no seu parque, sem sair da cadeira</h2> <p>Tudo o que a TI precisa pra inventariar, vigilar e prestar contas, incluído no mesmo plano.</p> </div> <div class="features-grid"> <div class="feature reveal"> <div class="ico"><svg><use href="#i-monitor"/></svg></div> <h3>Inventário automático de hardware</h3> <p>Processador, memória, discos, placa-mãe, BIOS, vídeo, monitores e rede de cada máquina, coletados pelo agente e atualizados sozinhos.</p> </div> <div class="feature reveal"> <div class="ico"><svg><use href="#i-disk"/></svg></div> <h3>Software instalado e sistema</h3> <p>Lista de programas, versão do Windows, patches, ativação da licença e antivírus de cada equipamento, tudo pesquisável.</p> </div> <div class="feature reveal"> <div class="ico"><svg><use href="#i-bell"/></svg></div> <h3>Alertas de segurança e saúde</h3> <p>Disco cheio, antivírus parado, firewall desligado, S.M.A.R.T. degradado, BitLocker ausente e mais. Você configura as regras e a severidade.</p> </div> <div class="feature reveal"> <div class="ico"><svg><use href="#i-chart"/></svg></div> <h3>SVReport: relatórios prontos</h3> <p>Segurança, ciclo de vida e garantia, saúde de hardware, financeiro, rede e vulnerabilidades conhecidas (CVE) do software instalado.</p> </div> <div class="feature reveal"> <div class="ico"><svg><use href="#i-download"/></svg></div> <h3>FullReport em Excel</h3> <p>Um clique exporta todas as informações dos seus sites num arquivo Excel, uma aba por assunto, pra montar o relatório do seu jeito.</p> </div> <div class="feature reveal"> <div class="ico"><svg><use href="#i-link"/></svg></div> <h3>Acesso remoto facilitado e controlado</h3> <p>O agente detecta se o AnyDesk ou o TeamViewer está instalado em cada máquina e mostra o ID no painel, pra você copiar ou abrir a conexão. O acesso em si é feito pela ferramenta de terceiros, que precisa estar instalada e licenciada. O SabhaView não é uma ferramenta de acesso remoto.</p> </div> <div class="feature reveal"> <div class="ico"><svg><use href="#i-building"/></svg></div> <h3>Multi-sites</h3> <p>Organize o parque em sites, com visão separada de cada um. Ideal pra TI interna com várias unidades ou pra quem atende vários clientes, cada um como um site.</p> </div> <div class="feature reveal"> <div class="ico"><svg><use href="#i-users"/></svg></div> <h3>Usuários e permissões</h3> <p>Cada usuário enxerga só os sites que você liberar. Governança de acesso clara, com visão de quem vê o quê.</p> </div> <div class="feature reveal"> <div class="ico"><svg><use href="#i-shield"/></svg></div> <h3>Instalação simples e atualização</h3> <p>Instalador MSI com a configuração do seu ambiente. O agente roda como serviço, discreto, e se mantém comunicando com o painel.</p> </div> </div> </div> </section>  <section id="alertas" class="spotlight"> <div class="container"> <div class="spotlight-copy reveal"> <div class="eyebrow">Alertas</div> <h2>Descubra o problema antes do usuário abrir o chamado</h2> <p>Defina as regras que importam pro seu ambiente. Quando uma máquina foge do padrão, o alerta aparece no painel, filtrável por tipo e por site.</p> <ul class="spotlight-list"> <li><svg><use href="#i-check"/></svg>Severidade configurável por regra: informativo, atenção ou crítico</li> <li><svg><use href="#i-check"/></svg>Parâmetros ajustáveis, como percentual mínimo de disco livre e dias sem contato do agente</li> <li><svg><use href="#i-check"/></svg>Lista de software fora do permitido, pra pegar instalação indevida</li> <li><svg><use href="#i-check"/></svg>Alertas resolvidos automaticamente quando a condição some</li> <li><svg><use href="#i-check"/></svg>Filtros por tipo de alerta e por site</li> </ul> <a class="btn btn-green" style="margin-top:8px" data-wpp data-msg="Olá! Quero ver como funcionam os alertas do SabhaView.">Ver os alertas funcionando</a> </div> <div class="spotlight-visual reveal"> <div class="glow2"></div> <div class="spotlight-window"> <div class="window-bar"><i></i><i></i><i></i><span class="url">SabhaView · Regras de alerta</span></div> <div class="prop-row"><div class="prop-dot warn"></div><div class="prop-info"><div class="prop-title">Disco com pouco espaço livre</div><div class="prop-sub">Menos de 10% livre</div></div><span class="prop-status warn">Atenção</span></div> <div class="prop-row"><div class="prop-dot crit"></div><div class="prop-info"><div class="prop-title">Disco com saúde degradada (S.M.A.R.T.)</div><div class="prop-sub">Aviso antecipado de falha</div></div><span class="prop-status crit">Crítico</span></div> <div class="prop-row"><div class="prop-dot warn"></div><div class="prop-info"><div class="prop-title">Agente sem contato</div><div class="prop-sub">7 dias sem contato</div></div><span class="prop-status warn">Atenção</span></div> <div class="prop-row"><div class="prop-dot crit"></div><div class="prop-info"><div class="prop-title">Firewall do Windows desativado</div><div class="prop-sub">Qualquer perfil desligado</div></div><span class="prop-status crit">Crítico</span></div> <div class="prop-row"><div class="prop-dot info"></div><div class="prop-info"><div class="prop-title">Memória RAM diferente da última coleta</div><div class="prop-sub">Mudança de hardware detectada</div></div><span class="prop-status info">Info</span></div> </div> </div> </div> </section>  <section> <div class="container"> <div class="section-head center reveal"> <div class="eyebrow">12 regras prontas</div> <h2>Segurança e saúde do parque, vigiadas o tempo todo</h2> <p>Ative só as regras que fazem sentido pro seu ambiente.</p> </div> <div class="rules reveal"> <span class="rule"><svg><use href="#i-check"/></svg>Disco com pouco espaço livre</span> <span class="rule"><svg><use href="#i-check"/></svg>Agente sem contato</span> <span class="rule"><svg><use href="#i-check"/></svg>Antivírus desatualizado ou inativo</span> <span class="rule"><svg><use href="#i-check"/></svg>Software fora da lista permitida</span> <span class="rule"><svg><use href="#i-check"/></svg>Firewall desativado</span> <span class="rule"><svg><use href="#i-check"/></svg>Memória RAM alterada</span> <span class="rule"><svg><use href="#i-check"/></svg>Windows Update desativado</span> <span class="rule"><svg><use href="#i-check"/></svg>Disco com S.M.A.R.T. degradado</span> <span class="rule"><svg><use href="#i-check"/></svg>Disco sem BitLocker</span> <span class="rule"><svg><use href="#i-check"/></svg>UAC desabilitado</span> <span class="rule"><svg><use href="#i-check"/></svg>Windows sem ativação</span> <span class="rule"><svg><use href="#i-check"/></svg>RDP habilitado</span> </div> </div> </section>  <section id="relatorios" class="spotlight"> <div class="container"> <div class="spotlight-visual reveal"> <div class="glow2"></div> <div class="spotlight-window"> <div class="window-bar"><i></i><i></i><i></i><span class="url">SVReport · Matriz</span></div> <div style="padding:16px"> <div style="font-size:.62rem;color:#8fa3c0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px">Segurança & compliance</div> <div style="font-size:.7rem;color:#c4d2e6;margin-top:10px">Antivírus ativo<div class="bar"><i style="width:94%"></i></div></div> <div style="font-size:.7rem;color:#c4d2e6;margin-top:12px">Firewall ligado<div class="bar"><i style="width:98%"></i></div></div> <div style="font-size:.7rem;color:#c4d2e6;margin-top:12px">Discos com BitLocker<div class="bar"><i style="width:61%"></i></div></div> <div style="font-size:.7rem;color:#c4d2e6;margin-top:12px">Windows ativado<div class="bar"><i style="width:100%"></i></div></div> </div> <div class="prop-row" style="border-top:1px solid rgba(255,255,255,.06)"><div class="prop-dot info"></div><div class="prop-info"><div class="prop-title">FullReport · sabhaview.xlsx</div><div class="prop-sub">Uma aba por assunto · Tenant e Sites</div></div><span class="prop-status ok">Exportar</span></div> </div> </div> <div class="spotlight-copy reveal"> <div class="eyebrow">SVReport</div> <h2>Do painel ao relatório que o gestor pede, em minutos</h2> <p>Chega de montar planilha na mão antes de reunião. O SVReport já organiza as informações do parque nos assuntos que a gestão cobra.</p> <ul class="spotlight-list"> <li><svg><use href="#i-check"/></svg>Segurança e compliance, com os mesmos critérios das regras de alerta</li> <li><svg><use href="#i-check"/></svg>Ciclo de vida e garantia: compra, garantia e regime de posse</li> <li><svg><use href="#i-check"/></svg>Saúde de hardware e risco de falha, ordenado por risco</li> <li><svg><use href="#i-check"/></svg>Financeiro, rede e vulnerabilidades conhecidas (CVE) do software instalado</li> <li><svg><use href="#i-check"/></svg>FullReport: tudo em Excel, uma aba por assunto, pra personalizar como quiser</li> </ul> <a class="btn btn-green" style="margin-top:8px" data-wpp data-msg="Olá! Quero ver os relatórios do SabhaView.">Ver os relatórios</a> </div> </div> </section>  <section id="como-funciona" class="steps"> <div class="container"> <div class="section-head center reveal"> <div class="eyebrow">Como funciona</div> <h2>Do zero ao parque inteiro mapeado, em 3 passos</h2> <p>Sem servidor pra instalar e sem visita a cada máquina. O painel é web.</p> </div> <div class="steps-grid"> <div class="step reveal"> <div class="num"></div> <h3>Instale o agente</h3> <p>Baixe o instalador MSI já configurado pro seu ambiente e distribua nas máquinas do jeito que a sua TI preferir.</p> </div> <div class="step reveal"> <div class="num"></div> <h3>O inventário se monta sozinho</h3> <p>Cada máquina se registra e envia hardware, software e estado de segurança. Novas coletas mantêm tudo atualizado.</p> </div> <div class="step reveal"> <div class="num"></div> <h3>Acompanhe, alerte e reporte</h3> <p>Use o painel, as regras de alerta e o SVReport para agir rápido e prestar contas com dados reais.</p> </div> </div> </div> </section>  <section id="planos" class="pricing"> <div class="container"> <div class="section-head center reveal"> <div class="eyebrow">Plano</div> <h2>Um único plano. Todos os recursos.</h2> <p>Sem pacote básico, sem "premium", sem recurso bloqueado. Contratando no anual, o valor é o mesmo pra todo mundo.</p> </div> <div class="price-wrap"> <div class="plan featured reveal"> <span class="ribbon">Contrato anual</span> <div class="pname">SabhaView</div> <div class="pdesc">Inventário, alertas, relatórios e acesso remoto facilitado, tudo incluído.</div> <div class="price"><span class="cur">R$</span><span class="amt">8,00</span><span class="per">/ equipamento / mês</span></div> <div class="price-note">por equipamento, no contrato anual · plano único</div> <ul> <li><svg><use href="#i-check"/></svg>Inventário automático de hardware e software</li> <li><svg><use href="#i-check"/></svg>12 regras de alerta de segurança e saúde</li> <li><svg><use href="#i-check"/></svg>SVReport e FullReport em Excel</li> <li><svg><use href="#i-check"/></svg>Acesso remoto facilitado e controlado (requer AnyDesk ou TeamViewer de terceiros)</li> <li><svg><use href="#i-check"/></svg>Multi-sites e controle de usuários</li> <li><svg><use href="#i-check"/></svg>Agente Windows com atualizações</li> </ul> <a class="btn btn-wpp btn-block btn-lg" data-wpp data-msg="Olá! Quero contratar o SabhaView no plano anual (R$ 8,00 por equipamento/mês).">Contratar o plano anual</a> </div> <div class="plan addon reveal"> <span class="opt">Opcional</span> <div class="pname">Onboarding com treinamento</div> <div class="pdesc">Quer sair usando a ferramenta com segurança desde o primeiro dia? Nossa equipe treina você e seu time.</div> <div class="price"><span class="amt">Taxa única</span></div> <div class="price-note">cobrada à parte, só se você quiser</div> <ul> <li><svg><use href="#i-check"/></svg>Treinamento na ferramenta com a equipe da Sabha</li> <li><svg><use href="#i-check"/></svg>Apoio na instalação do agente e na organização por sites</li> <li><svg><use href="#i-check"/></svg>Ajuda pra configurar as regras de alerta do seu ambiente</li> <li><svg><use href="#i-check"/></svg>Tour pelo SVReport e pelo FullReport</li> </ul> <a class="btn btn-outline btn-block" data-wpp data-msg="Olá! Quero saber sobre a taxa de onboarding com treinamento do SabhaView.">Saber sobre o onboarding</a> </div> </div> </div> </section>  <section id="faq" class="steps"> <div class="container"> <div class="section-head center reveal"> <div class="eyebrow">Dúvidas frequentes</div> <h2>Tudo o que você precisa saber</h2> </div> <div class="faq"> <details class="qa reveal"> <summary>O que está incluso nos R$ 8,00 por equipamento/mês?<span class="plus"></span></summary> <div class="ans">Tudo. O SabhaView tem um plano único: inventário de hardware e software, alertas, SVReport, FullReport em Excel, acesso remoto facilitado, multi-sites, usuários e permissões. Não existe recurso do SabhaView vendido à parte. As ferramentas de acesso remoto de terceiros (AnyDesk e TeamViewer) têm licença própria.</div> </details> <details class="qa reveal"> <summary>Como o valor é calculado?<span class="plus"></span></summary> <div class="ans">O valor é de R$ 8,00 por equipamento ao mês. Cada máquina com o agente instalado conta como um equipamento, e todos os recursos estão incluídos.</div> </details> <details class="qa reveal"> <summary>O valor de R$ 8,00 vale pra qual contrato?<span class="plus"></span></summary> <div class="ans">Para o contrato anual. É a condição que garante o valor de R$ 8,00 por equipamento ao mês.</div> </details> <details class="qa reveal"> <summary>O onboarding é obrigatório?<span class="plus"></span></summary> <div class="ans">Não. A taxa de onboarding é opcional e serve para quem quer receber o treinamento na ferramenta com a nossa equipe. Quem prefere começar sozinho pode contratar apenas o plano.</div> </details> <details class="qa reveal"> <summary>Funciona em quais sistemas?<span class="plus"></span></summary> <div class="ans">O agente é para máquinas Windows. Ele roda como serviço e coleta hardware, software, segurança e a presença de AnyDesk ou TeamViewer em cada equipamento.</div> </details> <details class="qa reveal"> <summary>O agente deixa a máquina lenta?<span class="plus"></span></summary> <div class="ans">Não. O agente foi feito pra ser leve e discreto: faz a coleta de forma sequencial e se comunica com o servidor em intervalos espaçados, sem consumo perceptível.</div> </details> <details class="qa reveal"> <summary>Posso separar meu parque por site?<span class="plus"></span></summary> <div class="ans">Sim. O parque é organizado em sites, e cada usuário só enxerga os sites que você liberar. Serve tanto pra TI interna com várias filiais quanto pra quem atende outras empresas, cada uma como um site.</div> </details> <details class="qa reveal"> <summary>Consigo levar os dados pra uma planilha?<span class="plus"></span></summary> <div class="ans">Sim. O botão FullReport exporta todas as informações dos seus sites em um arquivo Excel, com uma aba por assunto, pra você montar relatórios personalizados.</div> </details> </div> </div> </section>  <section class="cta-final"> <div class="hex-bg" id="hex2"></div> <div class="container"> <h2>Pronto pra ter o parque inteiro na palma da mão?</h2> <p>Fale com um especialista da Sabha e veja o SabhaView ao vivo. Plano único por R$ 8,00 por equipamento/mês no contrato anual.</p> <div class="hero-cta"> <a class="btn btn-wpp" data-wpp data-msg="Olá! Quero uma demonstração ao vivo do SabhaView e contratar o plano anual."> <svg><use href="#i-wpp"/></svg> Agendar demonstração agora </a> </div> </div> </section>  <footer> <div class="container"> <div class="foot-top"> <div class="foot-brand"> <a href="#" class="brand"> <img class="brand-logo" src="https://www.sabha.com.br/wp-content/uploads/2024/11/SABHA_BRANCO_FD-NEUTRO.png" alt="Sabha Inteligência em Tecnologia" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"> <span class="name" style="display:none">SABHAVIEW<small>INVENTÁRIO DE TI</small></span> </a> <p>Inventário e monitoramento de hardware e software do parque Windows, com alertas, relatórios e acesso remoto facilitado via ferramentas de terceiros, tudo em português.</p> </div> <div class="foot-col"> <h4>Produto</h4> <a href="#recursos">Recursos</a> <a href="#alertas">Alertas</a> <a href="#relatorios">Relatórios</a> <a href="#como-funciona">Como funciona</a> <a href="#planos">Plano</a> <a href="#faq">Dúvidas</a> </div> <div class="foot-col"> <h4>Contato</h4> <a data-wpp data-msg="Olá! Quero falar com a equipe da Sabha sobre o SabhaView.">WhatsApp (11) 97888-6146</a> <a href="mailto:sabha@sabha.com.br">sabha@sabha.com.br</a> <a href="https://www.instagram.com/sabhatecnologia" target="_blank" rel="noopener">Instagram</a> <a href="https://www.linkedin.com/company/sabhatecnologia" target="_blank" rel="noopener">LinkedIn</a> <a href="https://www.sabha.com.br" target="_blank" rel="noopener">www.sabha.com.br</a> </div> </div> <div class="foot-bottom"> <span>© 2026 Sabha Inteligência em Tecnologia Ltda · Taubaté/SP · Atendimento seg.–sex., 8h–18h</span> <span>Conectando tecnologia e negócios</span> </div> </div> </footer> <a class="wpp-float" data-wpp data-msg="Olá! Vim pelo site e quero saber mais sobre o SabhaView."> <svg><use href="#i-wpp"/></svg> <span>Falar no WhatsApp</span> </a> <script> const WHATSAPP_NUMERO = "5511978886146"; function buildWppLink(msg){ return "https://wa.me/"+WHATSAPP_NUMERO+"?text="+encodeURIComponent(msg||"Olá! Quero saber mais sobre o SabhaView."); } document.querySelectorAll('[data-wpp]').forEach(el=>{ el.setAttribute('href', buildWppLink(el.getAttribute('data-msg'))); el.setAttribute('target','_blank'); el.setAttribute('rel','noopener'); }); /* Hexagon background */ const hexPattern = encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23ffffff' stroke-opacity='0.10' stroke-width='1.4'><path d='M28 0 L56 16 L56 50 L28 66 L0 50 L0 16 Z'/><path d='M28 66 L56 82 L56 116 M28 66 L0 82 L0 116'/></g></svg>`); const hexUrl = "url(\"data:image/svg+xml,"+hexPattern+"\")"; ['hex1','hex2'].forEach(id=>{const e=document.getElementById(id);if(e){e.style.backgroundImage=hexUrl;e.style.backgroundSize='56px 100px';}}); /* Header scroll */ const header=document.getElementById('header'); window.addEventListener('scroll',()=>{header.classList.toggle('scrolled',window.scrollY>20);}); /* Mobile menu */ const toggle=document.getElementById('menuToggle'), links=document.getElementById('navLinks'); toggle.addEventListener('click',()=>links.classList.toggle('open')); links.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>links.classList.remove('open'))); /* Reveal on scroll */ const io=new IntersectionObserver((entries)=>{ entries.forEach(en=>{if(en.isIntersecting){en.target.classList.add('in');io.unobserve(en.target);}}); },{threshold:.12}); document.querySelectorAll('.reveal').forEach((el,i)=>{el.style.transitionDelay=(i%3*0.08)+'s';io.observe(el);}); </script> </body> </html>