1<!DOCTYPE html> 2<html lang="pt-BR"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="csrf-token" content="8mmdgBl36C0sgjBuuLPYqvJJBFCeGecuI5QaEUji"> 7 8 9 <title>Gestão Completa para ClÃnicas de Saúde Ocupacional | eSocial Brasil</title> 10 <meta name="description" content="Software integrado para aumentar sua receita, reduzir custos operacionais e garantir conformidade total com eSocial e Normas Regulamentadoras."> 11 <meta name="robots" content="index, follow"> 12 <link rel="canonical" href="https://www.esocialbrasil.com.br/sistema-gestao-clinicas"> 13 14 15 <meta property="og:type" content="website"> 16 <meta property="og:title" content="Gestão Completa para ClÃnicas de Saúde Ocupacional | eSocial Brasil"> 17 <meta property="og:description" content="Software integrado para aumentar sua receita, reduzir custos operacionais e garantir conformidade total com eSocial e Normas Regulamentadoras."> 18 <meta property="og:image" content="https://www.esocialbrasil.com.br/images/logo-esocial-brasil.webp"> 19 <meta property="og:url" content="https://www.esocialbrasil.com.br/sistema-gestao-clinicas"> 20 <meta property="og:locale" content="pt_BR"> 21 22 23 <meta name="twitter:card" content="summary_large_image"> 24 <meta name="twitter:title" content="Gestão Completa para {#e7b008}ClÃnicas de Saúde Ocupacional{/#e7b008} | eSocial Brasil"> 25 <meta name="twitter:description" content="Software integrado para aumentar sua receita, reduzir custos operacionais e garantir conformidade total com eSocial e Normas Regulamentadoras."> 26 <meta name="twitter:image" content="https://www.esocialbrasil.com.br/images/logo-esocial-brasil.webp"> 27 28 29 <link rel="icon" href="https://www.esocialbrasil.com.br/favicon.ico"> 30 31 32 <link rel="preconnect" href="https://fonts.googleapis.com"> 33 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 34 35 36 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap&family=Poppins:wght@400;500;600;700;800&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 37 <noscript> 38 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap&family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet"> 39 </noscript> 40 41 42 43 <link rel="preload" as="style" href="https://www.esocialbrasil.com.br/build/assets/app-DR_jUuIr.css" /><link rel="modulepreload" href="https://www.esocialbrasil.com.br/build/assets/app-Bff_G7XC.js" /><link rel="stylesheet" href="https://www.esocialbrasil.com.br/build/assets/app-DR_jUuIr.css" data-navigate-track="reload" />
43<script type="module" src="https://www.esocialbrasil.com.br/build/assets/app-Bff_G7XC.js" data-navigate-track="reload"></script>
43 44 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 45 46 47
47<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"eSocial Brasil","url":"https://www.esocialbrasil.com.br","logo":"https://www.esocialbrasil.com.br/images/logo-esocial-brasil.webp","description":"Soluções completas para simplificar a gestão do eSocial na sua empresa. Consultoria especializada, sistema de gestão e treinamento.","address":{"@type":"PostalAddress","streetAddress":"Av. Carlos Drummond de Andrade, 209 - 3º andar","addressLocality":"Itabira","addressRegion":"MG","postalCode":"35900-025","addressCountry":"BR"},"contactPoint":{"@type":"ContactPoint","telephone":"+55 (31) 99165-9540","email":"[email protected]","contactType":"customer service"},"sameAs":["https://www.facebook.com/esocialbrasiloficial","https://www.instagram.com/esocialbrasil","https://www.linkedin.com/company/esocialbrasil/","https://www.youtube.com/@esocialbrasilSST"]}</script>
47 48 49 50 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 50-51
50 51<script async src="https://www.googletagmanager.com/gtag/js?id=
51G-H1C5BHX4EP
vendor: 12 bytes, line 51
51"></script>
52<script> 53
vendor: 133 bytes, lines 53-56
53window.dataLayer = window.dataLayer || []; 54 function gtag(){dataLayer.push(arguments);} 55 gtag('js', new Date()); 56 gtag('config', '
56G-H1C5BHX4EP
vendor: 109 bytes, lines 56-60
56', { 57 'anonymize_ip': true, 58 'send_page_view': false, 59 'cookie_flags': 'SameSite=None;Secure' 60 });
61</script>
61 62 63
64<script> 65window.EsocialAnalytics = { 66 trackEvent: function(eventName, parameters = {}) { 67 if (typeof gtag === 'function') { 68 gtag('event', eventName, parameters); 69 } 70 }, 71 72 trackFormSubmit: function(formName, formId, formData = {}) { 73 this.trackEvent('form_submit', { 74 form_name: formName, 75 form_id: formId, 76 page_title: document.title, 77 page_location: window.location.href, 78 ...formData 79 }); 80 }, 81 82 trackClick: function(elementName, elementType, elementText = '', additionalData = {}) { 83 this.trackEvent('click', { 84 element_name: elementName, 85 element_type: elementType, 86 element_text: elementText.substring(0, 50), 87 page_title: document.title, 88 page_location: window.location.href, 89 ...additionalData 90 }); 91 }, 92 93 trackDownload: function(fileName, fileUrl, fileType) { 94 this.trackEvent('file_download', { 95 file_name: fileName, 96 file_url: fileUrl, 97 file_type: fileType, 98 page_title: document.title, 99 page_location: window.location.href 100 }); 101 }, 102 103 trackScrollDepth: function(depth) { 104 this.trackEvent('scroll', { 105 scroll_depth: depth, 106 scroll_percentage: depth, 107 page_title: document.title, 108 page_location: window.location.href 109 }); 110 }, 111 112 trackTimeOnPage: function(seconds) { 113 this.trackEvent('time_on_page', { 114 time_seconds: seconds, 115 time_on_page: seconds, 116 page_title: document.title, 117 page_location: window.location.href 118 }); 119 }, 120 121 trackModalOpen: function(modalName, triggerElement = '') { 122 this.trackEvent('modal_open', { 123 modal_name: modalName, 124 trigger_element: triggerElement.substring(0, 50), 125 page_title: document.title, 126 page_location: window.location.href 127 }); 128 }, 129 130 trackPageView: function(pageUrl = null, pageTitle = null) { 131 this.trackEvent('page_view', { 132 page_location: pageUrl || window.location.href, 133 page_title: pageTitle || document.title, 134 page_path: window.location.pathname 135 }); 136 }, 137 138 trackCTA: function(ctaText, ctaPosition, ctaUrl) { 139 this.trackEvent('cta_click', { 140 cta_text: ctaText.substring(0, 50), 141 cta_position: ctaPosition, 142 cta_url: ctaUrl, 143 page_title: document.title, 144 page_location: window.location.href 145 }); 146 } 147}; 148</script>
148 149 150 151 152 </head> 153<body class="min-h-screen flex flex-col antialiased"> 154 <header class="sticky top-0 z-50 w-full bg-white border-b border-border shadow-sm" x-data="{ mobileOpen: false, solutionsOpen: false }"> 155 <div class="container mx-auto px-4"> 156 <div class="flex h-16 md:h-20 items-center justify-between"> 157 158 <a href="https://www.esocialbrasil.com.br" class="flex items-center"> 159 <img src="https://www.esocialbrasil.com.br/images/logo-esocial-brasil.webp" alt="eSocial Brasil" class="h-32 md:h-[250px]" loading="eager"> 160 </a> 161 162 163 <nav class="hidden lg:flex items-center gap-6"> 164 <a href="https://www.esocialbrasil.com.br" class="font-inter font-medium transition-colors hover:text-primary text-foreground"> 165 Inicio 166 </a> 167 168 169 <div class="relative" @mouseenter="solutionsOpen = true" @mouseleave="solutionsOpen = false"> 170 <button class="flex items-center gap-1 font-inter font-medium text-foreground hover:text-primary transition-colors py-2"> 171 Soluções 172 <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 173 </button> 174 <div x-show="solutionsOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="absolute top-full left-0 z-50 w-[520px]" x-cloak> 175 <div class="h-2"></div> 176 <div class="bg-white border border-border rounded-md shadow-elevated p-4"> 177 <div class="grid grid-cols-2 gap-4"> 178 179 <div> 180 <div class="px-2 pb-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider">Para Clinicas Medicas</div> 181 <a href="https://www.esocialbrasil.com.br/sistema-gestao-clinicas" class="block px-3 py-3 rounded-md font-inter hover:bg-muted transition-colors"> 182 <div class="font-medium text-foreground">Sistema de Gestão</div> 183 <div class="text-sm text-muted-foreground">Gestão completa para clinicas ocupacionais</div> 184 </a> 185 <a href="https://www.esocialbrasil.com.br/treinamentos-clinicas" class="block px-3 py-3 rounded-md font-inter hover:bg-muted transition-colors"> 186 <div class="font-medium text-foreground">Treinamentos para Revenda</div> 187 <div class="text-sm text-muted-foreground">Capacitações para revender aos clientes</div> 188 </a> 189 </div> 190 191 <div> 192 <div class="px-2 pb-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider">Para SESMTs</div> 193 <a href="https://www.esocialbrasil.com.br/sistema-de-gestao-esocial" class="block px-3 py-3 rounded-md font-inter hover:bg-muted transition-colors"> 194 <div class="font-medium text-foreground">Sistema de Gestão</div> 195 <div class="text-sm text-muted-foreground">Automatize processos de SST</div> 196 </a> 197 <a href="https://www.esocialbrasil.com.br/treinamento-esocial" class="block px-3 py-3 rounded-md font-inter hover:bg-muted transition-colors"> 198 <div class="font-medium text-foreground">Treinamentos</div> 199 <div class="text-sm text-muted-foreground">Capacitações em SST e eSocial</div> 200 </a> 201 </div> 202 </div> 203 </div> 204 </div> 205 </div> 206 207 <a href="https://www.esocialbrasil.com.br/eventos-de-sst-no-esocial" class="font-inter font-medium transition-colors hover:text-primary text-foreground"> 208 SST no eSocial 209 </a> 210 211 <a href="https://www.esocialbrasil.com.br/blog" class="font-inter font-medium transition-colors hover:text-primary text-foreground"> 212 Blog 213 </a> 214 215 <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&utm_campaign=header&utm_term=header&utm_content=contato" 216 class="font-inter font-medium transition-colors hover:text-primary" 217 target="_self"> 218 Contato 219</a> 220 </nav> 221 222 223 <div class="hidden lg:flex items-center gap-3"> 224 <a href="https://app.esocialbrasil.com.br/login" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-md border border-border bg-white px-4 py-2 text-sm font-inter font-medium text-foreground hover:bg-muted transition-colors"> 225 Login 226 </a> 227 <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&utm_campaign=header&utm_term=header&utm_content=contato" 228 class="inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-inter font-medium text-white hover:bg-primary/90 transition-colors" 229 target="_self"> 230 Fale com um Consultor 231</a> 232 </div> 233 234 235 <button class="lg:hidden" @click="mobileOpen = !mobileOpen">
236 <svg x-show="!mobileOpen" class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg> 237 <svg x-show="mobileOpen" x-cloak class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg> 238 </button> 239 </div> 240 241 242 <div x-show="mobileOpen" x-transition class="lg:hidden py-4 border-t border-border" x-cloak> 243 <nav class="flex flex-col gap-4"> 244 <a href="https://www.esocialbrasil.com.br" class="font-inter font-medium text-foreground hover:text-primary" @click="mobileOpen = false">Inicio</a> 245 <div class="space-y-2"> 246 <div class="font-inter font-medium text-foreground">Soluções</div> 247 <div class="pl-4 space-y-3"> 248 <div class="text-xs font-semibold text-muted-foreground uppercase">Para Clinicas Medicas</div> 249 <a href="https://www.esocialbrasil.com.br/sistema-gestao-clinicas" class="block font-inter text-sm text-muted-foreground hover:text-primary" @click="mobileOpen = false">Sistema de Gestão</a> 250 <a href="https://www.esocialbrasil.com.br/treinamentos-clinicas" class="block font-inter text-sm text-muted-foreground hover:text-primary" @click="mobileOpen = false">Treinamentos para Revenda</a> 251 <div class="text-xs font-semibold text-muted-foreground uppercase pt-2">Para SESMTs</div> 252 <a href="https://www.esocialbrasil.com.br/sistema-de-gestao-esocial" class="block font-inter text-sm text-muted-foreground hover:text-primary" @click="mobileOpen = false">Sistema de Gestão</a> 253 <a href="https://www.esocialbrasil.com.br/treinamento-esocial" class="block font-inter text-sm text-muted-foreground hover:text-primary" @click="mobileOpen = false">Treinamentos</a> 254 </div> 255 </div> 256 <a href="https://www.esocialbrasil.com.br/eventos-de-sst-no-esocial" class="font-inter font-medium text-foreground hover:text-primary" @click="mobileOpen = false">SST no eSocial</a> 257 <a href="https://www.esocialbrasil.com.br/blog" class="font-inter font-medium text-foreground hover:text-primary" @click="mobileOpen = false">Blog</a> 258 <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&utm_campaign=header&utm_term=header&utm_content=contato" 259 class="font-inter font-medium text-foreground hover:text-primary" 260 target="_self"> 261 Contato 262</a> 263 <a href="https://app.esocialbrasil.com.br/login" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-md border border-border bg-white px-4 py-2 text-sm font-inter font-medium w-full" @click="mobileOpen = false">Login</a> 264 <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&utm_campaign=header&utm_term=header&utm_content=contato" 265 class="inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-inter font-medium text-white w-full" 266 target="_self"> 267 Fale com um Consultor 268</a> 269 </nav> 270 </div> 271 </div> 272</header> 273 274 <main class="flex-1"> 275 <section class="gradient-hero text-white py-20 md:py-28"> 276 <div class="container mx-auto px-4"> 277 <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> 278 <div class="space-y-6"> 279 <span class="inline-block px-4 py-2 bg-white/20 backdrop-blur-sm rounded-full text-sm font-medium">Para ClÃnicas Médicas Ocupacionais</span> 280 <h1 class="text-3xl md:text-5xl font-poppins font-bold mb-6">Gestão Completa para <span style="color: #e7b008">ClÃnicas de Saúde Ocupacional</span></h1> 281 <p class="text-lg md:text-xl opacity-90 mb-8 font-inter">Software integrado para aumentar sua receita, reduzir custos operacionais e garantir conformidade total com eSocial e Normas Regulamentadoras.</p> 282 <div class="flex flex-col sm:flex-row gap-4"> 283 <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&utm_campaign=clinicas_medicas&utm_term=sistema_gestao&utm_content=agendar_demonstracao" class="inline-flex items-center justify-center rounded-md px-8 py-3 text-sm font-inter font-semibold transition-colors hover:opacity-90 bg-accent text-black"> 284 <svg class="h-5 w-5" 285 xmlns="http://www.w3.org/2000/svg" 286 width="24" 287 height="24" 288 viewBox="0 0 24 24" 289 fill="none" 290 stroke="currentColor" 291 stroke-width="2" 292 stroke-linecap="round" 293 stroke-linejoin="round" 294> 295 <path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" /> 296</svg> 297 Agendar Demonstração 298 </a> 299 <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&utm_campaign=clinicas_medicas&utm_term=sistema_gestao&utm_content=agendar_demonstracao_gratuita" 300 class="inline-flex items-center justify-center rounded-md px-8 py-3 text-sm font-inter font-semibold transition-colors hover:opacity-90 bg-white text-primary" 301 target="_self"> 302 Ver como funciona 303</a> 304 </div> 305 <div class="flex gap-8 pt-6 mt-10"> 306 <div class="text-center"> 307 <div class="text-3xl font-bold text-accent"> 308 +500 309 </div> 310 <div class="text-sm opacity-80"> 311 ClÃnicas Atendidas 312 </div> 313 </div> 314 <div class="text-center"> 315 <div class="text-3xl font-bold text-accent"> 316 +1M 317 </div> 318 <div class="text-sm opacity-80"> 319 ASOs Emitidos 320 </div> 321 </div> 322 <div class="text-center"> 323 <div class="text-3xl font-bold text-accent"> 324 100% 325 </div> 326 <div class="text-sm opacity-80"> 327 Conformidade eSocial 328 </div> 329 </div> 330 </div> 331 </div> 332 <div class="hidden lg:block"> 333 <div class="relative w-full aspect-video rounded-lg overflow-hidden shadow-elevated"> 334 <iframe 335 src="https://player-vz-1a2b2418-fb8.tv.pandavideo.com.br/embed/?v=513bc8fc-f810-4557-b0b4-b194821f
335cb48" 336 class="w-full h-full border-0" 337 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 338 allowfullscreen 339 loading="lazy" 340 ></iframe> 341 </div> 342 </div> 343 </div> 344 <div class="flex justify-center mt-8"> 345 <svg class="h-8 w-8 animate-bounce opacity-60" 346 xmlns="http://www.w3.org/2000/svg" 347 width="24" 348 height="24" 349 viewBox="0 0 24 24" 350 fill="none" 351 stroke="currentColor" 352 stroke-width="2" 353 stroke-linecap="round" 354 stroke-linejoin="round" 355> 356 <path d="m6 9 6 6 6-6" /> 357</svg> 358 </div> 359 </div> 360 </section> 361 362 <section class="py-20 bg-background"> 363 <div class="container mx-auto px-4"> 364 <div class="text-center mb-12"><span 365 class="inline-block px-4 py-2 bg-destructive/10 text-destructive rounded-full text-sm font-medium mb-4">DESAFIOS DAS CLÃNICAS</span> 366 <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-4">Você enfrenta esses problemas?</h2> 367 </div> 368 <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-5xl mx-auto"> 369 <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center border-destructive/20 hover:shadow-elevated transition-shadow"> 370 371 <div class="p-6 pt-6 pb-6"> 372 373 <div class="h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center mx-auto mb-4"> 374 <span class="text-2xl font-bold text-destructive">â</span> 375 </div> 376 377 <p class="text-muted-foreground"> 378 Controles em planilhas e papéis que geram retrabalho 379 </p> 380 381 </div> 382 383 </div> 384 <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center border-destructive/20 hover:shadow-elevated transition-shadow"> 385 386 <div class="p-6 pt-6 pb-6"> 387 388 <div class="h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center mx-auto mb-4"> 389 <span class="text-2xl font-bold text-destructive">â</span> 390 </div> 391 392 <p class="text-muted-foreground"> 393 Dificuldade para enviar eventos ao eSocial no prazo 394 </p> 395 396 </div> 397 398 </div> 399 <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center border-destructive/20 hover:shadow-elevated transition-shadow"> 400 401 <div class="p-6 pt-6 pb-6"> 402 403 <div class="h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center mx-auto mb-4"> 404 <span class="text-2xl font-bold text-destructive">â</span> 405 </div> 406 407 <p class="text-muted-foreground"> 408 Faturamento manual e erros em cobranças 409 </p> 410 411 </div> 412 413 </div> 414 <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center border-destructive/20 hover:shadow-elevated transition-shadow"> 415 416 <div class="p-6 pt-6 pb-6"> 417 418 <div class="h-12 w-12 rounded-full bg-destructive/10 flex items-center justify-center mx-auto mb-4"> 419 <span class="text-2xl font-bold text-destructive">â</span> 420 </div> 421 422 <p class="text-muted-foreground"> 423 Falta de rastreabilidade em exames e documentos 424 </p> 425 426 </div> 427 428 </div> 429 </div> 430 </div> 431 </section> 432 433 <section id="como-funciona" class="py-20 bg-muted"> 434 <div class="container mx-auto px-4"> 435 <div class="text-center mb-12"><span 436 class="inline-block px-4 py-2 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4">SOLUÃÃO COMPLETA</span> 437 <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-4">Tudo que sua clÃnica precisa em um único sistema</h2> 438 <p class="text-lg text-muted-foreground max-w-2xl mx-auto">Do agendamento ao faturamento, passando por exames, documentos e eSocial.</p> 439 </div> 440 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> 441 <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow"> 442 <div class="p-6">
443 <div class="h-14 w-14 rounded-xl bg-primary text-primary-foreground flex items-center justify-center mb-4"> 444 <svg class="w-7 h-7" 445 xmlns="http://www.w3.org/2000/svg" 446 width="24" 447 height="24" 448 viewBox="0 0 24 24" 449 fill="none" 450 stroke="currentColor" 451 stroke-width="2" 452 stroke-linecap="round" 453 stroke-linejoin="round" 454> 455 <path d="M11 2v2" /> 456 <path d="M5 2v2" /> 457 <path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1" /> 458 <path d="M8 15a6 6 0 0 0 12 0v-3" /> 459 <circle cx="20" cy="10" r="2" /> 460</svg> 461 </div> 462 463 <h3 class="text-xl font-poppins font-semibold text-foreground mb-2"> 464 Gestão Ocupacional Completa 465 </h3> 466 467 <p class="text-muted-foreground"> 468 ASO, PCMSO, exames admissionais, periódicos e demissionais com total rastreabilidade. 469 </p> 470 </div> 471 </div> 472 <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow"> 473 <div class="p-6"> 474 <div class="h-14 w-14 rounded-xl bg-accent text-primary-foreground flex items-center justify-center mb-4"> 475 <svg class="w-7 h-7" 476 xmlns="http://www.w3.org/2000/svg" 477 width="24" 478 height="24" 479 viewBox="0 0 24 24" 480 fill="none" 481 stroke="currentColor" 482 stroke-width="2" 483 stroke-linecap="round" 484 stroke-linejoin="round" 485> 486 <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" /> 487 <path d="M14 2v5a1 1 0 0 0 1 1h5" /> 488 <path d="M10 9H8" /> 489 <path d="M16 13H8" /> 490 <path d="M16 17H8" /> 491</svg> 492 </div> 493 494 <h3 class="text-xl font-poppins font-semibold text-foreground mb-2"> 495 eSocial Integrado 496 </h3> 497 498 <p class="text-muted-foreground"> 499 Envio automático dos eventos S-2220 e S-2240 com validação prévia e protocolo de recebimento. 500 </p> 501 </div> 502 </div> 503 <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow"> 504 <div class="p-6"> 505 <div class="h-14 w-14 rounded-xl bg-primary text-primary-foreground flex items-center justify-center mb-4"> 506 <svg class="w-7 h-7" 507 xmlns="http://www.w3.org/2000/svg" 508 width="24" 509 height="24" 510 viewBox="0 0 24 24" 511 fill="none" 512 stroke="currentColor" 513 stroke-width="2" 514 stroke-linecap="round" 515 stroke-linejoin="round" 516> 517 <path d="M12 17V7" /> 518 <path d="M16 8h-6a2 2 0 0 0 0 4h4a2 2 0 0 1 0 4H8" /> 519 <path d="M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z" /> 520</svg> 521 </div> 522 523 <h3 class="text-xl font-poppins font-semibold text-foreground mb-2"> 524 Módulo Financeiro 525 </h3> 526 527 <p class="text-muted-foreground"> 528 Faturamento automático, emissão de boletos e NF-e integrados aos serviços ocupacionais. 529 </p> 530 </div> 531 </div> 532 <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow"> 533 <div class="p-6">
534 <div class="h-14 w-14 rounded-xl bg-accent text-primary-foreground flex items-center justify-center mb-4"> 535 </div> 536 537 <h3 class="text-xl font-poppins font-semibold text-foreground mb-2"> 538 Assinatura Digital 539 </h3> 540 541 <p class="text-muted-foreground"> 542 ASOs e documentos com assinatura digital, biometria facial e GED para eliminar papel. 543 </p> 544 </div> 545 </div> 546 <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow"> 547 <div class="p-6"> 548 <div class="h-14 w-14 rounded-xl bg-primary text-primary-foreground flex items-center justify-center mb-4"> 549 <svg class="w-7 h-7" 550 xmlns="http://www.w3.org/2000/svg" 551 width="24" 552 height="24" 553 viewBox="0 0 24 24" 554 fill="none" 555 stroke="currentColor" 556 stroke-width="2" 557 stroke-linecap="round" 558 stroke-linejoin="round" 559> 560 <rect x="16" y="16" width="6" height="6" rx="1" /> 561 <rect x="2" y="16" width="6" height="6" rx="1" /> 562 <rect x="9" y="2" width="6" height="6" rx="1" /> 563 <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" /> 564 <path d="M12 12V8" /> 565</svg> 566 </div> 567 568 <h3 class="text-xl font-poppins font-semibold text-foreground mb-2"> 569 Rede de Prestadores 570 </h3> 571 572 <p class="text-muted-foreground"> 573 Conecte-se a outras clÃnicas e empresas, oferecendo seus serviços em uma rede integrada. 574 </p> 575 </div> 576 </div> 577 <div class="rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-elevated transition-shadow"> 578 <div class="p-6"> 579 <div class="h-14 w-14 rounded-xl bg-accent text-primary-foreground flex items-center justify-center mb-4"> 580 <svg class="w-7 h-7" 581 xmlns="http://www.w3.org/2000/svg" 582 width="24" 583 height="24" 584 viewBox="0 0 24 24" 585 fill="none" 586 stroke="currentColor" 587 stroke-width="2" 588 stroke-linecap="round" 589 stroke-linejoin="round" 590> 591 <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" /> 592 <path d="M20 2v4" /> 593 <path d="M22 4h-4" /> 594 <circle cx="4" cy="20" r="2" /> 595</svg> 596 </div> 597 598 <h3 class="text-xl font-poppins font-semibold text-foreground mb-2"> 599 Inteligência Artificial 600 </h3> 601 602 <p class="text-muted-foreground"> 603 Preenchimento automático de exames, análise de fichas clÃnicas e sugestão de riscos com IA. 604 </p> 605 </div> 606 </div> 607 </div> 608 </div> 609 </section> 610 611 <section class="py-20 bg-background"> 612 <div class="container mx-auto px-4"> 613 <div class="text-center mb-12"><span 614 class="inline-block px-4 py-2 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4">FLUXO DE TRABALHO</span> 615 <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-4">Do agendamento ao faturamento em 5 passos</h2> 616 </div> 617 <div class="hidden lg:block relative max-w-5xl mx-auto"> 618 <div class="absolute top-12 left-[10%] right-[10%] h-1 bg-gradient-to-r from-primary via-accent to-primary rounded-full"></div> 619 620 <div class="flex justify-between relative"> 621 <div class="flex flex-col items-center" style="width: 18%;"> 622 623 <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background">
624 <span class="text-3xl font-bold">1</span> 625 </div> 626 627 <div class="mt-4 text-center"> 628 <p class="text-sm font-semibold text-foreground mb-1"> 629 Cadastro de Empresas-Cliente 630 </p> 631 <p class="text-xs text-muted-foreground"> 632 Cadastre as empresas que atende com todos os dados necessários para eSocial 633 </p> 634 </div> 635 636 </div> 637 <div class="flex flex-col items-center" style="width: 18%;"> 638 639 <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background"> 640 <span class="text-3xl font-bold">2</span> 641 </div> 642 643 <div class="mt-4 text-center"> 644 <p class="text-sm font-semibold text-foreground mb-1"> 645 Agendamento Inteligente 646 </p> 647 <p class="text-xs text-muted-foreground"> 648 Agende exames com confirmação automática e gestão de agenda integrada 649 </p> 650 </div> 651 652 </div> 653 <div class="flex flex-col items-center" style="width: 18%;"> 654 655 <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background"> 656 <span class="text-3xl font-bold">3</span> 657 </div> 658 659 <div class="mt-4 text-center"> 660 <p class="text-sm font-semibold text-foreground mb-1"> 661 Realização de Exames 662 </p> 663 <p class="text-xs text-muted-foreground"> 664 Registre exames, preencha fichas clÃnicas com auxÃlio de IA 665 </p> 666 </div> 667 668 </div> 669 <div class="flex flex-col items-center" style="width: 18%;"> 670 671 <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background"> 672 <span class="text-3xl font-bold">4</span> 673 </div> 674 675 <div class="mt-4 text-center"> 676 <p class="text-sm font-semibold text-foreground mb-1"> 677 Emissão de ASO 678 </p> 679 <p class="text-xs text-muted-foreground"> 680 Gere ASOs com assinatura digital e envio automático ao eSocial 681 </p> 682 </div> 683 684 </div> 685 <div class="flex flex-col items-center" style="width: 18%;"> 686 687 <div class="w-24 h-24 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg z-10 border-4 border-background"> 688 <span class="text-3xl font-bold">5</span> 689 </div> 690 691 <div class="mt-4 text-center"> 692 <p class="text-sm font-semibold text-foreground mb-1"> 693 Faturamento 694 </p> 695 <p class="text-xs text-muted-foreground"> 696 Fature automaticamente com emissão de NF-e e boletos integrados 697 </p> 698 </div> 699 700 </div> 701 </div> 702 </div> 703 <div class="lg:hidden space-y-4"> 704 <div class="flex items-start gap-4"> 705 706 <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0">
707 <span class="text-lg font-bold">1</span> 708 </div> 709 710 <div class="flex-1 p-4 bg-muted rounded-lg"> 711 <p class="font-semibold text-foreground mb-1"> 712 Cadastro de Empresas-Cliente 713 </p> 714 <p class="text-sm text-muted-foreground"> 715 Cadastre as empresas que atende com todos os dados necessários para eSocial 716 </p> 717 </div> 718 719 </div> 720 <div class="flex items-start gap-4"> 721 722 <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0"> 723 <span class="text-lg font-bold">2</span> 724 </div> 725 726 <div class="flex-1 p-4 bg-muted rounded-lg"> 727 <p class="font-semibold text-foreground mb-1"> 728 Agendamento Inteligente 729 </p> 730 <p class="text-sm text-muted-foreground"> 731 Agende exames com confirmação automática e gestão de agenda integrada 732 </p> 733 </div> 734 735 </div> 736 <div class="flex items-start gap-4"> 737 738 <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0"> 739 <span class="text-lg font-bold">3</span> 740 </div> 741 742 <div class="flex-1 p-4 bg-muted rounded-lg"> 743 <p class="font-semibold text-foreground mb-1"> 744 Realização de Exames 745 </p> 746 <p class="text-sm text-muted-foreground"> 747 Registre exames, preencha fichas clÃnicas com auxÃlio de IA 748 </p> 749 </div> 750 751 </div> 752 <div class="flex items-start gap-4"> 753 754 <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0"> 755 <span class="text-lg font-bold">4</span> 756 </div> 757 758 <div class="flex-1 p-4 bg-muted rounded-lg"> 759 <p class="font-semibold text-foreground mb-1"> 760 Emissão de ASO 761 </p> 762 <p class="text-sm text-muted-foreground"> 763 Gere ASOs com assinatura digital e envio automático ao eSocial 764 </p> 765 </div> 766 767 </div> 768 <div class="flex items-start gap-4"> 769 770 <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-primary-foreground shadow-lg flex-shrink-0"> 771 <span class="text-lg font-bold">5</span> 772 </div> 773 774 <div class="flex-1 p-4 bg-muted rounded-lg"> 775 <p class="font-semibold text-foreground mb-1"> 776 Faturamento 777 </p> 778 <p class="text-sm text-muted-foreground"> 779 Fature automaticamente com emissão de NF-e e boletos integrados 780 </p> 781 </div> 782 783 </div> 784 </div> 785 </div> 786 </section> 787 788 <section class="py-20 bg-primary text-primary-foreground"> 789 <div class="container mx-auto px-4"> 790 <div class="text-center mb-12"> 791 <h2 class="text-3xl md:text-4xl font-poppins font-bold mb-4">Resultados que você vai conquistar</h2> 792 </div> 793 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-4xl mx-auto"> 794 <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm"> 795 796 <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0"> 797 <svg class="h-6 w-6 text-accent-foreground" 798 xmlns="http://www.w3.org/2000/svg" 799 width="24" 800 height="24" 801 viewBox="0 0 24 24" 802 fill="none" 803 stroke="currentColor" 804 stroke-width="2" 805 stroke-linecap="round" 806 stroke-linejoin="round" 807> 808 <path d="M16 7h6v6" /> 809 <path d="m22 7-8.5 8.5-5-5L2 17" /> 810</svg> 811 </div> 812 813 <p class="font-medium"> 814 Aumente sua receita com automação de processos 815 </p> 816 817 </div> 818 <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm"> 819 820 <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0"> 821 <svg class="h-6 w-6 text-accent-foreground" 822 xmlns="http://www.w3.org/2000/svg" 823 width="24" 824 height="24" 825 viewBox="0 0 24 24" 826 fill="none" 827 stroke="currentColor" 828 stroke-width="2" 829 stroke-linecap="round" 830 stroke-linejoin="round" 831> 832 <circle cx="12" cy="12" r="10" /> 833 <path d="M12 6v6l4 2" /> 834</svg> 835 </div> 836 837 <p class="font-medium"> 838 Reduza tempo operacional em até 70% 839 </p> 840 841 </div> 842 <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm"> 843 844 <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0"> 845 <svg class="h-6 w-6 text-accent-foreground" 846 xmlns="http://www.w3.org/2000/svg" 847 width="24" 848 height="24" 849 viewBox="0 0 24 24" 850 fill="none" 851 stroke="currentColor" 852 stroke-width="2" 853 stroke-linecap="round" 854 stroke-linejoin="round" 855> 856 <line x1="12" x2="12" y1="2" y2="22" /> 857 <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" /> 858</svg> 859 </div> 860 861 <p class="font-medium"> 862 Elimine custos com papel e retrabalho 863 </p> 864 865 </div> 866 <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm"> 867 868 <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0"> 869 <svg class="h-6 w-6 text-accent-foreground" 870 xmlns="http://www.w3.org/2000/svg" 871 width="24" 872 height="24" 873 viewBox="0 0 24 24" 874 fill="none" 875 stroke="currentColor" 876 stroke-width="2" 877 stroke-linecap="round" 878 stroke-linejoin="round" 879> 880 <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" /> 881</svg> 882 </div> 883 884 <p class="font-medium"> 885 100% conformidade com eSocial e NRs 886 </p> 887 888 </div> 889 <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm"> 890 891 <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0"> 892 <svg class="h-6 w-6 text-accent-foreground" 893 xmlns="http://www.w3.org/2000/svg" 894 width="24" 895 height="24" 896 viewBox="0 0 24 24" 897 fill="none" 898 stroke="currentColor" 899 stroke-width="2" 900 stroke-linecap="round" 901 stroke-linejoin="round" 902> 903 <path d="M3 3v16a2 2 0 0 0 2 2h16" /> 904 <path d="M18 17V9" /> 905 <path d="M13 17V5" /> 906 <path d="M8 17v-3" /> 907</svg> 908 </div> 909 910 <p class="font-medium"> 911 Dashboards e indicadores em tempo real 912 </p> 913 914 </div> 915 <div class="flex items-center gap-4 p-4 bg-white/10 rounded-lg backdrop-blur-sm"> 916 917 <div class="h-12 w-12 rounded-full bg-accent flex items-center justify-center flex-shrink-0"> 918 <svg class="h-6 w-6 text-accent-foreground" 919 xmlns="http://www.w3.org/2000/svg" 920 width="24" 921 height="24" 922 viewBox="0 0 24 24" 923 fill="none" 924 stroke="currentColor" 925 stroke-width="2" 926 stroke-linecap="round" 927 stroke-linejoin="round" 928> 929 <path d="m16 11 2 2 4-4" /> 930 <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /> 931 <circle cx="9" cy="7" r="4" /> 932</svg> 933 </div> 934 935 <p class="font-medium"> 936 Gestão completa de pacientes e empresas-cliente 937 </p> 938 939 </div> 940 </div> 941 </div> 942 </section> 943 944 <section class="py-20 bg-muted"> 945 <div class="container mx-auto px-4"> 946 <div class="text-center mb-12"><span 947 class="inline-block px-4 py-2 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4">DIFERENCIAIS</span> 948 <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-4">Por que clÃnicas escolhem o eSocial Brasil</h2> 949 </div> 950 <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto"> 951 <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center hover:shadow-elevated transition-shadow"> 952 <div class="p-6 pt-8 pb-6"> 953 <div class="h-16 w-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4"> 954 <svg class="h-8 w-8 text-primary" 955 xmlns="http://www.w3.org/2000/svg" 956 width="24" 957 height="24" 958 viewBox="0 0 24 24" 959 fill="none" 960 stroke="currentColor" 961 stroke-width="2" 962 stroke-linecap="round" 963 stroke-linejoin="round" 964> 965 <path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" /> 966</svg> 967 </div> 968 <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">Elimine Controles Paralelos</h3> 969 <p class="text-muted-foreground">Todas as informações em um único sistema: agendamentos, exames, documentos e financeiro.</p> 970 </div> 971 </div> 972 <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center hover:shadow-elevated transition-shadow"> 973 <div class="p-6 pt-8 pb-6"> 974 <div class="h-16 w-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4"> 975 <svg class="h-8 w-8 text-primary" 976 xmlns="http://www.w3.org/2000/svg" 977 width="24" 978 height="24" 979 viewBox="0 0 24 24" 980 fill="none" 981 stroke="currentColor" 982 stroke-width="2" 983 stroke-linecap="round" 984 stroke-linejoin="round" 985> 986 <path d="M16 7h6v6" /> 987 <path d="m22 7-8.5 8.5-5-5L2 17" /> 988</svg> 989 </div> 990 <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">Escale seu Atendimento</h3> 991 <p class="text-muted-foreground">Atenda mais empresas-cliente sem aumentar proporcionalmente sua equipe administrativa.</p> 992 </div> 993 </div> 994 <div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center hover:shadow-elevated transition-shadow"> 995 <div class="p-6 pt-8 pb-6"> 996 <div class="h-16 w-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4"> 997 <svg class="h-8 w-8 text-primary" 998 xmlns="http://www.w3.org/2000/svg" 999 width="24" 1000 height="24" 1001 viewBox="0 0 24 24" 1002 fill="none" 1003 stroke="currentColor" 1004 stroke-width="2" 1005 stroke-linecap="round" 1006 stroke-linejoin="round" 1007> 1008 <circle cx="12" cy="12" r="10" /> 1009 <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" /> 1010 <path d="M2 12h20" /> 1011</svg> 1012 </div> 1013 <h3 class="text-xl font-poppins font-semibold text-foreground mb-2">Fidelize Clientes</h3> 1014 <p class="text-muted-foreground">Ofereça um portal para suas empresas-cliente acompanharem seus colaboradores em tempo real.</p> 1015 </div> 1016 </div> 1017 </div> 1018 </div> 1019 </section> 1020 1021 <section class="py-20 bg-background"> 1022 <div class="container mx-auto px-4"> 1023 <div class="max-w-3xl mx-auto text-center"> 1024 <h2 class="text-3xl md:text-4xl font-poppins font-bold text-foreground mb-6">Pronto para transformar sua clÃnica?</h2> 1025 <p class="text-lg text-muted-foreground mb-8">Agende uma demonstração gratuita e descubra como o eSocial Brasil pode aumentar sua receita e reduzir seus custos operacionais.</p> 1026 <div class="flex flex-col sm:flex-row gap-4 justify-center"> 1027 <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&utm_campaign=clinicas_medicas&utm_term=sistema_gestao&utm_content=agendar_demonstracao" 1028 class="inline-flex items-center justify-center text-sm font-medium h-11 px-6 rounded-md bg-primary text-primary-foreground hover:bg-primary/90 transition-colors" 1029 target="_self"> 1030 Agendar Demonstração Gratuita 1031</a> 1032 1033 <a class="inline-flex items-center justify-center text-sm font-medium h-11 px-6 rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors" href="/treinamentos-clinicas"> 1034 Conhecer Treinamentos para Revenda 1035 </a> 1036 </div> 1037 </div> 1038 </div> 1039 </section> 1040 1041 <section class="py-16 bg-muted"> 1042 <div class="container mx-auto px-4"> 1043 <div class="flex flex-col md:flex-row items-center justify-center gap-8"> 1044 1045 <div class="flex items-center gap-4"> 1046
1047 <div class="h-14 w-14 rounded-full bg-primary flex items-center justify-center"> 1048 <svg class="h-8 w-8 text-primary-foreground" 1049 xmlns="http://www.w3.org/2000/svg" 1050 width="24" 1051 height="24" 1052 viewBox="0 0 24 24" 1053 fill="none" 1054 stroke="currentColor" 1055 stroke-width="2" 1056 stroke-linecap="round" 1057 stroke-linejoin="round" 1058> 1059 <path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3" /> 1060</svg> 1061 </div> 1062 1063 <div> 1064 <p class="font-semibold text-foreground"> 1065 Suporte Especializado 1066 </p> 1067 <p class="text-sm text-muted-foreground"> 1068 Equipe dedicada para clÃnicas 1069 </p> 1070 </div> 1071 1072 </div> 1073 1074 <div class="hidden md:block h-12 w-px bg-border"></div> 1075 <div class="flex items-center gap-4"> 1076 1077 <div class="h-14 w-14 rounded-full bg-accent flex items-center justify-center"> 1078 <svg class="h-8 w-8 text-accent-foreground" 1079 xmlns="http://www.w3.org/2000/svg" 1080 width="24" 1081 height="24" 1082 viewBox="0 0 24 24" 1083 fill="none" 1084 stroke="currentColor" 1085 stroke-width="2" 1086 stroke-linecap="round" 1087 stroke-linejoin="round" 1088> 1089 <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" /> 1090 <circle cx="12" cy="8" r="6" /> 1091</svg> 1092 </div> 1093 1094 <div> 1095 <p class="font-semibold text-foreground"> 1096 Treinamento Incluso 1097 </p> 1098 <p class="text-sm text-muted-foreground"> 1099 Capacitação completa da equipe 1100 </p> 1101 </div> 1102 1103 </div> 1104 1105 <div class="hidden md:block h-12 w-px bg-border"></div> 1106 <div class="flex items-center gap-4"> 1107 1108 <div class="h-14 w-14 rounded-full bg-primary flex items-center justify-center"> 1109 <svg class="h-8 w-8 text-primary-foreground" 1110 xmlns="http://www.w3.org/2000/svg" 1111 width="24" 1112 height="24" 1113 viewBox="0 0 24 24" 1114 fill="none" 1115 stroke="currentColor" 1116 stroke-width="2" 1117 stroke-linecap="round" 1118 stroke-linejoin="round" 1119> 1120 <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" /> 1121</svg> 1122 </div> 1123 1124 <div> 1125 <p class="font-semibold text-foreground"> 1126 Dados Seguros 1127 </p> 1128 <p class="text-sm text-muted-foreground"> 1129 Infraestrutura certificada 1130 </p> 1131 </div> 1132 1133 </div> 1134 1135 1136 </div> 1137 </div> 1138 </section> 1139 </main> 1140 1141 <footer class="text-white" style="background-color: #191919"> 1142 <div class="container mx-auto px-4 py-12"> 1143 <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8"> 1144 1145 <div class="flex flex-col"> 1146 <h3 class="text-2xl font-poppins font-bold mb-4">eSocial Brasil</h3> 1147 <p class="font-inter text-sm opacity-90"> 1148 Soluções completas para simplificar a gestão do eSocial na sua empresa. Consultoria especializada, sistema de gestão e treinamento. 1149 </p> 1150 </div> 1151 1152 1153 <div class="flex flex-col"> 1154 <h4 class="text-lg font-poppins font-semibold mb-4">Links Rápidos</h4> 1155 <nav class="flex flex-col gap-2 font-inter text-sm"> 1156 <a href="https://www.esocialbrasil.com.br" class="hover:text-primary transition-colors">Inicio</a> 1157 <a href="https://www.esocialbrasil.com.br/sobre-nos" class="hover:text-primary transition-colors">Sobre Nós</a> 1158 <a href="https://www.esocialbrasil.com.br/sistema-de-gestao-esocial" class="hover:text-primary transition-colors">Soluções</a> 1159 <a href="https://www.esocialbrasil.com.br/blog" class="hover:text-primary transition-colors">Blog</a> 1160 <a href="https://www.esocialbrasil.com.br/contato?utm_source=site&utm_campaign=footer&utm_term=links_rapidos&utm_content=contato" 1161 class="hover:text-primary transition-colors" 1162 target="_self"> 1163 Contato 1164</a> 1165 </nav> 1166 </div> 1167 1168 1169 <div class="flex flex-col"> 1170 <h4 class="text-lg font-poppins font-semibold mb-4">Redes Sociais</h4> 1171 <div class="flex gap-4"> 1172 <a href="https://www.facebook.com/esocialbrasiloficial" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors" aria-label="Facebook"> 1173 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
1173<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg> 1174 </a> 1175 <a href="https://www.instagram.com/esocialbrasil" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors" aria-label="Instagram"> 1176 <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="2" y="2" width="20" height="20" rx="5" ry="5" stroke-width="2"/><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z" stroke-width="2"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5" stroke-width="2"/></svg> 1177 </a> 1178 <a href="https://www.linkedin.com/company/esocialbrasil/" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors" aria-label="LinkedIn"> 1179 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg> 1180 </a> 1181 <a href="https://www.youtube.com/@esocialbrasilSST" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors" aria-label="YouTube"> 1182 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"><path d="M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19.1c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.25 29 29 0 00-.46-5.43z"/><polygon points="9.75,15.02 15.5,11.75 9.75,8.48" fill="#191919"/></svg> 1183 </a> 1184 </div> 1185 </div> 1186 </div> 1187 1188 1189 <div class="border-t border-white/20 pt-6 mt-6"> 1190 <div class="flex flex-col md:flex-row justify-between items-center gap-4 font-inter text-sm opacity-90"> 1191 <p>© 2022 eSocial Brasil. Todos os direitos reservados.</p> 1192 <a href="https://www.esocialbrasil.com.br/politica-de-privacidade" class="hover:text-primary transition-colors"> 1193 Politica de Privacidade 1194 </a> 1195 </div> 1196 </div> 1197 </div> 1198</footer> 1199 1200 <button onclick="openWhatsappModal()" 1201 class="fixed bottom-6 right-6 z-50 inline-flex items-center justify-center w-14 h-14 rounded-full bg-green-500 text-white shadow-lg hover:bg-green-600 transition-colors hover:scale-110 transform" 1202 aria-label="WhatsApp"> 1203 <svg class="h-7 w-7" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg> 1204</button> 1205 1206 1207 1208 <div id="whatsapp-warning-modal" class="fixed inset-0 z-[101] hidden items-center justify-center p-4 sm:p-6" aria-labelledby="warning-modal-title" role="dialog" aria-modal="true"> 1209 1210 <div class="fixed inset-0 bg-gray-900/75 backdrop-blur-sm transition-opacity"></div> 1211 1212 <div class="relative z-10 w-full max-w-md mx-auto"> 1213 1214 <div class="relative bg-white rounded-2xl shadow-2xl p-6 sm:p-8 transform transition-all"> 1215 1216 <div class="flex justify-center mb-4"> 1217 <div class="w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center"> 1218 <svg class="w-8 h-8 text-amber-600" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"> 1219 <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" /> 1220 </svg> 1221 </div> 1222 </div> 1223 1224 1225 <div class="text-center mb-6"> 1226 <h3 id="warning-modal-title" class="text-2xl font-bold text-red-600 mb-3">ATENÃÃO: EMPRESA PRIVADA</h3> 1227 <div class="text-left bg-gray-50 rounded-lg p-4 border-l-4 border-red-500"> 1228 <p class="text-gray-700 text-sm mb-3 leading-relaxed"> 1229 <strong>Para consultas sobre dados empregatÃcios ou empréstimos,</strong> acesse exclusivamente o portal oficial do governo: <a href="https://www.gov.br" target="_blank" class="text-blue-600 hover:text-blue-800 underline font-medium">gov.br</a>. 1230 </p> 1231 <p class="text-gray-700 text-sm leading-relaxed"> 1232 <strong>
1232Não temos acesso a essas informações.</strong> 1233 </p> 1234 </div> 1235 </div> 1236 1237 1238 <div class="flex items-start gap-3 p-4 bg-amber-50 rounded-lg border border-amber-200 mb-6"> 1239 <input type="checkbox" id="warning-terms" required 1240 class="mt-1 w-5 h-5 text-amber-600 border-gray-300 rounded focus:ring-amber-500 focus:ring-2 flex-shrink-0 cursor-pointer"> 1241 <label for="warning-terms" class="text-sm text-gray-700 leading-snug cursor-pointer"> 1242 <strong>Declaro estar ciente de que o eSocial Brasil é uma empresa privada, sem vÃnculo com o Gov.br.</strong> * 1243 </label> 1244 </div> 1245 1246 1247 <div class="flex gap-3"> 1248 <button type="button" onclick="closeWarningModal()" 1249 class="flex-1 px-4 py-3 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500/20 transition-all"> 1250 Voltar 1251 </button> 1252 <button type="button" id="confirm-warning-btn" disabled 1253 class="flex-1 px-4 py-3 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500/20 transition-all"> 1254 Confirmar e Cadastrar 1255 </button> 1256 </div> 1257 </div> 1258 </div> 1259</div> 1260 1261<div id="whatsapp-contact-modal" class="fixed inset-0 z-[100] hidden items-center justify-center p-4 sm:p-6" aria-labelledby="modal-title" role="dialog" aria-modal="true"> 1262 1263 <div class="fixed inset-0 bg-gray-900/75 backdrop-blur-sm transition-opacity"></div> 1264 1265 <div class="relative z-10 w-full max-w-md mx-auto"> 1266 1267 <div class="relative bg-white rounded-2xl shadow-2xl p-4 sm:p-6 lg:p-8 transform transition-all max-h-[95vh] overflow-y-auto"> 1268 1269 <button type="button" onclick="closeWhatsappModal()" class="absolute right-4 top-1 text-gray-400 hover:text-gray-600 transition-colors"> 1270 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"> 1271 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 1272 </svg> 1273 </button> 1274 1275 1276 <div class="text-center mb-4"> 1277 <h3 class="text-xl font-bold text-gray-900 mb-2">Iniciar conversa no WhatsApp</h3> 1278 <p class="text-gray-600 text-sm">Olá! Preencha os campos abaixo para iniciar a conversa no WhatsApp</p> 1279 </div> 1280 1281 1282 <form id="whatsapp-contact-form" class="space-y-3"> 1283 <input type="hidden" name="_token" value="8mmdgBl36C0sgjBuuLPYqvJJBFCeGecuI5QaEUji" autocomplete="off"> 1284 1285 <div> 1286 <label for="contact-name" class="block text-sm font-medium text-gray-700 mb-1">Nome completo *</label> 1287 <input type="text" id="contact-name" name="name" required 1288 class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm" 1289 placeholder="Seu nome completo"> 1290 </div> 1291 1292 1293 <div> 1294 <label for="contact-email" class="block text-sm font-medium text-gray-700 mb-1">E-mail *</label> 1295 <input type="email" id="contact-email" name="email" required 1296 class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm" 1297 placeholder="[email protected]"> 1298 </div> 1299 1300 <div> 1301 <label for="contact-phone" class="block text-sm font-medium text-gray-700 mb-1">Telefone *</label> 1302 <div class="flex rounded-lg border border-gray-300 overflow-hidden focu
1302s-within:border-green-500 focus-within:ring-2 focus-within:ring-green-500/20 transition-all"> 1303 <span 1304 class="flex items-center px-3 py-2 bg-gray-50 border-r border-gray-300 text-sm font-medium text-gray-500 select-none flex-shrink-0"> 1305 ð§ð· +55 1306 </span> 1307 <input type="tel" id="contact-phone" name="phone" required 1308 class="flex-1 px-3 py-2 text-gray-900 placeholder-gray-400 outline-none text-sm bg-white" 1309 placeholder="(00) 0 0000-0000" autocomplete="tel-national"> 1310 </div> 1311 </div> 1312 1313 1314 <div> 1315 <label for="contact-company" class="block text-sm font-medium text-gray-700 mb-1">Empresa *</label> 1316 <input type="text" id="contact-company" name="company" required 1317 class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm" 1318 placeholder="Nome da sua empresa"> 1319 </div> 1320 1321 1322 <div class="contact-perfil-wrapper"> 1323 <label for="contact-perfil" class="block text-sm font-medium text-gray-700 mb-1">Qual é o perfil da empresa? *</label> 1324 <input type="hidden" name="perfil" id="contact-perfil-hidden"> 1325 <select id="contact-perfil" required class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm"> 1326 <option value="">Selecione...</option> 1327 <option value="sst_consulting" data-label="Consultoria de SST / Engenharia de Segurança do Trabalho" data-points="20">Consultoria de SST / Engenharia de Segurança do Trabalho</option> 1328 <option value="occupational_clinic" data-label="ClÃnica de medicina ocupacional" data-points="18">ClÃnica de medicina ocupacional</option> 1329 <option value="internal_sesmt" data-label="Empresa com SESMT interno ou equipe própria de SST" data-points="15">Empresa com SESMT interno ou equipe própria de SST</option> 1330 <option value="unstructured_sst" data-label="Empresa sem área estruturada de SST, mas com necessidade ativa" data-points="10">Empresa sem área estruturada de SST, mas com necessidade ativa</option> 1331 <option value="accounting" data-label="Contabilidade / Escritório" data-points="5">Contabilidade / Escritório</option> 1332 <option value="other_no_sst" data-label="Outro perfil sem relação direta com SST" data-points="0">Outro perfil sem relação direta com SST</option> 1333 </select> 1334 </div> 1335 1336 1337 <div class="contact-vidas-wrapper hidden opacity-0 transition-all duration-300"> 1338 <label for="contact-vidas-gerenciadas" class="block text-sm font-medium text-gray-700 mb-1">Quantas vidas a empresa gerencia hoje? *</label> 1339 <input type="hidden" name="vidas_gerenciadas" id="contact-vidas-hidden"> 1340 <select id="contact-vidas-gerenciadas" required class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm"> 1341 <option value="">Selecione...</option> 1342 <option value="over_1000" data-label="Mais de 1.000 vidas ou funcionários" data-points="20">Mais de 1.000 vidas ou funcionários</option> 1343 <option value="501_to_1000" data-label="501 a 1.000 vidas ou funcionários" data-points="18">501 a 1.000 vidas ou funcionários</option> 1344 <option value="201_to_500" data-label="201 a 500 vidas ou funcionários" data-points="15">201 a 500 vidas ou funcionários</option> 1345 <option value="51_to_200" data-label="51 a 200 vidas ou funcionários" data-points="10">51 a 200 vidas ou funcionários</option> 1346 <option value="1_to_50" data-label="1 a 50 vidas ou funcionários" data-points="5">1 a 50 vidas ou funcionários</option> 1347 <option value="dont_know" data-label="Ainda não gerencio vidas" data-points="0">Ainda não gerencio vidas</option> 1348 </select> 1349 </div> 1350 1351 1352 <div class="contact-dificuldade-wrapper hidden opacity-0 transition-all duration-300"> 1353 <label for="contact-dificuldade" class="block text-sm font-medium text-gray-700 mb-1">Qual é a principal dificuldade atual? *</label> 1354 <input type="hidden" name="dificuldade" id="contact-dificuldade-hidden"> 1355 <select id="contact-dificuldade" required class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm"> 1356 <option value="">Selecione...</option> 1357 <option value="organize_esocial" data-label="Organizar eSocial SST, eventos, documentos e prazos em uma plataforma" data-points="15">Organizar eSocial SST, eventos, documentos e prazos em uma plataforma</option> 1358 <option value="generate_documents" data-label="Gerar PGR, PCMSO, LTCAT, ASO ou documentos legais com mais controle" data-points="13">Gerar PGR, PCMSO, LTCAT, ASO ou documentos legais com mais controle</option> 1359 <option value="control_training" data-label="Controlar treinamentos, certificados, EPI ou exames ocupacionais" data-points="12">Controlar treinamentos, certificados, EPI ou exames ocupacionais</option> 1360 <option value="replace_spreadsheets" data-label="Substituir planilhas/processos manuais" data-points="10">Substituir planilhas/processos manuais</option> 1361 <option value="just_researching" data-label="Apenas pesquisando conteúdo sem dor definida" data-points="3">Apenas pesquisando conteúdo sem dor definida</option> 1362 <option value="no_difficulty" data-label="Nenhuma dificuldade informada" data-points="0">Nenhuma dificuldade informada</option> 1363 </select> 1364 </div> 1365 1366 1367 <div id="whatsapp-difficulty-details-wrapper" class="hidden opacity-0 transition-all duration-300"> 1368 <div> 1369 <label for="contact-dificuldade-outros" class="block text-sm font-medium text-gray-700 mb-1">Descreva sua situação *</label> 1370 <textarea id="contact-dificuldade-outros" name="dificuldade_outros" rows="2" maxlength="5000" 1371 class="w-full rounded-lg border-gray-300 border px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-green-500 focus:ring-2 focus:ring-green-500/20 transition-all outline-none text-sm" 1372 placeholder="Conte-nos mais sobre o que você busca..."></textarea> 1373 </div> 1374 </div> 1375 1376 1377 <div class="flex gap-3 pt-2"> 1378 <button type="button" onclick="closeWhatsappModal()" 1379 class="flex-1 px-4 py-3 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500/20 transition-all"> 1380 Cancelar 1381 </button> 1382 <button type="button" onclick="validateAndOpenWarning()" 1383 class="flex-1 px-4 py-3 text-sm font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500/20 transition-all"> 1384 Continuar 1385 </button> 1386 </div> 1387 <p class="flex items-center gap-2 text-xs text-muted-foreground font-inter mt-4"> 1388 <svg class="h-4 w-4" 1389 xmlns="http://www.w3.org/2000/svg" 1390 width="24" 1391 height="24" 1392 viewBox="0 0 24 24" 1393 fill="none" 1394 stroke="currentColor" 1395 stroke-width="2" 1396 stroke-linecap="round" 1397 stroke-linejoin="round" 1398> 1399 <rect width="18" height="11" x="3" y="11" rx="2" ry="2" /> 1400 <path d="M7 11V7a5 5 0 0 1 10 0v4" /> 1401</svg> 1402 Seus dados estão seguros. Não enviamos spam. 1403 </p> 1404 </form> 1405 </div> 1406 </div> 1407</div> 1408
1409<script> 1410 document.addEventListener('DOMContentLoaded', function() { 1411 const phoneInput = document.getElementById('contact-phone'); 1412 1413 const MASK = '(XX) X XXXX-XXXX'; 1414 const EXAMPLE = '(31) 9 9165-9540'; 1415 1416 function applyMask(value) { 1417 let digits = value.replace(/\D/g, ''); 1418 let result = ''; 1419 let index = 0; 1420 1421 for (let i = 0; i < MASK.length && index < digits.length; i++) { 1422 result += MASK[i] === 'X' ? 1423 digits[index++] : 1424 MASK[i]; 1425 } 1426 1427 return result; 1428 } 1429 1430 if (phoneInput) { 1431 phoneInput.placeholder = EXAMPLE; 1432 1433 phoneInput.addEventListener('input', function(e) { 1434 e.target.value = applyMask(e.target.value); 1435 }); 1436 } 1437 1438 // ============================================ 1439 // LEAD SCORING 1440 // ============================================ 1441 function calculateScore() { 1442 const perfilSelect = document.getElementById('contact-perfil'); 1443 const vidasSelect = document.getElementById('contact-vidas-gerenciadas'); 1444 const dificuldadeSelect = document.getElementById('contact-dificuldade'); 1445 1446 const profilePoints = perfilSelect && perfilSelect.value ? parseInt(perfilSelect.options[perfilSelect.selectedIndex].dataset.points || 0) : 0; 1447 const volumePoints = vidasSelect && vidasSelect.value ? parseInt(vidasSelect.options[vidasSelect.selectedIndex].dataset.points || 0) : 0; 1448 const difficultyPoints = dificuldadeSelect && dificuldadeSelect.value ? parseInt(dificuldadeSelect.options[dificuldadeSelect.selectedIndex].dataset.points || 0) : 0; 1449 1450 return profilePoints + volumePoints + difficultyPoints; 1451 } 1452 1453 function calculateLeadTier(score) { 1454 if (score >= 37) return 'Quente - Alta aderência'; 1455 if (score >= 19) return 'Morno - Aderência média'; 1456 return 'Frio - Baixa aderência'; 1457 } 1458 1459 // Atualizar campos hidden com os labels em português 1460 function updateHiddenFields() { 1461 const perfilSelect = document.getElementById('contact-perfil'); 1462 const vidasSelect = document.getElementById('contact-vidas-gerenciadas'); 1463 const dificuldadeSelect = document.getElementById('contact-dificuldade'); 1464 1465 const perfilHidden = document.getElementById('contact-perfil-hidden'); 1466 const vidasHidden = document.getElementById('contact-vidas-hidden'); 1467 const dificuldadeHidden = document.getElementById('contact-dificuldade-hidden'); 1468 1469 if (perfilSelect && perfilHidden) { 1470 const option = perfilSelect.options[perfilSelect.selectedIndex]; 1471 perfilHidden.value = option?.dataset.label || ''; 1472 } 1473 1474 if (vidasSelect && vidasHidden) { 1475 const option = vidasSelect.options[vidasSelect.selectedIndex]; 1476 vidasHidden.value = option?.dataset.label || ''; 1477 } 1478 1479 if (dificuldadeSelect && dificuldadeHidden) { 1480 const option = dificuldadeSelect.options[dificuldadeSelect.selectedIndex]; 1481 dificuldadeHidden.value = option?.dataset.label || ''; 1482 } 1483 } 1484 1485 // ============================================ 1486 // ANIMAÃÃO PROGRESSIVA DAS PERGUNTAS 1487 // ============================================ 1488 const perfilWrapper = document.querySelector('.contact-perfil-wrapper'); 1489 const vidasWrapper = document.querySelector('.contact-vidas-wrapper'); 1490 const dificuldadeWrapper = document.querySelector('.contact-dificuldade-wrapper'); 1491 1492 // Mostrar "Quantas vidas" quando perfil é selecionado 1493 document.getElementById('contact-perfil')?.addEventListener('change', function() { 1494 updateHiddenFields(); 1495 if (this.value) { 1496 vidasWrapper.classList.remove('hidden'); 1497 setTimeout(() => { 1498 vidasWrapper.classList.remove('opacity-0'); 1499 vidasWrapper.classList.add('opacity-100'); 1500 }, 10); 1501 } 1502 }); 1503 1504 // Mostrar "Dificuldade" quando vidas é selecionado 1505 document.getElementById('contact-vidas-gerenciadas')?.addEventListener('change', function() { 1506 updateHiddenFields(); 1507 if (this.value) { 1508 dificuldadeWrapper.classList.remove('hidden'); 1509 setTimeout(() => { 1510 dificuldadeWrapper.classList.remove('opacity-0'); 1511 dificuldadeWrapper.classList.add('opacity-100'); 1512 }, 10); 1513 } 1514 }); 1515 1516 document.getElementById('contact-dificuldade')?.addEventListener('change', updateHiddenFields); 1517 1518 // Listener para campo condicional de detalhes da dificuldade 1519 const difficultySelect = document.getElementById('contact-dificuldade'); 1520 const difficultyDetailsWrapper = document.getElementById('whatsapp-difficulty-details-wrapper'); 1521 const difficultyDetailsInput = document.getElementById('contact-dificuldade-outros'); 1522 1523 if (difficultySelect) { 1524 difficultySelect.addEventListener('change', function() { 1525 if (this.value === 'no_difficulty') { 1526 difficultyDetailsWrapper.classList.remove('hidden'); 1527 setTimeout(() => { 1528 difficultyDetailsWrapper.classList.remove('opacity-0'); 1529 difficultyDetailsWrapper.classList.add('opacity-100'); 1530 }, 10); 1531 difficultyDetailsInput.setAttribute('required', 'true'); 1532 } else { 1533 difficultyDetailsWrapper.classList.remove('opacity-100'); 1534 difficultyDetailsWrapper.classList.add('opacity-0'); 1535 setTimeout(() => { 1536 difficultyDetailsWrapper.classList.add('hidden'); 1537 }, 300); 1538 difficultyDetailsInput.removeAttribute('required'); 1539 difficultyDetailsInput.value = ''; 1540 } 1541 }); 1542 } 1543 }); 1544 1545 function openWhatsappModal() { 1546 const modal = document.getElementById('whatsapp-contact-modal'); 1547 modal.classList.remove('hidden'); 1548 modal.classList.add('flex'); 1549 document.body.style.overflow = 'hidden'; 1550 } 1551 1552 function closeWhatsappModal() { 1553 const modal = document.getElementById('whatsapp-contact-modal'); 1554 modal.classList.add('hidden'); 1555 modal.classList.remove('flex'); 1556 document.body.style.overflow = ''; 1557 } 1558 1559 function openWarningModal() { 1560 closeWhatsappModal(); 1561 const warningModal = document.getElementById('whatsapp-warning-modal'); 1562 warningModal.classList.remove('hidden'); 1563 warningModal.classList.add('flex'); 1564 document.body.style.overflow = 'hidden'; 1565 } 1566 1567 function validateAndOpenWarning() { 1568 const name = document.getElementById('contact-name').value.trim(); 1569 const email = document.getElementById('contact-email').value.trim(); 1570 const phone = document.getElementById('contact-phone').value.trim(); 1571 const company = document.getElementById('contact-company').value.trim(); 1572 const perfil = document.getElementById('contact-perfil').value; 1573 const vidas = document.getElementById('contact-vidas-gerenciadas').value; 1574 const dificuldade = document.getElementById('contact-dificuldade').value; 1575 const dificuldadeOutros = document.getElementById('contact-dificuldade-outros').value; 1576 1577 if (!name || !email || !phone || !company || !perfil || !vidas || !dificuldade) { 1578 alert('Preencha todos os campos obrigatórios.'); 1579 return; 1580 } 1581 1582 if (dificuldade === 'no_difficulty' && !dificuldadeOutros.trim()) { 1583 alert('Por favor, descreva sua situação.'); 1584 return; 1585 } 1586 1587 // Validar email 1588 const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 1589 if (!emailRegex.test(email)) { 1590 alert('Por favor, insira um e-mail válido.'); 1591 return; 1592 } 1593 1594 // Validar telefone (deve ter pelo menos 10 dÃgitos) 1595 const phoneClean = phone.replace(/\D/g, ''); 1596 if (phoneClean.length < 10) { 1597 alert('Por favor, insira um telefone válido.'); 1598 return; 1599 } 1600 1601 openWarningModal(); 1602 } 1603 1604 function closeWarningModal() { 1605 const warningModal = document.getElementById('whatsapp-warning-modal'); 1606 warningModal.classList.add('hidden'); 1607 warningModal.classList.remove('flex'); 1608 document.body.style.overflow = ''; 1609 1610 // Limpar checkbox 1611 document.getElementById('warning-terms').checked = false;
1612 document.getElementById('confirm-warning-btn').disabled = true; 1613 } 1614 1615 // Event listener para o botão "Confirmar e Cadastrar" do modal de aviso 1616 const confirmBtn = document.getElementById('confirm-warning-btn'); 1617 const termsCheckbox = document.getElementById('warning-terms'); 1618 1619 if (confirmBtn && termsCheckbox) { 1620 confirmBtn.disabled = true; 1621 1622 termsCheckbox.addEventListener('change', function() { 1623 confirmBtn.disabled = !this.checked; 1624 }); 1625 1626 confirmBtn.addEventListener('click', async function() { 1627 if (!termsCheckbox.checked) { 1628 alert('Confirme os termos.'); 1629 return; 1630 } 1631 1632 const form = document.getElementById('whatsapp-contact-form'); 1633 const formData = new FormData(form); 1634 1635 const phoneInput = document.getElementById('contact-phone'); 1636 const phoneNumber = phoneInput.value; 1637 1638 // Atualizar campos hidden antes de enviar 1639 const perfilSelect = document.getElementById('contact-perfil'); 1640 const vidasSelect = document.getElementById('contact-vidas-gerenciadas'); 1641 const dificuldadeSelect = document.getElementById('contact-dificuldade'); 1642 1643 const perfilHidden = document.getElementById('contact-perfil-hidden'); 1644 const vidasHidden = document.getElementById('contact-vidas-hidden'); 1645 const dificuldadeHidden = document.getElementById('contact-dificuldade-hidden'); 1646 1647 if (perfilSelect && perfilHidden) { 1648 const option = perfilSelect.options[perfilSelect.selectedIndex]; 1649 formData.set('perfil', option?.dataset.label || ''); 1650 } 1651 1652 if (vidasSelect && vidasHidden) { 1653 const option = vidasSelect.options[vidasSelect.selectedIndex]; 1654 formData.set('vidas_gerenciadas', option?.dataset.label || ''); 1655 } 1656 1657 if (dificuldadeSelect && dificuldadeHidden) { 1658 const option = dificuldadeSelect.options[dificuldadeSelect.selectedIndex]; 1659 formData.set('dificuldade', option?.dataset.label || ''); 1660 } 1661 1662 // Calcular lead_score e lead_tier 1663 const profilePoints = perfilSelect && perfilSelect.value ? parseInt(perfilSelect.options[perfilSelect.selectedIndex].dataset.points || 0) : 0; 1664 const volumePoints = vidasSelect && vidasSelect.value ? parseInt(vidasSelect.options[vidasSelect.selectedIndex].dataset.points || 0) : 0; 1665 const difficultyPoints = dificuldadeSelect && dificuldadeSelect.value ? parseInt(dificuldadeSelect.options[dificuldadeSelect.selectedIndex].dataset.points || 0) : 0; 1666 const scoreTotal = profilePoints + volumePoints + difficultyPoints; 1667 let leadTier = 'Frio - Baixa aderência'; 1668 if (scoreTotal >= 37) leadTier = 'Quente - Alta aderência'; 1669 else if (scoreTotal >= 19) leadTier = 'Morno - Aderência média'; 1670 1671 formData.set('lead_score', scoreTotal); 1672 formData.set('lead_tier', leadTier); 1673 formData.set('dificuldade_outros', document.getElementById('contact-dificuldade-outros').value || ''); 1674 formData.set('terms', '1'); 1675 formData.set('phone', phoneNumber); 1676 formData.set('phone_formatted', phoneNumber); 1677 1678 confirmBtn.disabled = true; 1679 confirmBtn.textContent = 'Enviando...'; 1680 1681 1682 const whatsappUrl = 1683 'https://wa.me/5531991689540?text=Quero+saber+mais+sobre+o+software%21'; 1684 1685 try { 1686 await fetch('https://www.esocialbrasil.com.br/whatsapp-contact', { 1687 method: 'POST', 1688 body: formData, 1689 headers: { 1690 'X-Requested-With': 'XMLHttpRequest' 1691 } 1692 }); 1693 } catch (error) { 1694 console.error('Erro webhook:', error); 1695 } finally { 1696 window.open(whatsappUrl, '_blank'); 1697 closeWarningModal(); 1698 form.reset(); 1699 confirmBtn.disabled = false;
1700 confirmBtn.textContent = 'Confirmar e Cadastrar'; 1701 } 1702 }); 1703 } 1704 1705 // fechar modal clicando fora 1706 document.getElementById('whatsapp-contact-modal').addEventListener('click', function(e) { 1707 if (e.target === this) closeWhatsappModal(); 1708 }); 1709 1710 document.getElementById('whatsapp-warning-modal').addEventListener('click', function(e) { 1711 if (e.target === this) closeWarningModal(); 1712 }); 1713 1714 // ESC fecha 1715 document.addEventListener('keydown', function(e) { 1716 if (e.key === 'Escape') { 1717 closeWhatsappModal(); 1718 closeWarningModal(); 1719 } 1720 }); 1721</script>
1721 1722 1723 <div 1724 x-data="{ 1725 toasts: [], 1726 }" 1727 class="fixed bottom-4 right-4 z-50 flex flex-col items-end gap-2 pointer-events-none" 1728 x-show="toasts.length > 0" 1729 x-cloak 1730> 1731 <template x-for="toast in toasts" :key="toast.id"> 1732 <div class="pointer-events-auto" x-html="toast.html"></div> 1733 </template> 1734</div> 1735 1736
1736<script src="https://www.esocialbrasil.com.br/vendor/livewire/livewire.min.js?id=57eb113f" data-csrf="8mmdgBl36C0sgjBuuLPYqvJJBFCeGecuI5QaEUji" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1736 1737 1738 1739
1739<script> 1740document.addEventListener('DOMContentLoaded', function() { 1741 if (!window.EsocialAnalytics) { 1742 console.warn('EsocialAnalytics não está disponÃvel'); 1743 return; 1744 } 1745 1746 // ========== SCROLL DEPTH TRACKING ========== 1747 let scrollTracked = { 25: false, 50: false, 75: false, 90: false }; 1748 1749 window.addEventListener('scroll', function() { 1750 const scrollPercent = Math.round( 1751 (window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100 1752 ); 1753 1754 Object.keys(scrollTracked).forEach(depth => { 1755 if (!scrollTracked[depth] && scrollPercent >= depth) { 1756 EsocialAnalytics.trackScrollDepth(parseInt(depth)); 1757 scrollTracked[depth] = true; 1758 } 1759 }); 1760 }); 1761 1762 // ========== TIME ON PAGE TRACKING ========== 1763 setTimeout(function() { 1764 EsocialAnalytics.trackTimeOnPage(30); 1765 }, 30000); 1766 1767 setTimeout(function() { 1768 EsocialAnalytics.trackTimeOnPage(60); 1769 }, 60000); 1770 1771 setTimeout(function() { 1772 EsocialAnalytics.trackTimeOnPage(120); 1773 }, 120000); 1774 1775 // ========== FORM SUBMISSION TRACKING ========== 1776 const trackFormSubmit = function(form) { 1777 const formName = form.getAttribute('data-analytics-form') || 1778 form.getAttribute('name') || 1779 form.id || 1780 'unknown_form'; 1781 const formId = form.id || form.name || 'unknown'; 1782 1783 EsocialAnalytics.trackFormSubmit(formName, formId); 1784 }; 1785 1786 // Track form submissions globally 1787 document.addEventListener('submit', function(event) { 1788 if (event.target.tagName === 'FORM') { 1789 trackFormSubmit(event.target); 1790 } 1791 }); 1792 1793 // ========== DOWNLOAD LINK TRACKING ========== 1794 document.querySelectorAll('a[href$=".pdf"], a[href$=".doc"], a[href$=".docx"], a[href$=".xls"], a[href$=".xlsx"], a[href$=".ppt"], a[href$=".pptx"], a[href$=".zip"], a[href$=".rar"]').forEach(function(link) { 1795 link.addEventListener('click', function(e) { 1796 const url = this.href; 1797 const extension = url.split('.').pop().split('?')[0]; 1798 const fileName = url.split('/').pop().split('?')[0]; 1799 1800 EsocialAnalytics.trackDownload(fileName, url, extension); 1801 }); 1802 }); 1803 1804 // ========== WHATSAPP BUTTON TRACKING ========== 1805 const whatsappButtons = document.querySelectorAll('[onclick*="openWhatsappModal"], [onclick*="whatsapp"], .whatsapp-btn, [aria-label*="whatsapp"], [aria-label*="WhatsApp"]'); 1806 1807 whatsappButtons.forEach(function(button) { 1808 button.addEventListener('click', function(e) { 1809 const buttonText = this.textContent.trim() || this.getAttribute('aria-label') || 'WhatsApp'; 1810 const buttonPosition = this.closest('header') ? 'header' : 1811 this.closest('footer') ? 'footer' : 1812 this.closest('.hero') ? 'hero' : 'content'; 1813 1814 EsocialAnalytics.trackClick('whatsapp_button', 'button', buttonText, { 1815 button_position: buttonPosition 1816 }); 1817 }); 1818 }); 1819 1820 // ========== CONTACT LINK TRACKING ========== 1821 const contactLinks = document.querySelectorAll('a[href*="contacto"], a[href*="contato"], .contact-link'); 1822 1823 contactLinks.forEach(function(link) { 1824 link.addEventListener('click', function(e) { 1825 EsocialAnalytics.trackClick('contact_link', 'link', this.textContent.trim()); 1826 }); 1827 }); 1828 1829 // ========== CTA BUTTON TRACKING ========== 1830 const ctaButtons = document.querySelectorAll('.btn-primary, .cta-button, [class*="cta"]'); 1831 1832 ctaButtons.forEach(function(button) { 1833 button.addEventListener('click', function(e) { 1834 const ctaText = this.textContent.trim() || this.getAttribute('aria-label') || 'CTA'; 1835 const ctaUrl = this.href || '#'; 1836 const ctaPosition = this.closest('header') ? 'header' : 1837 this.closest('footer') ? 'footer' : 1838 this.closest('.hero') ? 'hero' : 1839 this.closest('section') ? 'section' : 'unknown'; 1840 1841 EsocialAnalytics.trackCTA(ctaText, ctaPosition, ctaUrl); 1842 }); 1843 }); 1844 1845 // ========== MODAL OPEN TRACKING ========== 1846 const originalOpenWhatsappModal = window.openWhatsappModal;
1847 1848 if (typeof openWhatsappModal === 'function') { 1849 window.openWhatsappModal = function() { 1850 EsocialAnalytics.trackModalOpen('whatsapp_contact', 'floating_button'); 1851 1852 if (originalOpenWhatsappModal) { 1853 return originalOpenWhatsappModal.apply(this, arguments); 1854 } 1855 }; 1856 } 1857 1858 // Track any modal that opens 1859 const observeModals = function() { 1860 const modals = document.querySelectorAll('[role="dialog"], .modal'); 1861 1862 modals.forEach(function(modal) { 1863 const observer = new MutationObserver(function(mutations) { 1864 mutations.forEach(function(mutation) { 1865 if (mutation.attributeName === 'style' || mutation.attributeName === 'class') { 1866 const isVisible = modal.classList.contains('show') || 1867 modal.classList.contains('active') || 1868 modal.style.display !== 'none'; 1869 1870 if (isVisible && !modal.dataset.analyticsTracked) { 1871 const modalName = modal.id || modal.getAttribute('aria-label') || 'unknown_modal'; 1872 EsocialAnalytics.trackModalOpen(modalName); 1873 modal.dataset.analyticsTracked = 'true'; 1874 } 1875 } 1876 }); 1877 }); 1878 1879 observer.observe(modal, { attributes: true }); 1880 }); 1881 }; 1882 1883 // Wait for modals to be available 1884 setTimeout(observeModals, 1000); 1885 1886 console.log('ð Analytics auto-tracking inicializado'); 1887}); 1888</script>
1888 1889 1890 </body> 1891</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.