**Contexto:** Sou um empreendedor que desenvolveu um **sistema de ERP completo** (controle de vendas, emissão de notas fiscais, gestão financeira) e quero vendê-lo como produto digital na plataforma **Braip**. **Objetivo:** Crie uma **página de vendas (sales page) moderna, persuasiva e de alta conversão** para esse ERP, seguindo as melhores práticas de copywriting e design de conversão. **Requisitos:** 1. **Estrutura Baseada em Modelos Vencedores** - Analise páginas de sucesso de SaaS, ERPs e infoprodutos digitais (ex.: Braip, Hotmart, páginas de softwares como ContaAzul). - Utilize técnicas comprovadas: **AIDA (Atenção, Interesse, Desejo, Ação) + Gatilhos Mentais (urgência, escassez, prova social)**. 2. **Elementos Obrigatórios:** - **Headline Impactante** (ex.: "ERP Completo que Aumenta Suas Vendas e **Simplifica sua Rotina Fiscal em 80%**"). - **Subheadline (benefício principal)**. - **Seção de Dores e Soluções** (problemas que seu ERP resolve). - **Lista de Benefícios** (em tópicos ou ícones). - **Demonstração Visual** (imagens do software, mockup de dashboard, vídeo explicativo opcional). - **Depoimentos Fictícios ou Reais** (prova social). - **Oferta Única** (ex.: "Tudo em 1 só lugar: Vendas, Notas Fiscais, Relatórios"). - **Botão de Compra Destaque** (ex.: "QUERO AUTOMATIZAR MINHA EMPRESA HOJE"). - **Garantia** (ex.: "7 dias de teste grátis ou devolução do dinheiro"). - **FAQ (perguntas frequentes)**. 3. **Tom de Voz:** - **Profissional, mas acessível** (evite jargões técnicos demais). - Foco no **resultado** (ex.: "Pare de perder tempo com planilhas e tenha tudo automatizado"). 4. **Formato de Saída:** - Código HTML + CSS (pronto para integrar) **OU** texto estruturado para copiar e adaptar. - Se possível, sugira **cores e fontes modernas** (ex.: Gradientes azul/verde para tech, fontes como 'Poppins' ou 'Montserrat'). **Exemplo de Inspiração:** - Páginas como **ContaAzul, Vindi, Braip (produtos tops de gestão)**. - Modelos de **ClickFunnels ou Unbounce** (alta conversão). - Initial Deployment
b558a90 verified | <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>ERP Master | Gestão Completa para Sua Empresa</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> | |
| <style> | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| scroll-behavior: smooth; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #1e3a8a 0%, #065f46 100%); | |
| } | |
| .btn-gradient { | |
| background: linear-gradient(90deg, #1e3a8a 0%, #065f46 100%); | |
| } | |
| .feature-icon { | |
| background: linear-gradient(135deg, #1e3a8a 0%, #065f46 100%); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Header/Navbar --> | |
| <header class="gradient-bg text-white shadow-lg"> | |
| <div class="container mx-auto px-4 py-6"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-cubes text-3xl mr-2"></i> | |
| <span class="text-2xl font-bold">ERP Master</span> | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="#features" class="hover:text-blue-200">Recursos</a> | |
| <a href="#testimonials" class="hover:text-blue-200">Depoimentos</a> | |
| <a href="#pricing" class="hover:text-blue-200">Preços</a> | |
| <a href="#faq" class="hover:text-blue-200">FAQ</a> | |
| </div> | |
| <div class="md:hidden"> | |
| <button id="menu-btn" class="text-white focus:outline-none"> | |
| <i class="fas fa-bars text-2xl"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Mobile Menu --> | |
| <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4"> | |
| <a href="#features" class="block py-2 hover:bg-blue-800 px-4 rounded">Recursos</a> | |
| <a href="#testimonials" class="block py-2 hover:bg-blue-800 px-4 rounded">Depoimentos</a> | |
| <a href="#pricing" class="block py-2 hover:bg-blue-800 px-4 rounded">Preços</a> | |
| <a href="#faq" class="block py-2 hover:bg-blue-800 px-4 rounded">FAQ</a> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="gradient-bg text-white py-16 md:py-24"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-4"> | |
| ERP Completo que <span class="text-yellow-300">Aumenta Suas Vendas</span> e Simplifica sua Rotina Fiscal em 80% | |
| </h1> | |
| <p class="text-xl mb-8"> | |
| Tudo o que sua empresa precisa em um único sistema: vendas, notas fiscais, relatórios financeiros e muito mais! | |
| </p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="#pricing" class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-4 px-8 rounded-lg text-center transition duration-300 transform hover:scale-105"> | |
| <span class="block text-lg">QUERO AUTOMATIZAR MINHA EMPRESA</span> | |
| <span class="block text-sm">Comece seu teste grátis agora</span> | |
| </a> | |
| <a href="#features" class="bg-white hover:bg-gray-100 text-gray-800 font-bold py-4 px-8 rounded-lg text-center transition duration-300"> | |
| <span class="block text-lg">CONHEÇA OS RECURSOS</span> | |
| <span class="block text-sm">Veja como podemos ajudar</span> | |
| </a> | |
| </div> | |
| <div class="mt-6 flex items-center"> | |
| <div class="flex -space-x-2"> | |
| <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/12.jpg" alt=""> | |
| <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/32.jpg" alt=""> | |
| <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/45.jpg" alt=""> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="text-sm">+5.000 empresas já automatizadas</p> | |
| <div class="flex"> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <span class="ml-2">4.9/5</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="ERP Master Dashboard" class="rounded-lg shadow-2xl border-8 border-white transform rotate-2"> | |
| <div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-lg shadow-lg"> | |
| <div class="flex items-center"> | |
| <div class="bg-green-500 rounded-full p-2 mr-3"> | |
| <i class="fas fa-check text-white"></i> | |
| </div> | |
| <div> | |
| <p class="font-bold text-gray-800">Nota Fiscal emitida!</p> | |
| <p class="text-sm text-gray-600">Cliente: João Silva</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Trust Badges --> | |
| <section class="bg-white py-8 shadow-sm"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-wrap justify-center items-center"> | |
| <div class="px-4 py-2"> | |
| <img src="https://via.placeholder.com/150x60?text=Braip" alt="Braip" class="h-10"> | |
| </div> | |
| <div class="px-4 py-2"> | |
| <img src="https://via.placeholder.com/150x60?text=Selo+SSL" alt="SSL" class="h-10"> | |
| </div> | |
| <div class="px-4 py-2"> | |
| <img src="https://via.placeholder.com/150x60?text=Google+Partner" alt="Google Partner" class="h-10"> | |
| </div> | |
| <div class="px-4 py-2"> | |
| <img src="https://via.placeholder.com/150x60?text=Reclame+Aqui" alt="Reclame Aqui" class="h-10"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pain Points & Solutions --> | |
| <section class="py-16 bg-gray-50" id="features"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Você sofre com algum desses problemas?</h2> | |
| <div class="w-24 h-1 bg-blue-600 mx-auto mb-6"></div> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Muitos empresários perdem tempo e dinheiro com processos manuais que poderiam ser automatizados</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8 mb-16"> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-red-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-times-circle text-red-500 text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-gray-800">Perda de tempo com emissão de notas fiscais</h3> | |
| <p class="text-gray-600 mt-2">Processos manuais que consomem horas do seu dia e geram erros frequentes</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-red-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-times-circle text-red-500 text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-gray-800">Dificuldade em acompanhar o fluxo de caixa</h3> | |
| <p class="text-gray-600 mt-2">Sem visibilidade sobre entradas e saídas, tomando decisões no escuro</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-red-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-times-circle text-red-500 text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-gray-800">Vendas perdidas por falta de organização</h3> | |
| <p class="text-gray-600 mt-2">Clientes ficam esperando orçamentos e você não consegue atender todos</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-red-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-times-circle text-red-500 text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-gray-800">Dores de cabeça com obrigações fiscais</h3> | |
| <p class="text-gray-600 mt-2">Medo de multas por erros na declaração de impostos e obrigações acessórias</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Imagine como seria sua vida com o ERP Master</h2> | |
| <div class="w-24 h-1 bg-green-600 mx-auto mb-6"></div> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Um sistema completo que resolve todos esses problemas e ainda te ajuda a vender mais</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300 text-center"> | |
| <div class="feature-icon text-5xl mb-4"> | |
| <i class="fas fa-file-invoice-dollar"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Notas Fiscais Automáticas</h3> | |
| <p class="text-gray-600">Emita NF-e, NFC-e e NFS-e em segundos, sem erros e com armazenamento em nuvem</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300 text-center"> | |
| <div class="feature-icon text-5xl mb-4"> | |
| <i class="fas fa-chart-line"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Gestão Financeira Completa</h3> | |
| <p class="text-gray-600">Controle contas a pagar e receber, fluxo de caixa e relatórios em tempo real</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300 text-center"> | |
| <div class="feature-icon text-5xl mb-4"> | |
| <i class="fas fa-shopping-cart"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">PDV Inteligente</h3> | |
| <p class="text-gray-600">Vendas rápidas com impressão de cupons, controle de estoque e comandas</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300 text-center"> | |
| <div class="feature-icon text-5xl mb-4"> | |
| <i class="fas fa-mobile-alt"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Acesso Multiplataforma</h3> | |
| <p class="text-gray-600">Use no computador, tablet ou smartphone, com dados sincronizados em tempo real</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300 text-center"> | |
| <div class="feature-icon text-5xl mb-4"> | |
| <i class="fas fa-robot"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Automação Fiscal</h3> | |
| <p class="text-gray-600">SPED Fiscal, ECD, ECF e outras obrigações geradas automaticamente</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition duration-300 text-center"> | |
| <div class="feature-icon text-5xl mb-4"> | |
| <i class="fas fa-headset"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Suporte Especializado</h3> | |
| <p class="text-gray-600">Equipe técnica disponível para tirar dúvidas e ajudar na implantação</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Video/Demo Section --> | |
| <section class="py-16 bg-gray-100"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Veja o ERP Master em ação</h2> | |
| <div class="w-24 h-1 bg-blue-600 mx-auto mb-6"></div> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Assista a esta demonstração rápida e descubra como é fácil usar nosso sistema</p> | |
| </div> | |
| <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-xl overflow-hidden"> | |
| <div class="aspect-w-16 aspect-h-9"> | |
| <div class="bg-gray-300 h-96 flex items-center justify-center"> | |
| <div class="text-center"> | |
| <i class="fas fa-play-circle text-6xl text-blue-600 mb-4"></i> | |
| <p class="text-xl font-semibold">Demonstração do ERP Master</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex flex-wrap justify-center gap-4"> | |
| <a href="#pricing" class="btn-gradient hover:opacity-90 text-white font-bold py-3 px-8 rounded-lg transition duration-300"> | |
| QUERO TESTAR GRÁTIS | |
| </a> | |
| <a href="#features" class="bg-white border border-blue-600 text-blue-600 font-bold py-3 px-8 rounded-lg hover:bg-blue-50 transition duration-300"> | |
| VER TODOS RECURSOS | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-16 bg-white" id="testimonials"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">O que dizem nossos clientes</h2> | |
| <div class="w-24 h-1 bg-green-600 mx-auto mb-6"></div> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Empresários que já transformaram seus negócios com o ERP Master</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-50 p-8 rounded-lg shadow-md"> | |
| <div class="flex mb-4"> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| </div> | |
| <p class="text-gray-700 mb-6">"Depois que implementamos o ERP Master, nossa produtividade aumentou em pelo menos 40%. Antes perdíamos horas com notas fiscais, agora tudo é automático!"</p> | |
| <div class="flex items-center"> | |
| <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/32.jpg" alt="Cliente satisfeito"> | |
| <div> | |
| <h4 class="font-bold text-gray-800">Ana Carolina</h4> | |
| <p class="text-gray-600">Loja de Roupas - São Paulo/SP</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 p-8 rounded-lg shadow-md"> | |
| <div class="flex mb-4"> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| </div> | |
| <p class="text-gray-700 mb-6">"Finalmente encontrei um sistema completo que não me deixa na mão na hora de emitir NF-e. O suporte é excelente e o sistema é muito intuitivo."</p> | |
| <div class="flex items-center"> | |
| <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/54.jpg" alt="Cliente satisfeito"> | |
| <div> | |
| <h4 class="font-bold text-gray-800">Roberto Almeida</h4> | |
| <p class="text-gray-600">Distribuidora - Belo Horizonte/MG</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 p-8 rounded-lg shadow-md"> | |
| <div class="flex mb-4"> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| </div> | |
| <p class="text-gray-700 mb-6">"O módulo financeiro me salvou! Agora consigo ver claramente para onde está indo meu dinheiro e tomar decisões mais acertadas para o crescimento do negócio."</p> | |
| <div class="flex items-center"> | |
| <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/68.jpg" alt="Cliente satisfeito"> | |
| <div> | |
| <h4 class="font-bold text-gray-800">Fernanda Oliveira</h4> | |
| <p class="text-gray-600">Salão de Beleza - Porto Alegre/RS</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing --> | |
| <section class="py-16 bg-gray-50" id="pricing"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Escolha o plano ideal para sua empresa</h2> | |
| <div class="w-24 h-1 bg-blue-600 mx-auto mb-6"></div> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Todos os planos incluem todos os módulos do sistema sem limitações</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto"> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden border border-gray-200"> | |
| <div class="px-6 py-8 text-center"> | |
| <h3 class="text-2xl font-bold text-gray-800 mb-2">Básico</h3> | |
| <p class="text-gray-600 mb-6">Para pequenos negócios</p> | |
| <div class="mb-6"> | |
| <span class="text-4xl font-bold text-gray-800">R$ 97</span> | |
| <span class="text-gray-600">/mês</span> | |
| </div> | |
| <ul class="mb-8 space-y-3 text-left"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Até 100 notas fiscais/mês</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>PDV básico</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Gestão financeira</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Suporte por e-mail</span> | |
| </li> | |
| </ul> | |
| <a href="#" class="btn-gradient hover:opacity-90 text-white font-bold py-3 px-8 rounded-lg inline-block transition duration-300"> | |
| ASSINAR AGORA | |
| </a> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-2xl overflow-hidden border-2 border-blue-600 transform scale-105 z-10"> | |
| <div class="bg-blue-600 text-white py-2 text-center"> | |
| <p class="font-bold">MAIS POPULAR</p> | |
| </div> | |
| <div class="px-6 py-8 text-center"> | |
| <h3 class="text-2xl font-bold text-gray-800 mb-2">Profissional</h3> | |
| <p class="text-gray-600 mb-6">Para empresas em crescimento</p> | |
| <div class="mb-6"> | |
| <span class="text-4xl font-bold text-gray-800">R$ 197</span> | |
| <span class="text-gray-600">/mês</span> | |
| </div> | |
| <ul class="mb-8 space-y-3 text-left"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Até 500 notas fiscais/mês</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>PDV completo</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Gestão financeira avançada</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Suporte por chat e e-mail</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Relatórios personalizados</span> | |
| </li> | |
| </ul> | |
| <a href="#" class="btn-gradient hover:opacity-90 text-white font-bold py-3 px-8 rounded-lg inline-block transition duration-300 transform hover:scale-105"> | |
| ASSINAR AGORA | |
| </a> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden border border-gray-200"> | |
| <div class="px-6 py-8 text-center"> | |
| <h3 class="text-2xl font-bold text-gray-800 mb-2">Empresarial</h3> | |
| <p class="text-gray-600 mb-6">Para grandes empresas</p> | |
| <div class="mb-6"> | |
| <span class="text-4xl font-bold text-gray-800">R$ 497</span> | |
| <span class="text-gray-600">/mês</span> | |
| </div> | |
| <ul class="mb-8 space-y-3 text-left"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Notas fiscais ilimitadas</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>PDV multi-caixa</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Gestão financeira completa</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Suporte prioritário 24/7</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Relatórios avançados</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check text-green-500 mr-2"></i> | |
| <span>Usuários ilimitados</span> | |
| </li> | |
| </ul> | |
| <a href="#" class="btn-gradient hover:opacity-90 text-white font-bold py-3 px-8 rounded-lg inline-block transition duration-300"> | |
| ASSINAR AGORA | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12 bg-white rounded-lg shadow-md p-8 max-w-4xl mx-auto"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-6 md:mb-0"> | |
| <h3 class="text-2xl font-bold text-gray-800 mb-2">7 dias grátis para testar</h3> | |
| <p class="text-gray-600">Experimente todos os recursos sem compromisso. Cancele a qualquer momento.</p> | |
| </div> | |
| <div class="md:w-1/2 text-center md:text-right"> | |
| <a href="#" class="btn-gradient hover:opacity-90 text-white font-bold py-3 px-8 rounded-lg inline-block transition duration-300"> | |
| QUERO MEU TESTE GRÁTIS | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ --> | |
| <section class="py-16 bg-white" id="faq"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Perguntas Frequentes</h2> | |
| <div class="w-24 h-1 bg-green-600 mx-auto mb-6"></div> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Tire suas dúvidas sobre o ERP Master</p> | |
| </div> | |
| <div class="max-w-3xl mx-auto"> | |
| <div class="mb-4 border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="faq-btn w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition duration-300 flex justify-between items-center"> | |
| <span class="font-semibold text-gray-800">O sistema emite nota fiscal eletrônica (NF-e)?</span> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content px-6 py-4 bg-white hidden"> | |
| <p class="text-gray-700">Sim, o ERP Master emite todos os tipos de documentos fiscais eletrônicos: NF-e, NFC-e, NFS-e e CT-e, sempre atualizados de acordo com a legislação vigente. Você pode emitir notas fiscais em segundos a partir de qualquer dispositivo com internet.</p> | |
| </div> | |
| </div> | |
| <div class="mb-4 border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="faq-btn w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition duration-300 flex justify-between items-center"> | |
| <span class="font-semibold text-gray-800">Preciso instalar algum programa no meu computador?</span> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content px-6 py-4 bg-white hidden"> | |
| <p class="text-gray-700">Não, o ERP Master é 100% online e funciona diretamente no seu navegador. Você pode acessar de qualquer dispositivo com internet, sem necessidade de instalação. Também oferecemos aplicativos móveis opcionais para Android e iOS.</p> | |
| </div> | |
| </div> | |
| <div class="mb-4 border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="faq-btn w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition duration-300 flex justify-between items-center"> | |
| <span class="font-semibold text-gray-800">Como funciona o período de teste grátis?</span> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content px-6 py-4 bg-white hidden"> | |
| <p class="text-gray-700">Você tem 7 dias para testar todas as funcionalidades do sistema sem custo algum. Basta criar sua conta e começar a usar. Se dentro desse período você decidir que o ERP Master não é para você, basta cancelar sem nenhum custo ou compromisso.</p> | |
| </div> | |
| </div> | |
| <div class="mb-4 border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="faq-btn w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition duration-300 flex justify-between items-center"> | |
| <span class="font-semibold text-gray-800">Meus dados estarão seguros?</span> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content px-6 py-4 bg-white hidden"> | |
| <p class="text-gray-700">Absolutamente. Utilizamos servidores de alta segurança no Brasil, com criptografia de dados em trânsito e em repouso. Realizamos backups diários e temos certificado SSL para garantir a proteção de todas as informações da sua empresa.</p> | |
| </div> | |
| </div> | |
| <div class="mb-4 border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="faq-btn w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition duration-300 flex justify-between items-center"> | |
| <span class="font-semibold text-gray-800">Posso migrar meus dados de outro sistema?</span> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content px-6 py-4 bg-white hidden"> | |
| <p class="text-gray-700">Sim, nossa equipe de implantação pode ajudar a migrar seus dados de clientes, produtos, estoque e histórico financeiro de outros sistemas. Entre em contato conosco para avaliarmos a melhor forma de realizar essa migração sem perda de dados.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12 text-center"> | |
| <p class="text-xl text-gray-700 mb-6">Ainda tem dúvidas? Fale com nosso time de especialistas</p> | |
| <a href="#" class="btn-gradient hover:opacity-90 text-white font-bold py-3 px-8 rounded-lg inline-block transition duration-300"> | |
| FALAR COM ATENDIMENTO | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Final CTA --> | |
| <section class="gradient-bg text-white py-16"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Pronto para transformar a gestão da sua empresa?</h2> | |
| <p class="text-xl mb-8 max-w-3xl mx-auto">Junte-se a mais de 5.000 empresários que já automatizaram seus processos com o ERP Master</p> | |
| <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="#pricing" class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-4 px-8 rounded-lg text-center transition duration-300 transform hover:scale-105"> | |
| <span class="block text-lg">QUERO COMEÇAR AGORA</span> | |
| <span class="block text-sm">7 dias grátis - Sem compromisso</span> | |
| </a> | |
| <a href="#features" class="bg-white hover:bg-gray-100 text-gray-800 font-bold py-4 px-8 rounded-lg text-center transition duration-300"> | |
| <span class="block text-lg">VER MAIS DETALHES</span> | |
| <span class="block text-sm">Conheça todos os recursos</span> | |
| </a> | |
| </div> | |
| <div class="mt-8 flex flex-wrap justify-center items-center"> | |
| <div class="px-4 py-2 flex items-center"> | |
| <i class="fas fa-lock text-xl mr-2"></i> | |
| <span>Pagamento seguro</span> | |
| </div> | |
| <div class="px-4 py-2 flex items-center"> | |
| <i class="fas fa-shield-alt text-xl mr-2"></i> | |
| <span>Garantia de 7 dias</span> | |
| </div> | |
| <div class="px-4 py-2 flex items-center"> | |
| <i class="fas fa-headset text-xl mr-2"></i> | |
| <span>Suporte especializado</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <div class="flex items-center mb-4"> | |
| <i class="fas fa-cubes text-3xl mr-2"></i> | |
| <span class="text-2xl font-bold">ERP Master</span> | |
| </div> | |
| <p class="text-gray-400">O sistema de gestão completo que sua empresa precisa para crescer de forma organizada e sem complicações.</p> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Links Úteis</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Página Inicial</a></li> | |
| <li><a href="#features" class="text-gray-400 hover:text-white transition">Recursos</a></li> | |
| <li><a href="#pricing" class="text-gray-400 hover:text-white transition">Planos</a></li> | |
| <li><a href="#faq" class="text-gray-400 hover:text-white transition">FAQ</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Blog</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Suporte</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Central de Ajuda</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Tutoriais</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Status do Sistema</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Contato</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Legal</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Termos de Uso</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Política de Privacidade</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Contrato de Licença</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-400 mb-4 md:mb-0">© 2023 ERP Master. Todos os direitos reservados.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-instagram"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-linkedin-in"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-youtube"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Floating WhatsApp Button --> | |
| <div class="fixed bottom-6 right-6 z-50"> | |
| <a href="#" class="bg-green-500 hover:bg-green-600 text-white w-16 h-16 rounded-full flex items-center justify-center shadow-lg transition transform hover:scale-110"> | |
| <i class="fab fa-whatsapp text-3xl"></i> | |
| </a> | |
| </div> | |
| <script> | |
| // Mobile Menu Toggle | |
| const menuBtn = document.getElementById('menu-btn'); | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| menuBtn.addEventListener('click', () => { | |
| mobileMenu.classList.toggle('hidden'); | |
| }); | |
| // FAQ Accordion | |
| const faqBtns = document.querySelectorAll('.faq-btn'); | |
| faqBtns.forEach(btn => { | |
| btn.addEventListener('click', () => { | |
| const content = btn.nextElementSibling; | |
| const icon = btn.querySelector('i'); | |
| // Toggle content | |
| content.classList.toggle('hidden'); | |
| // Rotate icon | |
| icon.classList.toggle('rotate-180'); | |
| // Close other open FAQs | |
| faqBtns.forEach(otherBtn => { | |
| if (otherBtn !== btn) { | |
| otherBtn.nextElementSibling.classList.add('hidden'); | |
| otherBtn.querySelector('i').classList.remove('rotate-180'); | |
| } | |
| }); | |
| }); | |
| }); | |
| // Countdown Timer (optional) | |
| function updateCountdown() { | |
| const now = new Date(); | |
| const midnight = new Date(); | |
| midnight.setHours(24, 0, 0, 0); | |
| const diff = midnight - now; | |
| const hours = Math.floor(diff / (1000 * 60 * 60)); | |
| const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); | |
| const seconds = Math.floor((diff % (1000 * 60)) / 1000); | |
| document.getElementById('countdown-hours').textContent = hours.toString().padStart(2, '0'); | |
| document.getElementById('countdown-minutes').textContent = minutes.toString().padStart(2, '0'); | |
| document.getElementById('countdown-seconds').textContent = seconds.toString().padStart(2, '0'); | |
| } | |
| // Uncomment to activate countdown | |
| // updateCountdown(); | |
| // setInterval(updateCountdown, 1000); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Joaofogo/erp" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |