Spaces:
Running
Running
# 💎 Landing Page - Produtos Digitais de Valor ## **BLOCO 1: CONEXÃO E PROMESSA PRINCIPAL** ### **PROMESSA PRINCIPAL:** **"Transforme Seu Conhecimento em R$ 10.000/mês em 90 Dias (Método Comprovado por 500+ Alunos)"** ### **SUB-PROMESSA:** *O sistema completo para criar, vender e escalar produtos digitais de alto valor - mesmo começando do zero e sem conhecimento técnico* ### **BULLETS DE BENEFÍCIOS:** • 🎯 **Método step-by-step** para criar seu primeiro infoproduto em 30 dias • 💰 **Estratégias de vendas** que geram receita recorrente automaticamente • 🚀 **Sistema de escalabilidade** para atingir 6 dígitos trabalhando menos horas ### **BOTÃO:** **[QUERO CRIAR MEUS PRODUTOS DIGITAIS]** ### **SUB-TEXTO DO BOTÃO:** *✅ Mais de 500 alunos já faturaram seu primeiro R$ 10.000 com nosso método* ### **ELEMENTO DE URGÊNCIA:** 🔥 **ÚLTIMAS 48 HORAS:** Bônus exclusivo de R$ 3.000 expira em 23:45:12 ### **DESCRIÇÃO DA IMAGEM:** Tela de computador mostrando dashboard de vendas com gráficos crescentes, símbolos de dinheiro, ícones de produtos digitais (e-books, cursos, webinars) e uma pessoa celebrando ao fundo. Cores: dourado, azul royal e branco. --- ## **BLOCO 2: REFORÇO DO DESEJO - "PARA QUEM É"** ### **TÍTULO:** **Este Método É Para Você Se:** ### **BULLETS OBJETIVOS:** • **TEM CONHECIMENTO** → Possui expertise em alguma área mas não sabe como monetizar • **QUER LIBERDADE** → Busca criar renda recorrente sem trocar tempo por dinheiro • **ESTÁ PRONTO** → Tem disciplina para seguir um sistema testado e aprovado ### **PARA QUEM NÃO É:** *❌ Não é para quem busca fórmulas mágicas ou quer enriquecer sem esforço* ### **CTA + BOTÃO:** *Reconheceu seu perfil? Então é hora de agir:* **[GARANTIR MINHA VAGA AGORA]** ### **DESCRIÇÃO DA IMAGEM:** Montagem com 3 personas: profissional liberal ao laptop, empreendedor com gráficos, e pessoa estudando. Todos em ambiente moderno e profissional, transmitindo seriedade e sucesso. --- ## **BLOCO 3: AUTORIDADE E PROVA SOCIAL** ### **BIO/AUTORIDADE:** **"7 anos ajudando pessoas a monetizarem seu conhecimento"** *Sou especialista em produtos digitais com mais de R$ 50 milhões gerados pelos meus mentoranda. Já ajudei desde professores universitários até coaches e consultores a criarem negócios digitais lucrativos e escaláveis.* ### **ELEMENTOS DE PROVA SOCIAL:** • 💰 **R$ 50+ milhões** faturados pelos alunos em 2024 • ⭐ **4.9/5 estrelas** de satisfação (1.200+ depoimentos) • 🏆 **Top 1** em produtos digitais no maior evento do setor ### **DEPOIMENTOS DESTACADOS:** *"Saí do zero e fiz R$ 47.000 no primeiro mês. Hoje faturo R$ 150k/mês trabalhando 4h por dia"* **- Marina Silva, Consultora Digital** *"Criei meu curso online e já vendi R$ 280.000 em 6 meses. Método realmente funciona!"* **- Roberto Costa, Expert em Marketing** ### **CTA + BOTÃO:** *Pronto para ser o próximo caso de sucesso?* **[COMEÇAR AGORA MESMO]** --- ## **BLOCO 4: CONTATO E GARANTIAS** ### **INFORMAÇÕES DE CONTATO:** **📞 WhatsApp:** (11) 99999-7777 **📧 Email:** contato@valordigital.com.br **🌐 Instagram:** @valordigital **🕒 Suporte:** Segunda a Sexta, 9h às 18h ### **FORMULÁRIO SIMPLIFICADO:** ``` [ Nome Completo ] [ Email ] [ WhatsApp ] [ Área de Expertise ] [ Maior desafio atual ] [QUERO COMEÇAR AGORA] ``` ### **GARANTIAS FINAIS:** 🔒 **Garantia de 30 dias** - Satisfação total ou seu dinheiro de volta 💎 **Acesso vitalício** - Todas as atualizações incluídas sem custo adicional ⚡ **Suporte prioritário** - Tire suas dúvidas em até 2 horas 🎁 **Bônus exclusivos** - R$ 3.000 em materiais complementares ### **ELEMENTOS DE ESCASSEZ:** ⏰ **Vagas limitadas:** Apenas 50 novas admissões por mês 📊 **Próxima turma:** Inicia em 5 dias --- **Essa versão mantém a estrutura solicitada mas está totalmente adaptada para o mercado de produtos digitais, com foco em transformação financeira, liberdade e escalabilidade - pilares fundamentais deste segmento.** - Initial Deployment
38ca9bc verified | <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Produtos Digitais de Valor | Transforme Conhecimento em Renda</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| gold: '#FFD700', | |
| royalblue: '#4169E1', | |
| darkblue: '#0F172A' | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap'); | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); | |
| scroll-behavior: smooth; | |
| } | |
| .hero-gradient { | |
| background: linear-gradient(120deg, #0F172A 0%, #1E293B 100%); | |
| } | |
| .benefit-card { | |
| transition: all 0.3s ease; | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); | |
| } | |
| .benefit-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); | |
| } | |
| .testimonial-card { | |
| background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); | |
| border-left: 4px solid #FFD700; | |
| } | |
| .countdown-box { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); } | |
| 70% { box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); } | |
| 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); } | |
| } | |
| .guarantee-card { | |
| border-top: 3px solid #4169E1; | |
| } | |
| .form-input:focus { | |
| outline: none; | |
| box-shadow: 0 0 0 2px rgba(65, 105, 225, 0.3); | |
| } | |
| </style> | |
| </head> | |
| <body class="text-gray-800"> | |
| <!-- Bloco 1: Conexão e Promessa Principal --> | |
| <header class="hero-gradient text-white"> | |
| <div class="container mx-auto px-4 py-16 md:py-24"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <div class="bg-gold text-darkblue inline-block px-4 py-1 rounded-full mb-4"> | |
| <span class="font-bold">MÉTODO COMPROVADO POR 500+ ALUNOS</span> | |
| </div> | |
| <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6"> | |
| Transforme Seu Conhecimento em <span class="text-gold">R$ 10.000/mês</span> em 90 Dias | |
| </h1> | |
| <p class="text-xl mb-8 text-gray-200"> | |
| O sistema completo para criar, vender e escalar produtos digitais de alto valor - mesmo começando do zero e sem conhecimento técnico | |
| </p> | |
| <div class="mb-8"> | |
| <div class="flex items-center mb-3"> | |
| <i class="fas fa-check-circle text-gold mr-2"></i> | |
| <span class="font-medium">Método step-by-step para criar seu primeiro infoproduto em 30 dias</span> | |
| </div> | |
| <div class="flex items-center mb-3"> | |
| <i class="fas fa-check-circle text-gold mr-2"></i> | |
| <span class="font-medium">Estratégias de vendas que geram receita recorrente automaticamente</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-check-circle text-gold mr-2"></i> | |
| <span class="font-medium">Sistema de escalabilidade para atingir 6 dígitos trabalhando menos horas</span> | |
| </div> | |
| </div> | |
| <div class="mb-8"> | |
| <a href="#form" class="bg-gold hover:bg-yellow-500 text-darkblue font-bold py-4 px-8 rounded-lg text-lg inline-block transition duration-300 transform hover:scale-105"> | |
| QUERO CRIAR MEUS PRODUTOS DIGITAIS | |
| </a> | |
| <p class="mt-3 text-gray-300"> | |
| ✅ Mais de 500 alunos já faturaram seu primeiro R$ 10.000 com nosso método | |
| </p> | |
| </div> | |
| <div class="bg-red-600 p-4 rounded-lg flex items-center justify-between countdown-box"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-fire text-2xl mr-3"></i> | |
| <span class="font-bold">ÚLTIMAS 48 HORAS:</span> | |
| </div> | |
| <div class="text-xl font-bold"> | |
| Bônus exclusivo de R$ 3.000 expira em <span id="countdown" class="bg-black px-2 py-1 rounded">23:45:12</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="relative"> | |
| <div class="bg-white rounded-xl shadow-2xl overflow-hidden w-80 h-80 relative"> | |
| <div class="absolute inset-0 bg-gradient-to-br from-royalblue to-darkblue opacity-90"></div> | |
| <div class="absolute top-4 left-4 right-4 bottom-4 border-2 border-gold rounded-lg flex flex-col p-4"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <div class="text-white font-bold">Dashboard de Vendas</div> | |
| <div class="bg-gold text-darkblue px-2 py-1 rounded text-sm font-bold">+42%</div> | |
| </div> | |
| <div class="flex-1 grid grid-cols-3 gap-2"> | |
| <div class="bg-white bg-opacity-20 rounded p-2 flex flex-col items-center justify-center"> | |
| <i class="fas fa-book text-gold text-2xl mb-2"></i> | |
| <span class="text-white text-xs">E-books</span> | |
| </div> | |
| <div class="bg-white bg-opacity-20 rounded p-2 flex flex-col items-center justify-center"> | |
| <i class="fas fa-graduation-cap text-gold text-2xl mb-2"></i> | |
| <span class="text-white text-xs">Cursos</span> | |
| </div> | |
| <div class="bg-white bg-opacity-20 rounded p-2 flex flex-col items-center justify-center"> | |
| <i class="fas fa-video text-gold text-2xl mb-2"></i> | |
| <span class="text-white text-xs">Webinars</span> | |
| </div> | |
| </div> | |
| <div class="mt-4"> | |
| <div class="h-2 bg-gray-300 rounded-full overflow-hidden"> | |
| <div class="h-full bg-gold w-3/4"></div> | |
| </div> | |
| <div class="flex justify-between text-white text-xs mt-2"> | |
| <span>Meta: R$10.000</span> | |
| <span>R$7.500</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="absolute -bottom-6 -right-6 bg-white rounded-full w-24 h-24 flex items-center justify-center shadow-xl"> | |
| <div class="bg-gold rounded-full w-20 h-20 flex items-center justify-center"> | |
| <i class="fas fa-trophy text-3xl text-white"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Bloco 2: Reforço do Desejo --> | |
| <section class="py-20 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-darkblue mb-4"> | |
| Este Método É Para Você Se: | |
| </h2> | |
| <div class="w-20 h-1 bg-gold mx-auto"></div> | |
| </div> | |
| <div class="flex flex-col md:flex-row justify-center items-center mb-16"> | |
| <div class="md:w-1/3 mb-10 md:mb-0 px-4"> | |
| <div class="benefit-card bg-white rounded-xl p-6 shadow-lg h-full"> | |
| <div class="flex justify-center mb-4"> | |
| <div class="bg-royalblue bg-opacity-10 text-royalblue rounded-full w-16 h-16 flex items-center justify-center"> | |
| <i class="fas fa-brain text-2xl"></i> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold text-center mb-3">TEM CONHECIMENTO</h3> | |
| <p class="text-gray-600 text-center"> | |
| Possui expertise em alguma área mas não sabe como monetizar | |
| </p> | |
| </div> | |
| </div> | |
| <div class="md:w-1/3 mb-10 md:mb-0 px-4"> | |
| <div class="benefit-card bg-white rounded-xl p-6 shadow-lg h-full"> | |
| <div class="flex justify-center mb-4"> | |
| <div class="bg-royalblue bg-opacity-10 text-royalblue rounded-full w-16 h-16 flex items-center justify-center"> | |
| <i class="fas fa-globe-americas text-2xl"></i> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold text-center mb-3">QUER LIBERDADE</h3> | |
| <p class="text-gray-600 text-center"> | |
| Busca criar renda recorrente sem trocar tempo por dinheiro | |
| </p> | |
| </div> | |
| </div> | |
| <div class="md:w-1/3 px-4"> | |
| <div class="benefit-card bg-white rounded-xl p-6 shadow-lg h-full"> | |
| <div class="flex justify-center mb-4"> | |
| <div class="bg-royalblue bg-opacity-10 text-royalblue rounded-full w-16 h-16 flex items-center justify-center"> | |
| <i class="fas fa-rocket text-2xl"></i> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold text-center mb-3">ESTÁ PRONTO</h3> | |
| <p class="text-gray-600 text-center"> | |
| Tem disciplina para seguir um sistema testado e aprovado | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-red-50 border border-red-200 rounded-lg p-6 max-w-2xl mx-auto mb-12"> | |
| <div class="flex items-center mb-3"> | |
| <i class="fas fa-times-circle text-red-500 mr-2"></i> | |
| <span class="font-bold text-red-600">Para quem não é:</span> | |
| </div> | |
| <p class="text-red-600"> | |
| ❌ Não é para quem busca fórmulas mágicas ou quer enriquecer sem esforço | |
| </p> | |
| </div> | |
| <div class="text-center"> | |
| <p class="text-xl font-medium mb-6"> | |
| Reconheceu seu perfil? Então é hora de agir: | |
| </p> | |
| <a href="#form" class="bg-royalblue hover:bg-blue-700 text-white font-bold py-4 px-8 rounded-lg text-lg inline-block transition duration-300 transform hover:scale-105"> | |
| GARANTIR MINHA VAGA AGORA | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Bloco 3: Autoridade e Prova Social --> | |
| <section class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row items-center mb-16"> | |
| <div class="md:w-1/3 mb-10 md:mb-0"> | |
| <div class="bg-white rounded-xl shadow-lg p-6"> | |
| <div class="flex justify-center mb-4"> | |
| <div class="bg-gradient-to-br from-royalblue to-darkblue rounded-full w-32 h-32 flex items-center justify-center"> | |
| <i class="fas fa-user-tie text-4xl text-white"></i> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold text-center mb-2">Especialista em Produtos Digitais</h3> | |
| <p class="text-center text-gray-600">7 anos de experiência</p> | |
| </div> | |
| </div> | |
| <div class="md:w-2/3 md:pl-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-darkblue mb-6"> | |
| "7 anos ajudando pessoas a monetizarem seu conhecimento" | |
| </h2> | |
| <p class="text-lg text-gray-700 mb-8"> | |
| Sou especialista em produtos digitais com mais de R$ 50 milhões gerados pelos meus mentorados. Já ajudei desde professores universitários até coaches e consultores a criarem negócios digitais lucrativos e escaláveis. | |
| </p> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"> | |
| <div class="bg-white rounded-lg p-6 shadow text-center"> | |
| <div class="text-3xl font-bold text-gold mb-2">R$ 50+ milhões</div> | |
| <p class="text-gray-600">faturados pelos alunos em 2024</p> | |
| </div> | |
| <div class="bg-white rounded-lg p-6 shadow text-center"> | |
| <div class="text-3xl font-bold text-gold mb-2">4.9/5</div> | |
| <div class="flex justify-center text-yellow-400 mb-2"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star-half-alt"></i> | |
| </div> | |
| <p class="text-gray-600">de satisfação (1.200+ depoimentos)</p> | |
| </div> | |
| <div class="bg-white rounded-lg p-6 shadow text-center"> | |
| <div class="text-3xl font-bold text-gold mb-2">Top 1</div> | |
| <p class="text-gray-600">em produtos digitais no maior evento do setor</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mb-16"> | |
| <h3 class="text-2xl font-bold text-center text-darkblue mb-8">Depoimentos de Alunos</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> | |
| <div class="testimonial-card rounded-xl p-6 shadow-lg"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16"></div> | |
| <div class="ml-4"> | |
| <h4 class="font-bold">Marina Silva</h4> | |
| <p class="text-gray-600">Consultora Digital</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-700 italic"> | |
| "Saí do zero e fiz R$ 47.000 no primeiro mês. Hoje faturo R$ 150k/mês trabalhando 4h por dia" | |
| </p> | |
| </div> | |
| <div class="testimonial-card rounded-xl p-6 shadow-lg"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16"></div> | |
| <div class="ml-4"> | |
| <h4 class="font-bold">Roberto Costa</h4> | |
| <p class="text-gray-600">Expert em Marketing</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-700 italic"> | |
| "Criei meu curso online e já vendi R$ 280.000 em 6 meses. Método realmente funciona!" | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center"> | |
| <p class="text-xl font-medium mb-6"> | |
| Pronto para ser o próximo caso de sucesso? | |
| </p> | |
| <a href="#form" class="bg-gradient-to-r from-royalblue to-darkblue hover:from-blue-700 hover:to-blue-900 text-white font-bold py-4 px-8 rounded-lg text-lg inline-block transition duration-300 transform hover:scale-105"> | |
| COMEÇAR AGORA MESMO | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Bloco 4: Contato e Garantias --> | |
| <section id="form" class="py-20 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-darkblue mb-4"> | |
| Garanta Sua Vaga Hoje | |
| </h2> | |
| <p class="text-lg text-gray-600 max-w-2xl mx-auto"> | |
| Preencha o formulário abaixo e dê o primeiro passo para transformar seu conhecimento em renda recorrente | |
| </p> | |
| </div> | |
| <div class="flex flex-col lg:flex-row gap-12"> | |
| <div class="lg:w-1/2"> | |
| <div class="bg-gray-50 rounded-xl p-8 shadow-lg"> | |
| <h3 class="text-2xl font-bold text-darkblue mb-6">Informações de Contato</h3> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="bg-royalblue text-white rounded-full w-12 h-12 flex items-center justify-center flex-shrink-0"> | |
| <i class="fab fa-whatsapp"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h4 class="font-bold text-lg">WhatsApp</h4> | |
| <p class="text-gray-600">(11) 99999-7777</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-royalblue text-white rounded-full w-12 h-12 flex items-center justify-center flex-shrink-0"> | |
| <i class="fas fa-envelope"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h4 class="font-bold text-lg">Email</h4> | |
| <p class="text-gray-600">contato@valordigital.com.br</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-royalblue text-white rounded-full w-12 h-12 flex items-center justify-center flex-shrink-0"> | |
| <i class="fab fa-instagram"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h4 class="font-bold text-lg">Instagram</h4> | |
| <p class="text-gray-600">@valordigital</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-royalblue text-white rounded-full w-12 h-12 flex items-center justify-center flex-shrink-0"> | |
| <i class="fas fa-headset"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h4 class="font-bold text-lg">Suporte</h4> | |
| <p class="text-gray-600">Segunda a Sexta, 9h às 18h</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12"> | |
| <h3 class="text-2xl font-bold text-darkblue mb-6">Garantias Finais</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> | |
| <div class="guarantee-card bg-white rounded-lg p-4 shadow"> | |
| <div class="flex items-center mb-2"> | |
| <i class="fas fa-lock text-gold mr-2"></i> | |
| <span class="font-bold">Garantia de 30 dias</span> | |
| </div> | |
| <p class="text-sm text-gray-600">Satisfação total ou seu dinheiro de volta</p> | |
| </div> | |
| <div class="guarantee-card bg-white rounded-lg p-4 shadow"> | |
| <div class="flex items-center mb-2"> | |
| <i class="fas fa-gem text-gold mr-2"></i> | |
| <span class="font-bold">Acesso vitalício</span> | |
| </div> | |
| <p class="text-sm text-gray-600">Todas as atualizações incluídas sem custo adicional</p> | |
| </div> | |
| <div class="guarantee-card bg-white rounded-lg p-4 shadow"> | |
| <div class="flex items-center mb-2"> | |
| <i class="fas fa-bolt text-gold mr-2"></i> | |
| <span class="font-bold">Suporte prioritário</span> | |
| </div> | |
| <p class="text-sm text-gray-600">Tire suas dúvidas em até 2 horas</p> | |
| </div> | |
| <div class="guarantee-card bg-white rounded-lg p-4 shadow"> | |
| <div class="flex items-center mb-2"> | |
| <i class="fas fa-gift text-gold mr-2"></i> | |
| <span class="font-bold">Bônus exclusivos</span> | |
| </div> | |
| <p class="text-sm text-gray-600">R$ 3.000 em materiais complementares</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-8 bg-gradient-to-r from-royalblue to-darkblue rounded-lg p-4 text-white"> | |
| <div class="flex justify-between items-center"> | |
| <div> | |
| <div class="font-bold">⏰ Vagas limitadas:</div> | |
| <p>Apenas 50 novas admissões por mês</p> | |
| </div> | |
| <div> | |
| <div class="font-bold">📊 Próxima turma:</div> | |
| <p>Inicia em 5 dias</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="lg:w-1/2"> | |
| <div class="bg-gradient-to-br from-royalblue to-darkblue rounded-xl p-8 shadow-lg"> | |
| <h3 class="text-2xl font-bold text-white mb-6">Formulário de Inscrição</h3> | |
| <form class="space-y-6"> | |
| <div> | |
| <label class="block text-white mb-2" for="name">Nome Completo</label> | |
| <input type="text" id="name" class="form-input w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 text-white placeholder-gray-300 focus:bg-opacity-20" placeholder="Seu nome completo"> | |
| </div> | |
| <div> | |
| <label class="block text-white mb-2" for="email">Email</label> | |
| <input type="email" id="email" class="form-input w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 text-white placeholder-gray-300 focus:bg-opacity-20" placeholder="seu@email.com"> | |
| </div> | |
| <div> | |
| <label class="block text-white mb-2" for="whatsapp">WhatsApp</label> | |
| <input type="tel" id="whatsapp" class="form-input w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 text-white placeholder-gray-300 focus:bg-opacity-20" placeholder="(11) 99999-9999"> | |
| </div> | |
| <div> | |
| <label class="block text-white mb-2" for="expertise">Área de Expertise</label> | |
| <select id="expertise" class="form-input w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 text-white focus:bg-opacity-20"> | |
| <option value="" disabled selected>Selecione sua área</option> | |
| <option value="marketing">Marketing Digital</option> | |
| <option value="coaching">Coaching</option> | |
| <option value="consultoria">Consultoria</option> | |
| <option value="educacao">Educação</option> | |
| <option value="saude">Saúde e Bem-estar</option> | |
| <option value="tecnologia">Tecnologia</option> | |
| <option value="outra">Outra</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label class="block text-white mb-2" for="challenge">Maior desafio atual</label> | |
| <textarea id="challenge" rows="3" class="form-input w-full px-4 py-3 rounded-lg bg-white bg-opacity-10 text-white placeholder-gray-300 focus:bg-opacity-20" placeholder="Descreva seu maior desafio atual..."></textarea> | |
| </div> | |
| <button type="submit" class="w-full bg-gold hover:bg-yellow-500 text-darkblue font-bold py-4 px-8 rounded-lg text-lg transition duration-300"> | |
| QUERO COMEÇAR AGORA | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <footer class="bg-darkblue text-white py-8"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <p>© 2023 Valor Digital. Todos os direitos reservados.</p> | |
| <p class="mt-2 text-gray-400">Transforme seu conhecimento em renda recorrente</p> | |
| </div> | |
| </footer> | |
| <script> | |
| // Countdown timer | |
| function startCountdown() { | |
| const countdownElement = document.getElementById('countdown'); | |
| let timeLeft = 48 * 60 * 60; // 48 hours in seconds | |
| const timer = setInterval(() => { | |
| timeLeft--; | |
| if(timeLeft <= 0) { | |
| clearInterval(timer); | |
| countdownElement.textContent = "00:00:00"; | |
| return; | |
| } | |
| const hours = Math.floor(timeLeft / 3600); | |
| const minutes = Math.floor((timeLeft % 3600) / 60); | |
| const seconds = timeLeft % 60; | |
| countdownElement.textContent = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; | |
| }, 1000); | |
| } | |
| // Initialize when page loads | |
| document.addEventListener('DOMContentLoaded', startCountdown); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| </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=Pummel3889/teste" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |