Spaces:
Running
Running
| <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Renda Extra Digital - O Guia Completo para Iniciantes</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: { | |
| royal: '#1E3A8A', | |
| gold: '#D4AF37', | |
| } | |
| } | |
| } | |
| } | |
| </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; | |
| scroll-behavior: smooth; | |
| } | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #1E3A8A 0%, #3B82F6 100%); | |
| } | |
| .floating-btn { | |
| animation: float 3s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-15px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .pulse { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { transform: scale(1); } | |
| 50% { transform: scale(1.05); } | |
| 100% { transform: scale(1); } | |
| } | |
| .testimonial-card:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .bonus-card { | |
| background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(212, 175, 55, 0.2) 100%); | |
| border: 1px solid rgba(212, 175, 55, 0.5); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- WhatsApp Floating Button --> | |
| <a href="https://wa.me/SEUNUMERO" target="_blank" class="fixed bottom-8 right-8 bg-green-500 text-white w-16 h-16 rounded-full flex items-center justify-center text-3xl shadow-lg z-50 hover:bg-green-600 transition-all"> | |
| <i class="fab fa-whatsapp"></i> | |
| </a> | |
| <!-- Hero Section --> | |
| <section class="hero-gradient text-white py-20 md:py-32 px-4 md:px-0"> | |
| <div class="container mx-auto flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0 md:pr-10"> | |
| <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6"> | |
| Comece sua <span class="text-gold">Renda Extra Digital</span> Agora! | |
| </h1> | |
| <p class="text-xl md:text-2xl mb-8 opacity-90"> | |
| Aprenda passo a passo como construir sua fonte de renda online, mesmo começando do zero. | |
| </p> | |
| <div class="flex flex-col sm:flex-row gap-4"> | |
| <a href="#comprar" class="bg-gold hover:bg-yellow-600 text-royal font-bold py-4 px-8 rounded-full text-lg md:text-xl transition-all transform hover:scale-105 shadow-lg pulse"> | |
| QUERO MEU ACESSO AGORA! | |
| </a> | |
| <a href="#detalhes" class="bg-white hover:bg-gray-100 text-royal font-bold py-4 px-8 rounded-full text-lg md:text-xl transition-all"> | |
| <i class="fas fa-info-circle mr-2"></i> SAIBA MAIS | |
| </a> | |
| </div> | |
| <div class="mt-8 flex items-center"> | |
| <div class="flex -space-x-2"> | |
| <img src="https://randomuser.me/api/portraits/women/44.jpg" class="w-10 h-10 rounded-full border-2 border-white"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" class="w-10 h-10 rounded-full border-2 border-white"> | |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" class="w-10 h-10 rounded-full border-2 border-white"> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="text-sm md:text-base">+3.000 alunos impactados</p> | |
| <div class="flex text-yellow-300"> | |
| <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"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="relative floating-btn"> | |
| <img src="https://i.imgur.com/JZQ5X3w.png" alt="E-book Renda Extra Digital" class="w-full max-w-md rounded-lg shadow-2xl"> | |
| <div class="absolute -bottom-6 -right-6 bg-gold text-royal font-bold py-2 px-6 rounded-full shadow-lg"> | |
| <span class="line-through">R$ 197,00</span> R$ 97,00 | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Product Presentation --> | |
| <section id="detalhes" class="py-20 px-4"> | |
| <div class="container mx-auto"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-royal mb-4">RENDA EXTRA DIGITAL</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto"> | |
| O Guia Completo para Iniciantes que querem construir uma fonte de renda online sustentável | |
| </p> | |
| </div> | |
| <div class="flex flex-col lg:flex-row items-center gap-12"> | |
| <div class="lg:w-1/2"> | |
| <img src="https://i.imgur.com/JZQ5X3w.png" alt="Capa do E-book" class="w-full max-w-md mx-auto rounded-lg shadow-xl"> | |
| </div> | |
| <div class="lg:w-1/2"> | |
| <h3 class="text-2xl md:text-3xl font-bold text-royal mb-6">O que você vai conquistar com este guia:</h3> | |
| <ul class="space-y-4"> | |
| <li class="flex items-start"> | |
| <div class="bg-royal text-white p-2 rounded-full mr-4"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <span class="text-lg">Descubra os 7 pilares para criar renda online comprovados</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="bg-royal text-white p-2 rounded-full mr-4"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <span class="text-lg">Método passo a passo para iniciantes sem experiência</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="bg-royal text-white p-2 rounded-full mr-4"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <span class="text-lg">Como escalar de R$500 para R$10.000/mês</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="bg-royal text-white p-2 rounded-full mr-4"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <span class="text-lg">Ferramentas gratuitas e de baixo custo para começar</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="bg-royal text-white p-2 rounded-full mr-4"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <span class="text-lg">Acesso à comunidade exclusiva de alunos</span> | |
| </li> | |
| </ul> | |
| <div class="mt-10 bg-blue-50 p-6 rounded-lg border-l-4 border-royal"> | |
| <p class="text-lg font-medium italic"> | |
| "Mais de <span class="font-bold text-royal">3.000 alunos impactados</span> em 14 países estão aplicando esse método com resultados comprovados." | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-20 bg-gray-100 px-4"> | |
| <div class="container mx-auto"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center text-royal mb-16">O que nossos alunos dizem</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Testimonial 1 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md testimonial-card transition-all duration-300"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/women/32.jpg" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Ana Carolina</h4> | |
| <p class="text-gray-600 text-sm">Designer</p> | |
| </div> | |
| </div> | |
| <div class="text-yellow-400 mb-4"> | |
| <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"></i> | |
| </div> | |
| <p class="text-gray-700"> | |
| "Em apenas 3 meses consegui gerar R$2.500 extras por mês com o método do e-book. Mudou completamente minha vida financeira!" | |
| </p> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md testimonial-card transition-all duration-300"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/men/54.jpg" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Ricardo Almeida</h4> | |
| <p class="text-gray-600 text-sm">Professor</p> | |
| </div> | |
| </div> | |
| <div class="text-yellow-400 mb-4"> | |
| <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"></i> | |
| </div> | |
| <p class="text-gray-700"> | |
| "Nunca imaginei que poderia ganhar dinheiro online. O guia me mostrou um caminho claro e hoje tenho uma renda extra consistente." | |
| </p> | |
| </div> | |
| <!-- Testimonial 3 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md testimonial-card transition-all duration-300"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Fernanda Souza</h4> | |
| <p class="text-gray-600 text-sm">Enfermeira</p> | |
| </div> | |
| </div> | |
| <div class="text-yellow-400 mb-4"> | |
| <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"></i> | |
| </div> | |
| <p class="text-gray-700"> | |
| "Depois de anos tentando, finalmente encontrei um método que funciona! Em 6 meses alcancei R$5.000/mês trabalhando poucas horas por dia." | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Modules Section --> | |
| <section class="py-20 px-4"> | |
| <div class="container mx-auto"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center text-royal mb-16">Veja o que você vai aprender</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto"> | |
| <!-- Module 1 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-royal flex"> | |
| <div class="bg-royal text-white p-4 rounded-full h-12 w-12 flex items-center justify-center mr-4 flex-shrink-0"> | |
| <i class="fas fa-brain text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">Módulo 1: Mentalidade Digital</h3> | |
| <p class="text-gray-600"> | |
| Como pensar como um empreendedor digital e superar crenças limitantes. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Module 2 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-royal flex"> | |
| <div class="bg-royal text-white p-4 rounded-full h-12 w-12 flex items-center justify-center mr-4 flex-shrink-0"> | |
| <i class="fas fa-search-dollar text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">Módulo 2: Nichos Lucrativos</h3> | |
| <p class="text-gray-600"> | |
| Descubra os melhores nichos para iniciantes com baixa concorrência. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Module 3 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-royal flex"> | |
| <div class="bg-royal text-white p-4 rounded-full h-12 w-12 flex items-center justify-center mr-4 flex-shrink-0"> | |
| <i class="fas fa-tools text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">Módulo 3: Ferramentas Essenciais</h3> | |
| <p class="text-gray-600"> | |
| As melhores ferramentas gratuitas e baratas para começar hoje. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Module 4 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-royal flex"> | |
| <div class="bg-royal text-white p-4 rounded-full h-12 w-12 flex items-center justify-center mr-4 flex-shrink-0"> | |
| <i class="fas fa-chart-line text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">Módulo 4: Tráfego Gratuito</h3> | |
| <p class="text-gray-600"> | |
| Estratégias comprovadas para atrair clientes sem gastar com anúncios. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Module 5 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-royal flex"> | |
| <div class="bg-royal text-white p-4 rounded-full h-12 w-12 flex items-center justify-center mr-4 flex-shrink-0"> | |
| <i class="fas fa-money-bill-wave text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">Módulo 5: Monetização</h3> | |
| <p class="text-gray-600"> | |
| Como transformar tráfego em dinheiro com múltiplas fontes de renda. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Module 6 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-royal flex"> | |
| <div class="bg-royal text-white p-4 rounded-full h-12 w-12 flex items-center justify-center mr-4 flex-shrink-0"> | |
| <i class="fas fa-rocket text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">Módulo 6: Escalando Resultados</h3> | |
| <p class="text-gray-600"> | |
| Táticas avançadas para multiplicar seus resultados em 3x a 10x. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-16 text-center"> | |
| <a href="#comprar" class="bg-royal hover:bg-blue-900 text-white font-bold py-4 px-8 rounded-full text-lg md:text-xl transition-all transform hover:scale-105 shadow-lg"> | |
| QUERO ACESSAR OS MÓDULOS AGORA! | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Bonus Section --> | |
| <section class="py-20 bg-gray-100 px-4"> | |
| <div class="container mx-auto"> | |
| <div class="max-w-4xl mx-auto text-center mb-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-royal mb-6">Bônus Exclusivos para Você</h2> | |
| <p class="text-xl text-gray-600"> | |
| Além do guia completo, você receberá esses bônus que sozinhos valem mais que o investimento no curso! | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto"> | |
| <!-- Bonus 1 --> | |
| <div class="bonus-card p-6 rounded-xl flex items-start"> | |
| <div class="bg-gold text-royal p-3 rounded-full mr-4 flex-shrink-0"> | |
| <i class="fas fa-gift text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">BÔNUS: Estratégia de Escalada para R$10K/mês</h3> | |
| <p class="text-gray-700"> | |
| Plano detalhado para levar sua renda extra para 5 dígitos em 6-12 meses. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Bonus 2 --> | |
| <div class="bonus-card p-6 rounded-xl flex items-start"> | |
| <div class="bg-gold text-royal p-3 rounded-full mr-4 flex-shrink-0"> | |
| <i class="fas fa-users text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">BÔNUS: Acesso à Comunidade VIP</h3> | |
| <p class="text-gray-700"> | |
| Grupo exclusivo no Telegram com mentoria semanal e networking com outros alunos. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Bonus 3 --> | |
| <div class="bonus-card p-6 rounded-xl flex items-start"> | |
| <div class="bg-gold text-royal p-3 rounded-full mr-4 flex-shrink-0"> | |
| <i class="fas fa-file-excel text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">BÔNUS: Planilhas de Controle</h3> | |
| <p class="text-gray-700"> | |
| Modelos prontos para acompanhar seus resultados e otimizar seu tempo. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Bonus 4 --> | |
| <div class="bonus-card p-6 rounded-xl flex items-start"> | |
| <div class="bg-gold text-royal p-3 rounded-full mr-4 flex-shrink-0"> | |
| <i class="fas fa-video text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-xl mb-2 text-royal">BÔNUS: Workshop Gravado</h3> | |
| <p class="text-gray-700"> | |
| Acesso a um workshop exclusivo sobre "Como Vender Online Sem Produto Próprio". | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12 text-center"> | |
| <p class="text-lg font-medium text-gray-700 mb-6"> | |
| <span class="line-through text-gray-500">Valor total dos bônus: R$ 497,00</span><br> | |
| <span class="text-royal font-bold">HOJE VOCÊ LEVA TODOS ELES DE GRAÇA!</span> | |
| </p> | |
| <a href="#comprar" class="bg-gold hover:bg-yellow-600 text-royal font-bold py-4 px-8 rounded-full text-lg md:text-xl transition-all transform hover:scale-105 shadow-lg"> | |
| QUERO MEUS BÔNUS AGORA! | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Guarantee Section --> | |
| <section class="py-20 px-4"> | |
| <div class="container mx-auto max-w-4xl"> | |
| <div class="bg-white rounded-xl shadow-lg p-8 md:p-12 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/3 flex justify-center mb-8 md:mb-0"> | |
| <div class="bg-blue-100 p-6 rounded-full"> | |
| <i class="fas fa-shield-alt text-6xl text-royal"></i> | |
| </div> | |
| </div> | |
| <div class="md:w-2/3 md:pl-8 text-center md:text-left"> | |
| <h2 class="text-3xl font-bold text-royal mb-4">Garantia Incondicional de 7 Dias</h2> | |
| <p class="text-lg text-gray-700 mb-6"> | |
| Teste o método Renda Extra Digital por 7 dias com risco zero. Se por qualquer motivo você não gostar ou não achar que vale muito mais que o investimento, basta enviar um email que devolvemos 100% do seu dinheiro, sem perguntas ou burocracia. | |
| </p> | |
| <p class="text-xl font-medium text-gray-900"> | |
| Você não tem nada a perder e tudo a ganhar! | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section class="py-20 bg-gray-100 px-4"> | |
| <div class="container mx-auto max-w-4xl"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-center text-royal mb-16">Perguntas Frequentes</h2> | |
| <div class="space-y-4"> | |
| <!-- FAQ 1 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden"> | |
| <button class="faq-btn w-full flex justify-between items-center p-6 text-left"> | |
| <span class="font-bold text-lg text-royal">Preciso ter experiência para começar?</span> | |
| <i class="fas fa-chevron-down text-royal transition-transform"></i> | |
| </button> | |
| <div class="faq-content px-6 pb-6 hidden"> | |
| <p class="text-gray-700"> | |
| Não! O guia foi especialmente desenvolvido para iniciantes completos. Nós te guiamos passo a passo desde o zero, mostrando exatamente o que fazer em cada etapa. Muitos dos nossos melhores alunos começaram sem nenhuma experiência prévia. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- FAQ 2 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden"> | |
| <button class="faq-btn w-full flex justify-between items-center p-6 text-left"> | |
| <span class="font-bold text-lg text-royal">Quanto tempo preciso dedicar por dia?</span> | |
| <i class="fas fa-chevron-down text-royal transition-transform"></i> | |
| </button> | |
| <div class="faq-content px-6 pb-6 hidden"> | |
| <p class="text-gray-700"> | |
| Você pode começar dedicando apenas 1-2 horas por dia. O método é progressivo e você vai aumentando o tempo conforme seus resultados crescem. Muitos alunos começaram aplicando nos finais de semana ou nas horas vagas do trabalho principal. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- FAQ 3 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden"> | |
| <button class="faq-btn w-full flex justify-between items-center p-6 text-left"> | |
| <span class="font-bold text-lg text-royal">Preciso investir dinheiro para começar?</span> | |
| <i class="fas fa-chevron-down text-royal transition-transform"></i> | |
| </button> | |
| <div class="faq-content px-6 pb-6 hidden"> | |
| <p class="text-gray-700"> | |
| Não necessariamente. Ensinamos estratégias que podem ser aplicadas sem investimento inicial, usando apenas ferramentas gratuitas. Conforme você for tendo resultados, pode reinvestir parte do lucro para escalar ainda mais. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- FAQ 4 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden"> | |
| <button class="faq-btn w-full flex justify-between items-center p-6 text-left"> | |
| <span class="font-bold text-lg text-royal">Quanto tempo até ver os primeiros resultados?</span> | |
| <i class="fas fa-chevron-down text-royal transition-transform"></i> | |
| </button> | |
| <div class="faq-content px-6 pb-6 hidden"> | |
| <p class="text-gray-700"> | |
| Depende da sua dedicação, mas a maioria dos alunos começa a ver os primeiros resultados em 30-60 dias. Alguns conseguem gerar renda já nas primeiras semanas aplicando as estratégias mais rápidas que ensinamos. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- FAQ 5 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden"> | |
| <button class="faq-btn w-full flex justify-between items-center p-6 text-left"> | |
| <span class="font-bold text-lg text-royal">Como recebo acesso ao material?</span> | |
| <i class="fas fa-chevron-down text-royal transition-transform"></i> | |
| </button> | |
| <div class="faq-content px-6 pb-6 hidden"> | |
| <p class="text-gray-700"> | |
| Imediatamente após a confirmação do pagamento, você recebe um email com acesso à área de membros, onde pode baixar o e-book em PDF, assistir às videoaulas e acessar todos os bônus. O material é 100% digital e você pode acessar de qualquer dispositivo a qualquer momento. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Final CTA --> | |
| <section id="comprar" class="py-20 hero-gradient text-white px-4"> | |
| <div class="container mx-auto text-center"> | |
| <h2 class="text-3xl md:text-5xl font-bold mb-6">Seu momento de mudar sua vida financeira é agora!</h2> | |
| <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto"> | |
| Pare de adiar seus sonhos e comece hoje mesmo a construir sua liberdade financeira através da internet. | |
| </p> | |
| <div class="max-w-md mx-auto bg-white rounded-xl shadow-2xl overflow-hidden"> | |
| <div class="p-6 text-royal"> | |
| <h3 class="text-2xl font-bold mb-4">RENDA EXTRA DIGITAL</h3> | |
| <p class="mb-6">O Guia Completo para Iniciantes</p> | |
| <ul class="space-y-3 mb-8 text-left"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>E-book completo (PDF, ePub, Mobi)</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Videoaulas complementares</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>4 Bônus Exclusivos</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Acesso à comunidade VIP</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> | |
| <span>Garantia de 7 dias</span> | |
| </li> | |
| </ul> | |
| <div class="bg-blue-50 p-4 rounded-lg mb-6"> | |
| <p class="text-sm line-through mb-1">De: R$ 197,00</p> | |
| <p class="text-3xl font-bold text-gold">Por apenas 12x de R$ 9,74</p> | |
| <p class="text-lg font-medium">ou R$ 97,00 à vista</p> | |
| </div> | |
| <a href="LINK_DE_AFILIADO" class="block bg-gold hover:bg-yellow-600 text-royal font-bold py-4 px-6 rounded-lg text-lg transition-all transform hover:scale-105 mb-4"> | |
| SIM, QUERO MEU ACESSO AGORA! | |
| </a> | |
| <div class="flex items-center justify-center"> | |
| <img src="https://i.imgur.com/KbT4xJp.png" alt="Formas de pagamento" class="h-8"> | |
| </div> | |
| <p class="text-xs mt-4 text-gray-500"> | |
| Pagamento 100% seguro via Hotmart | Eduzz | Kiwify | |
| </p> | |
| </div> | |
| </div> | |
| <p class="mt-8 text-lg"> | |
| Clique no botão acima e comece agora mesmo sua jornada rumo à liberdade financeira! | |
| </p> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12 px-4"> | |
| <div class="container mx-auto"> | |
| <div class="flex flex-col md:flex-row justify-between"> | |
| <div class="mb-8 md:mb-0"> | |
| <h3 class="text-xl font-bold mb-4">Renda Extra Digital</h3> | |
| <p class="max-w-xs"> | |
| O guia definitivo para iniciantes que querem construir uma fonte de renda online sustentável. | |
| </p> | |
| </div> | |
| <div class="mb-8 md:mb-0"> | |
| <h3 class="text-xl font-bold mb-4">Links Úteis</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-gold transition">Termos de Uso</a></li> | |
| <li><a href="#" class="hover:text-gold transition">Política de Privacidade</a></li> | |
| <li><a href="#" class="hover:text-gold transition">Dúvidas Frequentes</a></li> | |
| <li><a href="#" class="hover:text-gold transition">Contato</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-4">Redes Sociais</h3> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="bg-gray-700 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="#" class="bg-gray-700 hover:bg-pink-600 w-10 h-10 rounded-full flex items-center justify-center transition"> | |
| <i class="fab fa-instagram"></i> | |
| </a> | |
| <a href="#" class="bg-gray-700 hover:bg-blue-400 w-10 h-10 rounded-full flex items-center justify-center transition"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="#" class="bg-gray-700 hover:bg-red-500 w-10 h-10 rounded-full flex items-center justify-center transition"> | |
| <i class="fab fa-youtube"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400"> | |
| <p>© 2023 Renda Extra Digital. Todos os direitos reservados.</p> | |
| <p class="mt-2 text-sm"> | |
| Este produto não garante a obtenção de resultados. Qualquer referência ao desempenho de uma estratégia não deve ser interpretada como uma garantia de resultados. | |
| </p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // FAQ Accordion | |
| document.querySelectorAll('.faq-btn').forEach(button => { | |
| button.addEventListener('click', () => { | |
| const faqContent = button.nextElementSibling; | |
| const icon = button.querySelector('i'); | |
| faqContent.classList.toggle('hidden'); | |
| icon.classList.toggle('transform'); | |
| icon.classList.toggle('rotate-180'); | |
| }); | |
| }); | |
| // Smooth scroll 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=RicodeFe81/landing-page" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |