+
Escolha seu plano ideal
+
Encontre o plano que melhor se adapta às suas necessidades.
+
+ Mensal
+
+ Anual
-
-
-
Plano Newton
-
R$19,90/mês
-
R$199,90/ano (R$16,66/mês)
-
- - Acesso às aulas já gravadas
- - Acesso às listas de exercícios
- - Acesso aos materiais de estudo
-
-
Assinar Mensal
-
Assinar Anual
+
+
+
+
+
Plano Newton
+
+ R$19,90
+ /mês
-
-
Plano Einstein
-
R$29,90/mês
-
R$299,90/ano (R$24,99/mês)
-
- - Tudo do plano Newton
- - Acesso ao Grupo de Dúvidas do WhatsApp
- - Acesso ao Drive de +1TB do Curso
- - Atendimento personalizado
- - Lives mensais com os alunos
-
-
Assinar Mensal
-
Assinar Anual
+
+ - Acesso a todas as aulas já gravadas
+ - Acesso às listas de exercícios
+ - Acesso aos materiais de estudo
+ - Acesso ao Grupo de Dúvidas do WhatsApp
+ - Acesso ao Drive de +1TB do Curso
+ - Atendimento personalizado
+ - Lives mensais com os alunos
+
+
+
+
+
+
+
Plano Einstein
+
+ R$29,90
+ /mês
+
+ - Acesso a todas as aulas já gravadas
+ - Acesso às listas de exercícios
+ - Acesso aos materiais de estudo
+ - Acesso ao Grupo de Dúvidas do WhatsApp
+ - Acesso ao Drive de +1TB do Curso
+ - Atendimento personalizado
+ - Lives mensais com os alunos
+
+
+
-
-
-
+
+
+
+
-
+
\ No newline at end of file
diff --git a/js/scripts.js b/js/scripts.js
index cd4d826..04aa44a 100644
--- a/js/scripts.js
+++ b/js/scripts.js
@@ -1,19 +1,35 @@
-document.addEventListener('DOMContentLoaded', function() {
- const toggle = document.getElementById('toggle-pricing');
- const monthlyPrices = document.querySelectorAll('.monthly-price');
- const annualPrices = document.querySelectorAll('.annual-price');
+const planToggle = document.getElementById('plan-toggle');
+const plansContainer = document.getElementById('plans-container');
- toggle.addEventListener('change', function() {
- if (this.checked) {
- monthlyPrices.forEach(price => price.style.display = 'none');
- annualPrices.forEach(price => price.style.display = 'block');
- } else {
- monthlyPrices.forEach(price => price.style.display = 'block');
- annualPrices.forEach(price => price.style.display = 'none');
- }
- });
+planToggle.addEventListener('click', () => {
+ const isChecked = planToggle.getAttribute('aria-checked') === 'true';
+ planToggle.setAttribute('aria-checked', !isChecked);
- // Initialize with monthly prices displayed
- monthlyPrices.forEach(price => price.style.display = 'block');
- annualPrices.forEach(price => price.style.display = 'none');
-});
+ // Atualiza os preços e períodos dos planos
+ const plans = plansContainer.querySelectorAll('.plan');
+ plans.forEach(plan => {
+ const priceValue = plan.querySelector('.price-value');
+ const pricePeriod = plan.querySelector('.price-period');
+
+ if (!isChecked) {
+ // Define preços anuais (desconto de 20%)
+ const monthlyPrice = parseFloat(priceValue.textContent.replace('R$', '').replace(',', '.'));
+ const annualPrice = monthlyPrice * 12 * 0.8;
+ priceValue.textContent = `R$${annualPrice.toFixed(2).replace('.', ',')}`;
+ pricePeriod.textContent = '/ano';
+ } else {
+ // Retorna para preços mensais
+ switch (plan.dataset.plan) {
+ case 'newton':
+ priceValue.textContent = 'R$19,90';
+ break;
+ case 'einstein':
+ priceValue.textContent = 'R$29,90';
+ break;
+ default:
+ break;
+ }
+ pricePeriod.textContent = '/mês';
+ }
+ });
+});
\ No newline at end of file