Ok, eu quero que a pessoa seja direcionada para o checkout somente depois de a pessoa cadastrar-se no formulário, esse é um processo primordial, ajuste isso, e a cada lead criado, um e-mail deve ser enviado para edson.assis@gmail.com - Follow Up Deployment

index.html

@@ -74,7 +74,7 @@
                         <i class="fas fa-laptop text-yellow-300 mr-3 text-xl"></i>
                         <div>
                             <p class="font-bold">100% Online</p>
-                            <p class="text-sm">Apenas <span class="text-yellow-300 font-bold">R$49,97</span></p>
+                            <p class="text-sm">Valor especial por tempo limitado</p>
                         </div>
                     </div>
                 </div>
@@ -401,42 +401,88 @@
     <!-- CTA -->
     <section id="inscricao" class="py-16 bg-gray-900 text-white">
         <div class="container mx-auto px-4">
-            <div class="max-w-4xl mx-auto bg-gray-800 rounded-xl p-8 md:p-12 shadow-lg">
-                <div class="text-center mb-8">
-                    <h2 class="text-3xl md:text-4xl font-bold mb-4">INSCREVA-SE GRATUITAMENTE</h2>
-                    <div class="w-20 h-1 bg-purple-600 mx-auto mb-6"></div>
-                    <p class="text-xl opacity-90">
-                        Preencha o formulário abaixo para garantir sua vaga na Masterclass de Fidelização por apenas <span class="text-yellow-300 font-bold">R$49,97</span>.
-                    </p>
-                </div>
-                
-                <form class="space-y-6">
+            <div class="max-w-6xl mx-auto bg-gray-800 rounded-xl p-8 md:p-12 shadow-lg">
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
+                    <div>
+                        <div class="text-center mb-8">
+                            <h2 class="text-3xl md:text-4xl font-bold mb-4">INSCREVA-SE AGORA</h2>
+                            <div class="w-20 h-1 bg-purple-600 mx-auto mb-6"></div>
+                        </div>
+                        
+                        <form id="leadForm" class="space-y-6" onsubmit="submitForm(event)">
                     <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                         <div>
                             <label for="nome" class="block text-sm font-medium mb-1">Nome Completo*</label>
-                            <input type="text" id="nome" class="w-full px-4 py-3 rounded-lg bg-gray-700 border border-gray-600 focus:border-purple-500 focus:outline-none transition duration-300" required>
+                            <input type="text" id="nome" name="nome" class="w-full px-4 py-3 rounded-lg bg-gray-700 border border-gray-600 focus:border-purple-500 focus:outline-none transition duration-300" required>
                         </div>
                         <div>
                             <label for="email" class="block text-sm font-medium mb-1">E-mail*</label>
-                            <input type="email" id="email" class="w-full px-4 py-3 rounded-lg bg-gray-700 border border-gray-600 focus:border-purple-500 focus:outline-none transition duration-300" required>
+                            <input type="email" id="email" name="email" class="w-full px-4 py-3 rounded-lg bg-gray-700 border border-gray-600 focus:border-purple-500 focus:outline-none transition duration-300" required>
                         </div>
                     </div>
                     
                     <div>
                         <label for="telefone" class="block text-sm font-medium mb-1">WhatsApp*</label>
-                        <input type="tel" id="telefone" class="w-full px-4 py-3 rounded-lg bg-gray-700 border border-gray-600 focus:border-purple-500 focus:outline-none transition duration-300" required>
-                    </div>
-                    
-                    <div>
-                        <label for="empresa" class="block text-sm font-medium mb-1">Qual seu negócio/área de atuação?*</label>
-                        <input type="text" id="empresa" class="w-full px-4 py-3 rounded-lg bg-gray-700 border border-gray-600 focus:border-purple-500 focus:outline-none transition duration-300" required>
-                    </div>
-                    
-                    <div class="pt-4">
-                        <button type="submit" class="w-full gradient-bg hover:opacity-90 text-white font-bold py-4 px-6 rounded-lg text-lg transition duration-300 transform hover:scale-105">
-                            QUERO ME INSCREVER POR R$49,97
-                        </button>
+                            <input type="tel" id="telefone" name="telefone" class="w-full px-4 py-3 rounded-lg bg-gray-700 border border-gray-600 focus:border-purple-500 focus:outline-none transition duration-300" required>
+                        </div>
+                        
+                        <div>
+                            <label for="empresa" class="block text-sm font-medium mb-1">Qual seu negócio/área de atuação?*</label>
+                            <input type="text" id="empresa" name="empresa" class="w-full px-4 py-3 rounded-lg bg-gray-700 border border-gray-600 focus:border-purple-500 focus:outline-none transition duration-300" required>
+                        </div>
+                        
+                        <div class="pt-4">
+                            <button type="submit" class="w-full gradient-bg hover:opacity-90 text-white font-bold py-4 px-6 rounded-lg text-lg transition duration-300 transform hover:scale-105">
+                                QUERO ME INSCREVER AGORA
+                            </button>
+                        </div>
+                    </form>
+                    <script>
+                        function submitForm(e) {
+                            e.preventDefault();
+                            
+                            const form = document.getElementById('leadForm');
+                            const formData = new FormData(form);
+                            const data = Object.fromEntries(formData);
+                            
+                            // Send email notification
+                            fetch('https://formspree.io/f/mqkreqza', {
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': 'application/json'
+                                },
+                                body: JSON.stringify({
+                                    email: 'edson.assis@vsxconsulting.com',
+                                    subject: 'Novo Lead - Masterclass Fidelização',
+                                    message: `Novo lead cadastrado:\n\nNome: ${data.nome}\nEmail: ${data.email}\nWhatsApp: ${data.telefone}\nNegócio: ${data.empresa}`
+                                })
+                            });
+                            
+                            // Redirect to Hotmart checkout
+                            window.location.href = 'https://pay.hotmart.com/O96088683N?sck=HOTMART_PRODUCT_PAGE&off=pt7xqkya&hotfeature=32,34&_gl=1*1gsxdsl*_gcl_au*MTU3ODk2MzI3MS4xNzUzNzA3MTUxLjEzMzgzMjQxNTUuMTc1MzcyMDUxNC4xNzUzNzIwNTMy*_ga*MTcwNDAyOTQ3MS4xNzQxMzYxMTIx*_ga_GQH2V1F11Q*czE3NTM3MzQ1NzMkbzIyJGcxJHQxNzUzNzM2MDgzJGo1NSRsMCRoMA..&bid=1753741036765';
+                        }
+                    </script>
+            </div>
+            
+            <div class="flex flex-col items-center justify-center text-center">
+                <div class="mb-6">
+                    <span class="text-gray-400 line-through text-xl">De R$497,00</span>
+                    <div class="text-5xl font-bold text-yellow-300 my-2">R$49,97</div>
+                    <p class="text-gray-300">ou 12x de R$4,99</p>
+                </div>
+                
+                <div class="bg-gray-700 rounded-lg p-4 mb-6 w-full max-w-xs">
+                    <p class="font-bold mb-2">Formas de pagamento:</p>
+                    <div class="flex justify-center space-x-4">
+                        <i class="fab fa-cc-visa text-3xl text-blue-400"></i>
+                        <i class="fab fa-cc-mastercard text-3xl text-red-400"></i>
+                        <i class="fab fa-cc-amex text-3xl text-blue-500"></i>
+                        <i class="fab fa-cc-paypal text-3xl text-blue-600"></i>
                     </div>
+                </div>
+                
+            </div>
+        </div>
                     
                     <div class="text-center text-sm opacity-80">
                         <p>Suas informações estão seguras conosco. Nunca compartilharemos seus dados.</p>