# 💎 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

README.md

@@ -1,10 +1,12 @@
 ---
-title: Teste
-emoji: 🏃
-colorFrom: indigo
-colorTo: blue
+title: teste
+emoji: 🐳
+colorFrom: gray
+colorTo: yellow
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html

@@ -1,19 +1,537 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<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>