| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>TMT Segurança e Medicina do Trabalho</title> |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <style> |
| .gradient-bg { |
| background: linear-gradient(135deg, #4a6b3a 0%, #6b8e23 100%); |
| } |
| .hover-scale { |
| transition: transform 0.3s ease; |
| } |
| .hover-scale:hover { |
| transform: scale(1.05); |
| } |
| .floating-whatsapp { |
| position: fixed; |
| bottom: 30px; |
| right: 30px; |
| z-index: 999; |
| } |
| </style> |
| </head> |
| <body class="font-sans bg-white"> |
| |
| <a href="https://wa.me/5534993367770" class="floating-whatsapp bg-green-600 text-white p-4 rounded-full shadow-lg hover:bg-green-700 transition-colors duration-300"> |
| <i data-feather="message-circle" class="w-6 h-6"></i> |
| </a> |
|
|
| |
| <section class="gradient-bg text-white py-20 px-4"> |
| <div class="container mx-auto max-w-6xl"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Auditoria Gratuita de Segurança do Trabalho</h1> |
| <p class="text-xl mb-8">Descubra se sua empresa está em conformidade com a Legislação Trabalhista e Previdenciária em até 48 horas.</p> |
| <a href="#formulario" class="bg-white text-green-800 hover:bg-gray-100 font-bold py-3 px-8 rounded-full hover-scale inline-flex items-center"> |
| <span>Quero minha auditoria</span> |
| <i data-feather="arrow-right" class="ml-2"></i> |
| </a> |
| </div> |
| <div class="md:w-1/2" data-aos="fade-left"> |
| <img src="http://static.photos/office/640x360/10" alt="Segurança no trabalho" class="rounded-lg shadow-xl"> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-gray-50"> |
| <div class="container mx-auto max-w-6xl px-4"> |
| <h2 class="text-3xl font-bold text-center text-green-800 mb-12" data-aos="fade-up">Nossos Serviços</h2> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300" data-aos="fade-up" data-aos-delay="100"> |
| <div class="bg-green-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
| <i data-feather="file-text" class="text-green-700"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">PGR</h3> |
| <p class="text-gray-600">Programa de Gerenciamento de Riscos para garantir a segurança dos colaboradores.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300" data-aos="fade-up" data-aos-delay="200"> |
| <div class="bg-green-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
| <i data-feather="heart" class="text-green-700"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">PCMSO</h3> |
| <p class="text-gray-600">Programa de Controle Médico de Saúde Ocupacional para cuidar da saúde dos funcionários.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300" data-aos="fade-up" data-aos-delay="300"> |
| <div class="bg-green-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
| <i data-feather="clipboard" class="text-green-700"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">LTCAT</h3> |
| <p class="text-gray-600">Laudo Técnico das Condições Ambientais do Trabalho para avaliação de riscos.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300" data-aos="fade-up" data-aos-delay="100"> |
| <div class="bg-green-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
| <i data-feather="alert-triangle" class="text-green-700"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">Laudo de Insalubridade</h3> |
| <p class="text-gray-600">Avaliação e emissão de laudos para atividades insalubres.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300" data-aos="fade-up" data-aos-delay="200"> |
| <div class="bg-green-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
| <i data-feather="zap" class="text-green-700"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">Laudo de Periculosidade</h3> |
| <p class="text-gray-600">Avaliação e emissão de laudos para atividades perigosas.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300" data-aos="fade-up" data-aos-delay="300"> |
| <div class="bg-green-100 p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
| <i data-feather="users" class="text-green-700"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">Integração de Segurança</h3> |
| <p class="text-gray-600">Treinamentos para novos funcionários sobre normas de segurança.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="container mx-auto max-w-6xl px-4"> |
| <h2 class="text-3xl font-bold text-center text-green-800 mb-12" data-aos="fade-up">Por que escolher a TMT?</h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="text-center" data-aos="fade-up" data-aos-delay="100"> |
| <div class="bg-green-100 p-4 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="clock" class="text-green-700 w-8 h-8"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">Diagnóstico Rápido</h3> |
| <p class="text-gray-600">Receba em até 48 horas o diagnóstico completo da sua empresa.</p> |
| </div> |
| <div class="text-center" data-aos="fade-up" data-aos-delay="200"> |
| <div class="bg-green-100 p-4 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="award" class="text-green-700 w-8 h-8"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">Especialistas Certificados</h3> |
| <p class="text-gray-600">Equipe qualificada e experiente em segurança do trabalho.</p> |
| </div> |
| <div class="text-center" data-aos="fade-up" data-aos-delay="300"> |
| <div class="bg-green-100 p-4 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="dollar-sign" class="text-green-700 w-8 h-8"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">Sem Custos</h3> |
| <p class="text-gray-600">Auditoria inicial completamente gratuita e sem compromisso.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="formulario" class="py-16 gradient-bg text-white"> |
| <div class="container mx-auto max-w-4xl px-4"> |
| <h2 class="text-3xl font-bold text-center mb-8" data-aos="fade-up">Solicite sua Auditoria Gratuita</h2> |
| <p class="text-center mb-10 text-lg" data-aos="fade-up">Preencha o formulário abaixo e receba em até 48 horas o diagnóstico completo da sua empresa.</p> |
| |
| <form class="bg-white rounded-lg shadow-xl p-6 md:p-8 text-gray-800" data-aos="fade-up"> |
| <div class="mb-6"> |
| <label for="cnpj" class="block text-gray-700 font-medium mb-2">CNPJ:</label> |
| <input type="text" id="cnpj" name="cnpj" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500" required> |
| </div> |
| |
| <div class="mb-6"> |
| <label for="cargos" class="block text-gray-700 font-medium mb-2">Cargos:</label> |
| <input type="text" id="cargos" name="cargos" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500" required> |
| </div> |
| |
| <div class="mb-6"> |
| <label for="funcionarios" class="block text-gray-700 font-medium mb-2">Número de Funcionários:</label> |
| <input type="number" id="funcionarios" name="funcionarios" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500" required> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6"> |
| <div> |
| <label class="block text-gray-700 font-medium mb-2">Possui PGR?</label> |
| <div class="flex space-x-4"> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="pgr" value="sim" class="text-green-600"> |
| <span class="ml-2">Sim</span> |
| </label> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="pgr" value="nao" class="text-green-600"> |
| <span class="ml-2">Não</span> |
| </label> |
| </div> |
| </div> |
| <div> |
| <label class="block text-gray-700 font-medium mb-2">Está válido?</label> |
| <div class="flex space-x-4"> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="pgr_valido" value="sim" class="text-green-600"> |
| <span class="ml-2">Sim</span> |
| </label> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="pgr_valido" value="nao" class="text-green-600"> |
| <span class="ml-2">Não</span> |
| </label> |
| </div> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6"> |
| <div> |
| <label class="block text-gray-700 font-medium mb-2">Possui PCMSO?</label> |
| <div class="flex space-x-4"> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="pcms" value="sim" class="text-green-600"> |
| <span class="ml-2">Sim</span> |
| </label> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="pcms" value="nao" class="text-green-600"> |
| <span class="ml-2">Não</span> |
| </label> |
| </div> |
| </div> |
| <div> |
| <label class="block text-gray-700 font-medium mb-2">Está válido?</label> |
| <div class="flex space-x-4"> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="pcms_valido" value="sim" class="text-green-600"> |
| <span class="ml-2">Sim</span> |
| </label> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="pcms_valido" value="nao" class="text-green-600"> |
| <span class="ml-2">Não</span> |
| </label> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mb-6"> |
| <label for="ltcat" class="block text-gray-700 font-medium mb-2">Possui LTCAT? Emitido quando?</label> |
| <input type="text" id="ltcat" name="ltcat" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6"> |
| <div> |
| <label class="block text-gray-700 font-medium mb-2">Possui Laudo de Insalubridade?</label> |
| <div class="flex space-x-4"> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="insalubridade" value="sim" class="text-green-600"> |
| <span class="ml-2">Sim</span> |
| </label> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="insalubridade" value="nao" class="text-green-600"> |
| <span class="ml-2">Não</span> |
| </label> |
| </div> |
| </div> |
| <div> |
| <label class="block text-gray-700 font-medium mb-2">Possui Laudo de Periculosidade?</label> |
| <div class="flex space-x-4"> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="periculosidade" value="sim" class="text-green-600"> |
| <span class="ml-2">Sim</span> |
| </label> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="periculosidade" value="nao" class="text-green-600"> |
| <span class="ml-2">Não</span> |
| </label> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mb-6"> |
| <label class="block text-gray-700 font-medium mb-2">Fez integração de Segurança aos funcionários quando entra na empresa?</label> |
| <div class="flex space-x-4"> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="integracao" value="sim" class="text-green-600"> |
| <span class="ml-2">Sim</span> |
| </label> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="integracao" value="nao" class="text-green-600"> |
| <span class="ml-2">Não</span> |
| </label> |
| </div> |
| </div> |
| |
| <div class="mb-6"> |
| <label class="block text-gray-700 font-medium mb-2">Faz o envio ao eSocial dos eventos S 2220 e S 2240?</label> |
| <div class="flex space-x-4"> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="esocial" value="sim" class="text-green-600"> |
| <span class="ml-2">Sim</span> |
| </label> |
| <label class="inline-flex items-center"> |
| <input type="radio" name="esocial" value="nao" class="text-green-600"> |
| <span class="ml-2">Não</span> |
| </label> |
| </div> |
| </div> |
| |
| <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-md transition-colors duration-300 hover-scale"> |
| Solicitar Auditoria Gratuita |
| </button> |
| </form> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="container mx-auto max-w-6xl px-4"> |
| <h2 class="text-3xl font-bold text-center text-green-800 mb-12" data-aos="fade-up">Entre em Contato</h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="text-center" data-aos="fade-up" data-aos-delay="100"> |
| <div class="bg-green-100 p-4 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="map-pin" class="text-green-700 w-8 h-8"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">Endereço</h3> |
| <p class="text-gray-600">Rua Duque de Caxias 626, Centro<br>Uberlândia - MG</p> |
| </div> |
| <div class="text-center" data-aos="fade-up" data-aos-delay="200"> |
| <div class="bg-green-100 p-4 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="phone" class="text-green-700 w-8 h-8"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">Telefone</h3> |
| <p class="text-gray-600">34 3219-2144</p> |
| <a href="https://wa.me/5534993367770" class="text-green-600 hover:text-green-800 font-medium mt-2 inline-flex items-center"> |
| <i data-feather="message-circle" class="mr-2"></i> WhatsApp |
| </a> |
| </div> |
| <div class="text-center" data-aos="fade-up" data-aos-delay="300"> |
| <div class="bg-green-100 p-4 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="mail" class="text-green-700 w-8 h-8"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2 text-green-800">Email</h3> |
| <p class="text-gray-600">contato@tmtseguranca.com.br</p> |
| <a href="mailto:contato@tmtseguranca.com.br" class="text-green-600 hover:text-green-800 font-medium mt-2 inline-flex items-center"> |
| <i data-feather="send" class="mr-2"></i> Enviar email |
| </a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 text-white py-8"> |
| <div class="container mx-auto max-w-6xl px-4"> |
| <div class="flex flex-col md:flex-row justify-between items-center"> |
| <div class="mb-4 md:mb-0"> |
| <h3 class="text-xl font-bold text-green-400">TMT Segurança e Medicina do Trabalho</h3> |
| <p class="text-gray-400">Soluções completas em segurança ocupacional</p> |
| </div> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300"> |
| <i data-feather="facebook"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300"> |
| <i data-feather="instagram"></i> |
| </a> |
| <a href="https://wa.me/5534993367770" class="text-gray-400 hover:text-white transition-colors duration-300"> |
| <i data-feather="message-circle"></i> |
| </a> |
| </div> |
| </div> |
| <div class="border-t border-gray-800 mt-6 pt-6 text-center text-gray-400"> |
| <p>© 2023 TMT Segurança e Medicina do Trabalho. Todos os direitos reservados.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| AOS.init({ |
| duration: 800, |
| easing: 'ease-in-out', |
| once: true |
| }); |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
|
|
