PageSourceSearch

https://tecnosoft.com.br/savmobileb2b

html tecnosoft.com.br collected 2026-10-10 02:08:34 UTC 51,635 bytes, 838 lines download raw bytes

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.