1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>SAVMobile</title> 7 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> 8 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons-light.min.css"> 9 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css"> 10 <link rel="shortcut icon" href="/img/wsite/savmobile.png" type="image/x-icon"> 11 <link rel="preconnect" href="https://fonts.googleapis.com"> 12 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 13 <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet"> 14 <meta name="description" content="Seus clientes podem fazer pedidos, consultar cotações, visualizarem débitos e acompanharem entregas em tempo real"> 15 16 17 <link rel="preload" as="style" href="https://tecnosoft.com.br/build/assets/site-5d2e2828.css" /><link rel="stylesheet" href="https://tecnosoft.com.br/build/assets/site-5d2e2828.css" /> <style> 18 .fundo-card1 { 19 position: relative; 20 overflow: hidden; 21 border-radius: 15px; 22 } 23 .fundo-card1::before { 24 content: ""; 25 position: absolute; 26 inset: 0; 27 background: url('/img/wsite/savmobile/img-1.jpg') center/cover no-repeat; 28 transform: scale(1); 29 transition: transform .6s cubic-bezier(.2, .8, .2, 1); 30 z-index: 0; 31 } 32 .fundo-card1 * { 33 position: relative; 34 z-index: 2; 35 } 36 .fundo-card1:hover::before { 37 transform: scale(1.15); 38 } 39 .fundo-card1:hover{ 40 border: solid 3px #fec108; 41 } 42 43 </style> 44 45 <!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 45-46
45 46 <script async src="https://www.googletagmanager.com/gtag/js?id=
46AW-300011124
vendor: 24 bytes, lines 46-47
46"></script> 47
47<script> 48
vendor: 164 bytes, lines 48-52
48window.dataLayer = window.dataLayer || []; 49 function gtag(){dataLayer.push(arguments);} 50 gtag('js', new Date()); 51 52 gtag('config', '
52AW-300011124
vendor: 16 bytes, lines 52-53
52'); 53
53</script>
53 54 55 <!-- meta ads --> 56
56<script>
vendor: 526 bytes, lines 56-64
56 57 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 58 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 59 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 60 n.queue=[];t=b.createElement(e);t.async=!0; 61 t.src=v;s=b.getElementsByTagName(e)[0]; 62 s.parentNode.insertBefore(t,s)}(window, document,'script', 63 'https://connect.facebook.net/en_US/fbevents.js'); 64 fbq('init', '
64726682500036377
vendor: 58 bytes, lines 64-66
64'); 65 fbq('track', 'PageView'); 66
66</script>
66 67 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=726682500036377&ev=PageView&noscript=1"/></noscript> 68 </head> 69 <body> 70 <nav id="nav-menu" class="navbar bg-menu position-fixed top-0 w-100 border-bottom" style="min-height: 8vh;"> 71 <div class="container"> 72 <a class="navbar-brand d-flex align-items-center" href="#"> 73 <img src="/img/wsite/savmobile.png" alt="" class="img-fluid rounded-3 mt-2" style="height: 4vh;"> 74 <h5 class="text-azul ps-2 mb-0 d-flex mt-2">SAVMobile <span class="d-none d-md-block ms-2">|</span></h5> 75 <img src="/img/wsite/tecnosoft.png" alt="" class="d-none d-md-block img-fluid rounded-3 ms-1 mb-2" style="height: 4vh;"> 76 </a> 77 <div class="d-none d-md-block"> 78 <ul class="nav nav-pills"> 79 <li class="nav-item pt-1"> 80 <a href="#scrollRecursos" class="text-secondary text-decoration-none px-2 small mdil mdil-settings"> 81 Recursos 82 </a> 83 </li> 84 <li class="nav-item pt-1"> 85 <a href="#scrollSolucoes" class="text-secondary text-decoration-none px-2 small mdil mdil-lightbulb"> 86 Soluções 87 </a> 88 </li> 89 <li class="nav-item"> 90 <a href="#scrollContratar" class="rounded-5 btn btn-warning ms-2 small pt-1 px-3 mdil mdil-phone text-azul"> 91 <small class="text-azul"> Contratar</small> 92 </a> 93 </li> 94 </ul> 95 </div> 96 <div class="d-block d-md-none"> 97 <div class="dropdown"> 98 <button class="btn border-0" type="button" data-bs-toggle="dropdown" aria-expanded="false"> 99 <h1 class="mdil mdil-menu"></h1> 100 </button> 101 <ul class="dropdown-menu dropdown-menu-start pe-3 pb-3 border-0 shadow-sm"> 102 <li> 103 <a href="#scrollRecursos" class="text-secondary text-decoration-none px-2 py-1 small mdil mdil-settings"> 104 Recursos 105 </a> 106 </li> 107 <li> 108 <a href="#scrollSolucoes" class="text-secondary text-decoration-none px-2 py-1 small mdil mdil-lightbulb"> 109 Soluções 110 </a> 111 </li> 112 <li> 113 <a href="#scrollContratar" class="rounded-5 btn btn-warning small mdil mdil-phone text-azul ms-2 p-0"> 114 <small class="text-azul"> Contratar</small> 115 </a> 116 </li> 117 </ul> 118 </div> 119 </div> 120 </div> 121 </nav> 122 123 <div data-bs-spy="scroll" data-bs-target="#nav-menu" data-bs-smooth-scroll="true" tabindex="0"> 124 <div style="padding-top: 8vh;"> 125 <div class="border-bottom shadow-sm reveal" style="background: linear-gradient(136deg, rgba(255, 255, 255, 1) 52%, rgb(56 116 150 / 17%) 100%);"> 126 <div class="container"> 127 <div class="row g-3"> 128 <div class="col-12 col-md-7 p-2 p-md-5 my-4 my-md-5"> 129 <div class="d-flex justify-content-start mb-3"> 130 <small class="fw-bold rounded-5 px-3 py-1 text-azul2 mdi mdi-diamond-stone" style="border: solid 1px #aecadd; background: #dbe8f0;"> LANÃAMENTO 2026</small> 131 </div> 132 <h1 class="mb-0">Seus clientes</h1> 133 <h1 class="text-azul2 mb-5 fw-bold">
133fazem pedidos pelo app</h1> 134 <h5 class="mb mb-3 fw-light"> 135 App mobile para iOS e Android que permite seus clientes fazerem pedidos, consultarem cotações, <br> visualizarem débitos em aberto e acompanharem entregas <strong class="fw-bold text-azul">em tempo real</strong>. 136 </h5> 137 138 <div class="border border-warning rounded-3 d-flex p-2 text-amarelo mb-5 bg-amarelo-claro mb-5"> 139 <h1 class="mdi mdi-android mb-0"></h5> 140 <h1 class="mdi mdi-apple mb-0"></h5> 141 <div class="ms-2"> 142 <label class="fw-bold text-dark">Apps iOS & Android</h5> <br> 143 <small class="text-dark fw-light">Facilite o gerenciamento de seus clientes</small> 144 </div> 145 </div> 146 <a href="#scrollContratar" class="btn-hover btn btn-warning rounded-5 text-azul mdi mdi-24px mdi-cursor-default-click p-3 shadow py-0 pb-2" onclick="gtag('event', 'btn_falar_especialista')"> Falar com Especialista</a> 147 <div class="row g-3 mt-3"> 148 <div class="col-4 col-md-4"> 149 <div class="text-start"> 150 <img src="/img/wsite/raio.png" alt="" class="img-fluid mb-2" style="width: 35px;"> 151 <h2 class="text-azul2 fw-bold mb-0">3x</h2> 152 <small class="fw-light text-secondary">Pedidos + rápido</small> 153 </div> 154 </div> 155 <div class="col-4 col-md-4"> 156 <div class="text-start"> 157 <img src="/img/wsite/check.png" alt="" class="img-fluid mb-2" style="width: 34px;"> 158 <h2 class="text-azul2 fw-bold mb-0">-70%</h2> 159 <small class="fw-light text-secondary">Redução de erros</small> 160 </div> 161 </div> 162 <div class="col-4 col-md-4"> 163 <div class="text-start"> 164 <img src="/img/wsite/foguete.png" alt="" class="img-fluid mb-2" style="width: 34px;"> 165 <h2 class="text-azul2 fw-bold mb-0">5 min</h2> 166 <small class="fw-light text-secondary">Tempo de setup</small> 167 </div> 168 </div> 169 </div> 170 </div> 171 <div class="col-12 col-md-5"> 172 <img src="/img/wsite/savmobile/hero.png" alt="" class="img-fluid mt-2 mt-md-5 me-3"> 173 </div> 174 </div> 175 176 </div> 177 </div> 178 <div class="border-bottom shadow-sm py-5 bg-fundo reveal" id="scrollRecursos"> 179 <div class="container text-center p-2 p-md-5"> 180 <h1 class="fw-bold text-azul">Tudo que seus clientes precisam</h1> 181 <h5 class="fw-light text-secondary mb-5">Uma experiência completa de pedido, pagamento e gestão financeira na palma da mão</h5> 182 183 <div class="row g-3 mb-4"> 184 <div class="col-12 col-md-3"> 185 <div class="card text-start rounded-4 h-100"> 186 <div class="card-body"> 187 <div class="bg-amarelo-claro rounded-3 text-center mb-5" style="width: 60px; height: 60px;">
188 <span class="mdil mdil-36px mdil-crop-free text-amarelo p-1"></span> 189 </div> 190 <h5 class="fw-bold text-recursos">Acesso via QR Code</h5> 191 <small class="fw-light"> 192 Cliente escaneia o QR Code ou usa link personalizado e instala o app já conectado à sua empresa 193 </small> 194 </div> 195 </div> 196 </div> 197 <div class="col-12 col-md-3"> 198 <div class="card text-start rounded-4 h-100"> 199 <div class="card-body"> 200 <div class="bg-amarelo-claro rounded-3 text-center mb-5" style="width: 60px; height: 60px;"> 201 <span class="mdil mdil-36px mdil-pencil text-amarelo p-1"></span> 202 </div> 203 <h5 class="fw-bold text-recursos">Interface Personalizada</h5> 204 <small class="fw-light"> 205 App se adapta automaticamente às cores da marca da sua distribuidora 206 </small> 207 </div> 208 </div> 209 </div> 210 <div class="col-12 col-md-3"> 211 <div class="card text-start rounded-4 h-100"> 212 <div class="card-body"> 213 <div class="bg-amarelo-claro rounded-3 text-center mb-5" style="width: 60px; height: 60px;"> 214 <span class="mdil mdil-36px mdil-view-module text-amarelo p-1"></span> 215 </div> 216 <h5 class="fw-bold">Consulta de Produtos</h5> 217 <small class="fw-light text-secondary"> 218 Catálogo completo com disponibilidade, preços atualizados e histórico de compras 219 </small> 220 </div> 221 </div> 222 </div> 223 <div class="col-12 col-md-3"> 224 <div class="card text-start rounded-4 h-100"> 225 <div class="card-body"> 226 <div class="bg-amarelo-claro rounded-3 text-center mb-5" style="width: 60px; height: 60px;"> 227 <span class="mdil mdil-36px mdil-flash text-amarelo p-1"></span> 228 </div> 229 <h5 class="fw-bold">Cotações em Tempo Real</h5> 230 <small class="fw-light text-secondary"> 231 Cliente visualiza cotações abertas, aprova orçamentos e acompanha status 232 </small> 233 </div> 234 </div> 235 </div> 236 </div> 237 <div class="row g-3 mb-4"> 238 <div class="col-12 col-md-3"> 239 <div class="card text-start rounded-4 h-100"> 240 <div class="card-body"> 241 <div class="bg-amarelo-claro rounded-3 text-center mb-5" style="width: 60px; height: 60px;"> 242 <span class="mdil mdil-36px mdil-currency-usd text-amarelo p-1"></span> 243 </div> 244 <h5 class="fw-bold text-recursos">Débitos em Aberto</h5> 245 <small class="fw-light"> 246 Transparência total com visualização de faturas pendentes e histórico financeiro 247 </small> 248 </div> 249 </div> 250 </div> 251 <div class="col-12 col-md-3"> 252 <div class="card text-start rounded-4 h-100"> 253 <div class="card-body"> 254 <div class="bg-amarelo-claro rounded-3 text-center mb-5" style="width: 60px; height: 60px;">
255 <span class="mdil mdil-36px mdil-credit-card-scan text-amarelo p-1"></span> 256 </div> 257 <h5 class="fw-bold text-recursos">Pagamento Integrado</h5> 258 <small class="fw-light"> 259 Cliente paga direto pelo app com diversos métodos de pagamento 260 </small> 261 </div> 262 </div> 263 </div> 264 <div class="col-12 col-md-3"> 265 <div class="card text-start rounded-4 h-100"> 266 <div class="card-body"> 267 <div class="bg-amarelo-claro rounded-3 text-center mb-5" style="width: 60px; height: 60px;"> 268 <span class="mdil mdil-36px mdil-map-marker text-amarelo p-1"></span> 269 </div> 270 <h5 class="fw-bold text-recursos">Rastreamento de Entregas</h5> 271 <small class="fw-light"> 272 Acompanhe separação, saÃda para entrega e chegada do pedido em tempo real 273 </small> 274 </div> 275 </div> 276 </div> 277 <div class="col-12 col-md-3"> 278 <div class="card text-start rounded-4 h-100"> 279 <div class="card-body"> 280 <div class="bg-amarelo-claro rounded-3 text-center mb-5" style="width: 60px; height: 60px;"> 281 <span class="mdil mdil-36px mdil-vector-arrange-below text-amarelo p-1"></span> 282 </div> 283 <h5 class="fw-bold text-recursos">Multi-empresa em um App</h5> 284 <small class="fw-light"> 285 Um app para várias distribuidoras, mas com acesso direto e personalizado à sua 286 </small> 287 </div> 288 </div> 289 </div> 290 </div> 291 <div class="row g-3 justify-content-center"> 292 <div class="col-12 col-md-3"> 293 <div class="card text-start rounded-4 h-100"> 294 <div class="card-body"> 295 <div class="bg-amarelo-claro rounded-3 text-center mb-5" 296 style="width: 60px; height: 60px;"> 297 <span class="mdi mdi-36px mdi-bank text-amarelo p-1"></span> 298 </div> 299 300 <h5 class="fw-bold text-recursos"> 301 Consulta DDA de Boletos 302 </h5> 303 304 <small class="fw-light"> 305 Consulte boletos registrados no DDA diretamente pelo aplicativo, 306 facilitando o acompanhamento e a organização dos pagamentos. 307 </small> 308 </div> 309 </div> 310 </div> 311 <div class="col-12 col-md-3"> 312 <div class="card text-start rounded-4 h-100"> 313 <div class="card-body"> 314 <div class="bg-amarelo-claro rounded-3 text-center mb-5" 315 style="width: 60px; height: 60px;">
316 <span class="mdi mdi-36px mdi-api text-amarelo p-1"></span> 317 </div> 318 319 <h5 class="fw-bold text-recursos"> 320 Pagamentos via API 321 </h5> 322 323 <small class="fw-light"> 324 Integração com APIs de fornecedores e colaboradores para ampliar 325 as opções e facilitar os processos de pagamento pelo aplicativo. 326 </small> 327 </div> 328 </div> 329 </div> 330 </div> 331 </div> 332 </div> 333 <div class="border-bottom shadow-sm bg-fundo reveal py-5" id="scrollSolucoes"> 334 <div class="container text-center p-2 p-md-5"> 335 <h1 class="fw-bold text-azul">Por que escolher SAVMobile?</h1> 336 <h5 class="fw-light text-secondary mb-5">A maneira mais moderna de digitalizar o relacionamento com seus clientes</h5> 337 <div class="row g-3 mb-5"> 338 <div class="col-12 col-md-4 text-start"> 339 <h1 class="text-azul-claro fonte-grande2 fw-bold mb-0">1</h1> 340 <h5 class="fw-bold text-azul2">Implantação Instantânea</h5> 341 <small class="fw-light"> 342 Crie um QR Code ou link personalizado. Seus clientes escaneiam e começam a usar imediatamente, sem cadastros complicados 343 </small> 344 </div> 345 <div class="col-12 col-md-4 text-start"> 346 <h1 class="text-azul-claro fonte-grande2 fw-bold mb-0">2</h1> 347 <h5 class="fw-bold text-azul2">Facilidade</h5> 348 <small class="fw-light"> 349 O app é intuitivo e facilita a gestão e pedidos para o seu cliente 350 </small> 351 </div> 352 <div class="col-12 col-md-4 text-start"> 353 <h1 class="text-azul-claro fonte-grande2 fw-bold mb-0">3</h1> 354 <h5 class="fw-bold text-azul2">Aumento de Eficiência</h5> 355 <small class="fw-light"> 356 Clientes fazem pedidos mais rápidos e assertivos. Redução de erros, menos ligações e mais tempo para focar no crescimento 357 </small> 358 </div> 359 </div> 360 361 <div class="card rounded-4" style="border: solid 2px #7699ae;"> 362 <div class="card-body"> 363 <div class="card-body p-4 text-start"> 364 <div class="row g-3"> 365 <div class="col-12 col-md-6"> 366 <h4 class="fw-bold mt-1 mb-2">Perfeito para Distribuidoras e Indústrias</h4> 367 <h5 class="fw-light text-secondary mb-5">Desenvolvido especialmente para o setor de distribuição e atacado, oferecendo todas as funcionalidades que seus clientes B2B precisam.</h5> 368 <div class="d-flex mb-2"> 369 <span class="mt-1 mdi mdi-check px-1 rounded-circle me-2 bg-azul-claro" style="width: 24px;height: 24px;"></span> 370 <small class="mt-2 mb-0">Gestão de múltiplos pedidos simultâneos</small> 371 </div> 372 <div class="d-flex mb-2">
373 <span class="mt-1 mdi mdi-check px-1 rounded-circle me-2 bg-azul-claro" style="width: 24px;height: 24px;"></span> 374 <small class="mt-2 mb-0">Histórico completo de transações</small> 375 </div> 376 <div class="d-flex mb-2"> 377 <span class="mt-1 mdi mdi-check px-1 rounded-circle me-2 bg-azul-claro" style="width: 24px;height: 24px;"></span> 378 <small class="mt-2 mb-0">Catálogo sempre atualizado com disponibilidade</small> 379 </div> 380 <div class="d-flex mb-2"> 381 <span class="mt-1 mdi mdi-check px-1 rounded-circle me-2 bg-azul-claro" style="width: 24px;height: 24px;"></span> 382 <small class="mt-2 mb-0">Notificações de cotações e promoções</small> 383 </div> 384 <div class="d-flex mb-2"> 385 <span class="mt-1 mdi mdi-check px-1 rounded-circle me-2 bg-azul-claro" style="width: 24px;height: 24px;"></span> 386 <small class="mt-2 mb-0">Controle financeiro integrado</small> 387 </div> 388 </div> 389 <div class="col-12 col-md-6"> 390 <div class="card fundo-card1 h-100"> 391 <div class="card-body text-start"> 392 <div class="bg-fundo-icone rounded-3 text-center mb-5" style="width: 49px;height: 47px;"> 393 <h2 class="mdi mdi-factory text-white p-1"></h1> 394 </div> 395 396 <div class="position-absolute bottom-0 pb-4"> 397 <h4 class="text-white fw-bold">Distribuidoras e Indústrias</h2> 398 <h6 class="fw-light text-white">Mude a integração de seus clientes!</h6> 399 </div> 400 </div> 401 </div> 402 </div> 403 </div> 404 </div> 405 </div> 406 </div> 407 </div> 408 </div> 409 <div class="border-bottom shadow-sm py-5 bg-azul reveal" id="scrollContratar" x-data="contato(true)"> 410 <div class="container text-center px-3 py-4 p-md-5"> 411 <h1 class="fw-bold text-white"> 412 Revolucione o atendimento aos seus clientes 413 </h1> 414 415 <h5 class="fw-light text-white mb-5"> 416 Seja uma das primeiras distribuidoras a oferecer pedidos mobile 417 com a tecnologia SAVMobile 418 </h5> 419 <div class="card border-0 rounded-4 shadow p-3 p-md-4"> 420 <div class="row justify-content-center"> 421 <div class="d-none d-lg-block col-12 col-lg-4 text-center"> 422 <img 423 src="/img/wsite/savmobile/contato.png" 424 alt="SAVMobile" 425 class="img-fluid rounded-4" 426 > 427 </div> 428 <div class="col-12 col-lg-8"> 429 430 <div class="card-body p-2 p-md-3"> 431 <div class="text-start mb-4"> 432 <h4 class="fw-bold text-azul mb-1"> 433 Fale com um especialista 434 </h4> 435 436 <p class="text-secondary mb-0"> 437 Preencha seus dados e nossa equipe entrará em contato. 438 </p> 439 </div> 440 441 442 <div class="row g-3"> 443 444 <div class="col-12 col-md-7"> 445 <div class="form-floating input-light"> 446 447 <input 448 type="text" 449 class="form-control rounded-3" 450 :class="{ 451 'is-invalid': tocados.empresa && !empresaValida, 452 'is-valid': tocados.empresa && empresaValida 453 }" 454 id="empresa" 455 name="empresa" 456 placeholder="Empresa" 457 x-model="empresa" 458 @blur="tocados.empresa = true" 459 autocomplete="organization" 460 > 461 462 <label for="empresa"> 463 Empresa 464 </label> 465 466 <div 467 class="invalid-feedback text-start ps-3" 468 x-show="tocados.empresa && !empresaValida" 469 x-text="erroEmpresa"> 470 </div> 471 472 </div> 473 </div> 474 475 <div class="col-12 col-md-5"> 476 <div class="form-floating input-light"> 477 478 <input 479 type="text" 480 class="form-control rounded-3" 481 :class="{ 482 'is-invalid': tocados.cnpj && !cnpjValido, 483 'is-valid': tocados.cnpj && cnpjValido 484 }" 485 id="cnpj" 486 name="cnpj" 487 placeholder="CNPJ" 488 x-model="cnpj"
489 @input="formatarCNPJ($event)" 490 @blur="tocados.cnpj = true" 491 inputmode="numeric" 492 maxlength="18" 493 > 494 495 <label for="cnpj"> 496 CNPJ 497 </label> 498 499 <div 500 class="invalid-feedback text-start ps-3" 501 x-show="tocados.cnpj && !cnpjValido" 502 x-text="erroCNPJ"> 503 </div> 504 505 </div> 506 </div> 507 508 </div> 509 510 511 512 <div class="row g-3 mt-1"> 513 514 <div class="col-12 col-md-7"> 515 <div class="form-floating input-light"> 516 517 <input 518 type="email" 519 class="form-control rounded-3" 520 :class="{ 521 'is-invalid': tocados.email && !emailValido, 522 'is-valid': tocados.email && emailValido 523 }" 524 id="email" 525 name="email" 526 placeholder="E-mail" 527 x-model="email" 528 @blur="tocados.email = true" 529 autocomplete="email" 530 > 531 532 <label for="email"> 533 E-mail 534 </label> 535 536 <div 537 class="invalid-feedback text-start ps-3" 538 x-show="tocados.email && !emailValido" 539 x-text="erroEmail"> 540 </div> 541 542 </div> 543 </div> 544 545 <div class="col-12 col-md-5"> 546 <div class="form-floating input-light"> 547 548 <input 549 type="tel" 550 class="form-control rounded-3" 551 :class="{ 552 'is-invalid': tocados.whatsapp && !whatsappValido, 553 'is-valid': tocados.whatsapp && whatsappValido 554 }" 555 id="whatsapp" 556 name="whatsapp" 557 placeholder="WhatsApp" 558 x-model="whatsapp"
559 @input="formatarWhatsapp($event)" 560 @blur="tocados.whatsapp = true" 561 inputmode="numeric" 562 autocomplete="tel" 563 maxlength="15" 564 > 565 566 <label for="whatsapp"> 567 WhatsApp 568 </label> 569 570 <div 571 class="invalid-feedback text-start ps-3" 572 x-show="tocados.whatsapp && !whatsappValido" 573 x-text="erroWhatsapp"> 574 </div> 575 576 </div> 577 </div> 578 579 </div> 580 581 582 583 <div class="row g-3 mt-1"> 584 585 <div class="col-12"> 586 587 <div class="form-floating input-light"> 588 589 <select 590 class="form-select rounded-3" 591 :class="{ 592 'is-invalid': tocados.clientes_semana && !clientesSemanaValido, 593 'is-valid': tocados.clientes_semana && clientesSemanaValido 594 }" 595 id="clientes_semana" 596 name="clientes_semana" 597 x-model="clientes_semana" 598 @blur="tocados.clientes_semana = true" 599 > 600 601 <option value=""> 602 Selecione uma faixa 603 </option> 604 605 <option value="20 a 50"> 606 20 a 50 clientes 607 </option> 608 609 <option value="51 a 100"> 610 51 a 100 clientes 611 </option> 612 613 <option value="101 a 200"> 614 101 a 200 clientes 615 </option> 616 617 <option value="201 a 300"> 618 201 a 300 clientes 619 </option> 620 621 <option value="301 a 400"> 622 301 a 400 clientes 623 </option> 624 625 <option value="401 a 500"> 626 401 a 500 clientes 627 </option> 628 629 <option value="501 a 1000"> 630 501 a 1.000 clientes 631 </option> 632 633 <option value="Acima de 1000"> 634 Acima de 1.000 clientes 635 </option> 636 637 </select> 638 639 <label for="clientes_semana"> 640 Clientes que compram de forma recorrente por semana 641 </label> 642 643 <div 644 class="invalid-feedback text-start ps-3" 645 x-show="tocados.clientes_semana && !clientesSemanaValido" 646 x-text="erroClientesSemana"> 647 </div> 648 649 </div> 650 651 <small class="d-block text-start text-secondary px-2 mt-1"> 652 Considere aproximadamente quantos clientes realizam compras toda semana. 653 </small> 654 655 </div> 656 657 </div> 658 659 660 661 <div class="d-grid d-md-flex justify-content-md-center mt-4"> 662 663 <button 664 type="button" 665 class="btn btn-warning rounded-3 px-md-5 py-3 fw-semibold shadow-sm btn-enviar" 666 @click="enviarDadosWelcome( 667 '/welcome/savmobile/contato', 668 { 669 'empresa': empresa, 670 'email': email, 671 'whatsapp': whatsapp, 672 'cnpj': cnpj, 673 'clientes_semana': clientes_semana 674 } 675 )" 676 :disabled="!formularioValido || enviando" 677 > 678
679 <span x-show="!enviando"> 680 <i class="mdi mdi-send me-1"></i> 681 Quero conhecer o SAVMobile 682 </span> 683 684 <span x-show="enviando"> 685 <span class="spinner-border spinner-border-sm me-2"></span> 686 Enviando... 687 </span> 688 689 </button> 690 691 </div> 692 693 </div> 694 </div> 695 </div> 696 </div> 697 </div> 698 699 700 701 <div 702 x-cloak 703 x-show="alerta.mostrar" 704 x-transition:enter="modal-enter" 705 x-transition:enter-start="modal-enter-start" 706 x-transition:enter-end="modal-enter-end" 707 x-transition:leave="modal-leave" 708 x-transition:leave-start="modal-leave-start" 709 x-transition:leave-end="modal-leave-end" 710 class="contato-modal" 711 @click.self="alerta.mostrar = false" 712 > 713 714 <div 715 class="contato-modal-card" 716 :class="alerta.tipo === 'success' 717 ? 'modal-success' 718 : 'modal-error'" 719 > 720 721 <button 722 type="button" 723 class="modal-fechar" 724 @click="alerta.mostrar = false" 725 aria-label="Fechar" 726 > 727 <i class="mdi mdi-close"></i> 728 </button> 729 730 <div 731 class="modal-icone" 732 :class="alerta.tipo === 'success' 733 ? 'modal-icone-success' 734 : 'modal-icone-error'" 735 > 736 <i 737 x-show="alerta.tipo === 'success'" 738 class="mdi mdi-check"> 739 </i> 740 741 <i 742 x-show="alerta.tipo === 'error'" 743 class="mdi mdi-alert-outline"> 744 </i> 745 </div> 746 747 <h3 748 class="modal-titulo" 749 x-text="alerta.titulo"> 750 </h3> 751 752 <p 753 class="modal-mensagem" 754 x-text="alerta.mensagem"> 755 </p> 756 757 <button 758 type="button" 759 class="modal-botao" 760 :class="alerta.tipo === 'success' 761 ? 'modal-botao-success' 762 : 'modal-botao-error'" 763 @click="alerta.mostrar = false" 764 > 765 Entendi 766 </button> 767 768 </div> 769 </div> 770 771 </div> 772 <div class="bg-fundo reveal"> 773 <div class="container py-3 text-center"> 774 <img src="/img/wsite/tecnosoft.png" alt="" class="img-fluid mb-3" style="height: 5vh;"> 775 <div class="d-flex justify-content-center"> 776 <a href="https://www.instagram.com/tecnosoft_oficial/" target="_blank" class="btn-footer bg-azul-claro rounded-3 text-center mb-5 text-decoration-none mx-2" style="width: 50px; height: 48px;"> 777 <h2 class="mdi mdi-32px mdi-instagram text-azul p-1"></h1> 778 </a> 779 <a href="https://br.linkedin.com/company/tecnosoft-oficial" target="_blank" class="btn-footer bg-azul-claro rounded-3 text-center mb-5 text-decoration-none mx-2" style="width: 50px; height: 48px;"> 780 <h2 class="mdi mdi-32px mdi-linkedin text-azul p-1"></h1> 781 </a> 782 <a href="https://pt-br.facebook.com/oficialtecnosoft" target="_blank" class="btn-footer bg-azul-claro rounded-3 text-center mb-5 text-decoration-none mx-2" style="width: 50px; height: 48px;"> 783 <h2 class="mdi mdi-32px mdi-facebook text-azul p-1"></h1> 784 </a> 785 <a href="https://www.youtube.com/channel/UCf1cM8Qc7BNxw0aPdaDcjMg" target="_blank" class="btn-footer bg-azul-claro rounded-3 text-center mb-5 text-decoration-none mx-2" style="width: 50px; height: 48px;"> 786 <h2 class="mdi mdi-32px mdi-youtube text-azul p-1"></h1> 787 </a> 788 <!-- <a href="https://tecnosoft.com.br/wsite/blog" target="_blank" class="btn-footer bg-azul-claro rounded-3 text-center mb-5 text-decoration-none mx-2" style="width: 50px; height: 48px;"> 789 <h2 class="mdi mdi-32px mdi-format-bold text-azul p-1"></h1> 790 </a> --> 791 </div> 792 <small class="fw-light">Rua João Dell Agnolo, 223 - Vila do Tico - Piraju SP, 18803-246</small> <br> 793 <small class="fw-light">CNPJ: 07.442.575.0001-03 | Insc. Estadual: 536.079.290.118</small> <br> 794 <small class="fw-light">TECNOSOFT © Sistemas. Todos os direitos reservados.</small> 795 </div> 796 </div> 797 </div> 798 </div> 799 800 <!-- evento rolagem --> 801
801<script> 802 document.addEventListener("DOMContentLoaded", () => { 803 const items = document.querySelectorAll('.reveal'); 804 805 const observer = new IntersectionObserver((entries) => { 806 entries.forEach(entry => { 807 if (entry.isIntersecting) { 808 entry.target.classList.add('visible'); 809 } else { 810 entry.target.classList.remove('visible'); 811 } 812 }); 813 }, { threshold: 0.2 }); 814 815 items.forEach(item => observer.observe(item)); 816 }); 817 </script>
817 818 819 <!-- meta ads --> 820
820<script> 821 (function(){ 822 let sent = false; 823 function pct(){ 824 const sc = window.scrollY || window.pageYOffset; 825 const H = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight); 826 return (sc + window.innerHeight)/H*100; 827 } 828 window.addEventListener('scroll', function(){ 829 if(!sent && pct() >= 25){ 830 sent = true; 831 fbq('trackCustom', 'visu_savmobile', {page:'savmobile_landing'}); 832 } 833 }, {passive:true}); 834 })(); 835 </script>
835 836
836<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"d79ee1feacf94466bfc392c31e236045","r":1,"spa":2}' crossorigin="anonymous"></script>
836 837</body> 838</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.