jaque / index.html
WillNunes's picture
Atualizar a sessão "Estrutura da mentoria" para: 8 semanas de mentoria transformadora 1 encontro ao vivo por semana (1h30 cada) Material exclusivo para cada módulo Grupo de apoio exclusivo para participantes - Initial Deployment
50ecc1d verified
Raw
History Blame Contribute Delete
26 kB
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Você é Essência, Exale - Mentoria Transformadora</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">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;500&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Montserrat', sans-serif;
background-color: #f8efe5;
color: #6e5944;
scroll-behavior: smooth;
}
h1, h2, h3, h4 {
font-family: 'Playfair Display', serif;
}
.bg-primary {
background-color: #a0b2a0;
}
.bg-secondary {
background-color: #cbb4a0;
}
.text-primary {
color: #f8efe5;
}
.text-secondary {
color: #6e5944;
}
.btn-primary {
background-color: #6e5944;
color: #f8efe5;
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: #5a4937;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.fade-in {
animation: fadeIn 1.5s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.floating {
animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}
</style>
</head>
<body>
<!-- Hero Section -->
<section class="bg-primary text-primary min-h-screen flex items-center relative overflow-hidden">
<div class="absolute inset-0 bg-black opacity-20"></div>
<div class="absolute right-0 top-0 w-1/2 h-full hidden md:block">
<img src="https://images.unsplash.com/photo-1517365830460-955ce3ccd263?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80"
alt="Mulher em paz" class="w-full h-full object-cover">
</div>
<div class="container mx-auto px-6 z-10 fade-in">
<div class="max-w-lg">
<img src="https://sandybrown-lion-334451.hostingersite.com/wp-content/uploads/2025/08/Logo-Essencia.jpeg"
alt="Logo Você é Essência" class="w-32 h-32 object-cover rounded-full mx-auto mb-6">
<h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Você é Essência, Exale</h1>
<h2 class="text-2xl md:text-3xl mb-8 font-light">A Jornada da Mulher segundo o Coração de Deus</h2>
<p class="text-xl mb-10">Descubra sua verdadeira identidade e propósito através de uma transformação profunda que começa no coração.</p>
<a href="https://pay.hotmart.com/J100107878A" class="btn-primary py-4 px-8 rounded-full text-xl font-medium inline-block">Quero iniciar minha transformação agora</a>
</div>
</div>
</section>
<!-- Storytelling Section -->
<section class="py-20 bg-secondary">
<div class="container mx-auto px-6">
<div class="max-w-4xl mx-auto text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-secondary">Ela estava cansada de apenas sobreviver...</h2>
<div class="w-24 h-1 bg-primary mx-auto mb-10"></div>
</div>
<div class="max-w-3xl mx-auto">
<div class="flex flex-col md:flex-row items-center mb-16 fade-in">
<div class="md:w-1/3 mb-6 md:mb-0">
<img src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=688&q=80"
alt="Mulher cansada" class="rounded-full w-48 h-48 object-cover mx-auto shadow-lg">
</div>
<div class="md:w-2/3 md:pl-10">
<p class="text-lg mb-4">Ana acordava todos os dias com um vazio que não conseguia explicar. Por fora, tudo parecia perfeito: carreira, família, amigos. Mas por dentro, uma voz sussurrava: "Isso não é tudo que você foi chamada para ser."</p>
<p class="text-lg">As máscaras que usava para agradar aos outros pesavam mais a cada dia. A busca por aprovação, a culpa constante, a sensação de nunca ser suficiente... até que ela entendeu: estava vivendo a vida de todos, menos a dela.</p>
</div>
</div>
<div class="flex flex-col md:flex-row items-center mb-16 fade-in">
<div class="md:w-1/3 mb-6 md:mb-0 order-1 md:order-2">
<img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
alt="Mulher em oração" class="rounded-full w-48 h-48 object-cover mx-auto shadow-lg">
</div>
<div class="md:w-2/3 md:pr-10 order-2 md:order-1">
<p class="text-lg mb-4">Foi quando Ana decidiu parar de buscar respostas no mundo e começou a buscá-las em Deus. Através da mentoria "Você é Essência, Exale", ela descobriu que sua verdadeira identidade já estava escrita - precisava apenas se permitir viver essa verdade.</p>
<p class="text-lg">A jornada não foi sobre se tornar alguém novo, mas sobre se lembrar de quem sempre foi no coração do Pai. As cicatrizes emocionais se transformaram em histórias de redenção. A insegurança deu lugar à confiança naquele que a chamou por nome.</p>
</div>
</div>
<div class="flex flex-col md:flex-row items-center fade-in">
<div class="md:w-1/3 mb-6 md:mb-0">
<img src="https://images.unsplash.com/photo-1544717305-2782549b5136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
alt="Mulher feliz" class="rounded-full w-48 h-48 object-cover mx-auto shadow-lg">
</div>
<div class="md:w-2/3 md:pl-10">
<p class="text-lg mb-4">Hoje, Ana vive uma vida que flui da essência. Seus relacionamentos são mais saudáveis, suas decisões são tomadas a partir da paz, e seu propósito se revela a cada dia. Ela finalmente entendeu: quando conhecemos quem somos em Deus, podemos exalar essa verdade em tudo que fazemos.</p>
<p class="text-lg font-semibold">Essa pode ser a sua história também.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="py-20 bg-primary text-primary">
<div class="container mx-auto px-6">
<div class="max-w-4xl mx-auto text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6">O Que Você Vai Alcançar</h2>
<p class="text-xl">Na mentoria "Você é Essência, Exale", você vai experimentar uma transformação que começa no coração e se estende para todas as áreas da sua vida.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10 max-w-6xl mx-auto">
<div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
<div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
<i class="fas fa-gem text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-4 text-center">Valor Inegociável</h3>
<p class="text-center">Descubra seu valor intrínseco que não depende de desempenho ou aprovação, mas da sua identidade como filha amada de Deus.</p>
</div>
<div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
<div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
<i class="fas fa-heart text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-4 text-center">Cura Emocional</h3>
<p class="text-center">Liberte-se de feridas passadas, padrões negativos e crenças limitantes que impedem você de viver em plenitude.</p>
</div>
<div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
<div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
<i class="fas fa-praying-hands text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-4 text-center">Fé Fortalecida</h3>
<p class="text-center">Desenvolva uma fé prática que sustenta suas decisões e te conecta intimamente com o coração do Pai.</p>
</div>
<div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
<div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
<i class="fas fa-people-arrows text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-4 text-center">Relacionamentos Saudáveis</h3>
<p class="text-center">Aprenda a estabelecer limites, comunicar necessidades e construir conexões que nutrem sua alma.</p>
</div>
<div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
<div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
<i class="fas fa-star text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-4 text-center">Vida com Propósito</h3>
<p class="text-center">Descubra e abrace o propósito único que Deus plantou em você, vivendo cada dia com intencionalidade e paixão.</p>
</div>
<div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
<div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
<i class="fas fa-seedling text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-4 text-center">Crescimento Contínuo</h3>
<p class="text-center">Adquira ferramentas práticas para manter seu desenvolvimento espiritual e emocional além da mentoria.</p>
</div>
</div>
</div>
</section>
<!-- Differentiator Section -->
<section class="py-20 bg-secondary">
<div class="container mx-auto px-6">
<div class="max-w-4xl mx-auto text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-secondary">Por Que Essa Mentoria é Diferente</h2>
<div class="w-24 h-1 bg-primary mx-auto mb-10"></div>
</div>
<div class="max-w-5xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-10">
<div class="text-center fade-in">
<div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
<i class="fas fa-video text-3xl text-primary"></i>
</div>
<h3 class="text-xl font-bold mb-4">Encontros Ao Vivo</h3>
<p>Não é apenas mais um curso gravado. São encontros semanais ao vivo onde você pode interagir, fazer perguntas e receber orientação personalizada.</p>
</div>
<div class="text-center fade-in">
<div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
<i class="fas fa-hands-helping text-3xl text-primary"></i>
</div>
<h3 class="text-xl font-bold mb-4">Abordagem Prática</h3>
<p>Vamos além da teoria. Cada sessão inclui exercícios práticos, reflexões guiadas e ferramentas que você pode aplicar imediatamente no seu dia a dia.</p>
</div>
<div class="text-center fade-in">
<div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
<i class="fas fa-bible text-3xl text-primary"></i>
</div>
<h3 class="text-xl font-bold mb-4">Fundamento Bíblico</h3>
<p>Toda a jornada é baseada em princípios bíblicos atemporais, mostrando como a Palavra de Deus se aplica aos desafios reais da mulher moderna.</p>
</div>
</div>
<div class="max-w-2xl mx-auto mt-16 bg-primary bg-opacity-20 p-8 rounded-lg fade-in">
<h3 class="text-2xl font-bold mb-6 text-center">Estrutura da Mentoria</h3>
<ul class="space-y-4">
<li class="flex items-start">
<i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
<span>8 semanas de mentoria transformadora</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
<span>2 encontros semanais ao vivo (1h30 cada)</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
<span>Material exclusivo para cada módulo</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
<span>Grupo de apoio exclusivo para participantes</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
<span>Bônus: 2 sessões individuais de mentoria</span>
</li>
</ul>
</div>
</div>
</section>
<!-- (Testimonial Section removida) -->
<!-- CTA Section -->
<section id="cta" class="py-20 bg-secondary relative overflow-hidden">
<div class="absolute inset-0 bg-primary opacity-10"></div>
<div class="absolute right-0 bottom-0 w-full md:w-1/2">
<img src="https://images.unsplash.com/photo-1530092285049-1c42085fd395?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
alt="Mulher feliz" class="w-full h-full object-cover">
</div>
<div class="container mx-auto px-6 relative z-10">
<div class="max-w-2xl mx-auto text-center fade-in">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-secondary">Sua Jornada Começa Aqui</h2>
<p class="text-xl mb-8">Deixe de adiar o encontro com a melhor versão de você mesma. O momento é agora.</p>
<div class="bg-primary bg-opacity-80 text-primary p-8 rounded-lg mb-10">
<h3 class="text-2xl font-bold mb-4">Oferta Especial de Lançamento</h3>
<p class="text-xl mb-2"><span class="line-through">R$ 997,00</span></p>
<p class="text-3xl font-bold mb-4">12x de R$ 30,72</p>
<p class="mb-4">ou R$ 297,00 à vista</p>
<p class="text-sm">Essa oferta especial está disponível apenas para as primeiras 20 inscritas.</p>
</div>
<a href="https://pay.hotmart.com/J100107878A" class="btn-primary py-4 px-8 rounded-full text-xl font-medium inline-block mb-10">Quero garantir minha vaga</a>
<div class="flex items-center justify-center">
<div class="flex items-center mr-4">
<i class="fas fa-lock text-primary mr-2"></i>
<span>Pagamento seguro</span>
</div>
<div class="flex items-center">
<i class="fas fa-shield-alt text-primary mr-2"></i>
<span>7 dias de garantia</span>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="py-20 bg-primary text-primary">
<div class="container mx-auto px-6">
<div class="max-w-4xl mx-auto text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Perguntas Frequentes</h2>
<p>Tire suas dúvidas sobre a mentoria</p>
</div>
<div class="max-w-3xl mx-auto space-y-6">
<div class="bg-secondary bg-opacity-30 p-6 rounded-lg fade-in">
<div class="flex justify-between items-center cursor-pointer" onclick="toggleFAQ(1)">
<h3 class="text-xl font-bold">Para quem essa mentoria é indicada?</h3>
<i class="fas fa-chevron-down" id="faq-icon-1"></i>
</div>
<p id="faq-answer-1" class="mt-4 hidden">Essa mentoria é para qualquer mulher que deseja se reconectar com sua essência e propósito segundo o coração de Deus. Se você se sente perdida, sobrecarregada, ou simplesmente quer aprofundar seu relacionamento com Deus enquanto descobre quem realmente é, essa jornada é para você. Não importa sua idade, estado civil ou profissão - o que importa é o desejo de transformação.</p>
</div>
<div class="bg-secondary bg-opacity-30 p-6 rounded-lg fade-in">
<div class="flex justify-between items-center cursor-pointer" onclick="toggleFAQ(2)">
<h3 class="text-xl font-bold">E se eu perder algum encontro ao vivo?</h3>
<i class="fas fa-chevron-down" id="faq-icon-2"></i>
</div>
<p id="faq-answer-2" class="mt-4 hidden">Todos os encontros são gravados e ficam disponíveis na área de membros por 6 meses após o término da mentoria. Você pode assistir quando quiser, no seu próprio ritmo. No entanto, recomendamos fortemente que participe ao vivo sempre que possível, pois a interação e os momentos de mentoria personalizada são partes valiosas do processo.</p>
</div>
<div class="bg-secondary bg-opacity-30 p-6 rounded-lg fade-in">
<div class="flex justify-between items-center cursor-pointer" onclick="toggleFAQ(3)">
<h3 class="text-xl font-bold">Quanto tempo por semana preciso dedicar?</h3>
<i class="fas fa-chevron-down" id="faq-icon-3"></i>
</div>
<p id="faq-answer-3" class="mt-4 hidden">Os encontros ao vivo duram cerca de 1h30 cada (total de 3h semanais). Além disso, recomendamos que você reserve pelo menos 2-3 horas semanais para os exercícios práticos e reflexões. Mas tudo pode ser adaptado à sua rotina - o importante é sua disposição para o processo de transformação.</p>
</div>
<div class="bg-secondary bg-opacity-30 p-6 rounded-lg fade-in">
<div class="flex justify-between items-center cursor-pointer" onclick="toggleFAQ(4)">
<h3 class="text-xl font-bold">E se eu não gostar da mentoria?</h3>
<i class="fas fa-chevron-down" id="faq-icon-4"></i>
</div>
<p id="faq-answer-4" class="mt-4 hidden">Oferecemos uma garantia incondicional de 7 dias. Se dentro desse período você sentir que a mentoria não é para você, basta nos avisar que devolveremos 100% do seu investimento, sem questionamentos. Queremos apenas mulheres verdadeiramente comprometidas com sua transformação.</p>
</div>
</div>
<div class="text-center mt-16 fade-in">
<h3 class="text-2xl font-bold mb-6">Ainda com dúvidas?</h3>
<p class="mb-8">Entre em contato conosco pelo email <a href="mailto:contato@voceeessencia.com" class="font-bold underline">contato@voceeessencia.com</a></p>
<a href="https://pay.hotmart.com/J100107878A" class="btn-primary py-4 px-8 rounded-full text-xl font-medium inline-block">Quero me inscrever agora</a>
</div>
</div>
</section>
<!-- Final CTA -->
<section class="py-16 bg-secondary text-center">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold mb-6 text-secondary">Você Merece Viver na Plenitude da Sua Essência</h2>
<p class="text-xl mb-8 max-w-2xl mx-auto">Não deixe que mais um ano passe sem que você experimente a liberdade e o propósito para o qual foi criada.</p>
<a href="https://pay.hotmart.com/J100107878A" class="btn-primary py-4 px-8 rounded-full text-xl font-medium inline-block">Iniciar minha transformação</a>
</div>
</section>
<!-- Footer -->
<footer class="bg-primary text-primary py-10">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-6 md:mb-0">
<h3 class="text-2xl font-bold">Você é Essência, Exale</h3>
<p>A Jornada da Mulher segundo o Coração de Deus</p>
</div>
<div class="flex space-x-6">
<a href="#" class="text-2xl"><i class="fab fa-instagram"></i></a>
<a href="#" class="text-2xl"><i class="fab fa-facebook"></i></a>
<a href="#" class="text-2xl"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="border-t border-primary border-opacity-20 mt-8 pt-8 text-center text-sm">
<p>© 2023 Você é Essência, Exale. Todos os direitos reservados.</p>
<p class="mt-2"><a href="#" class="underline">Termos de Uso</a> | <a href="#" class="underline">Política de Privacidade</a></p>
</div>
</div>
</footer>
<script>
// FAQ toggle function
function toggleFAQ(num) {
const answer = document.getElementById(`faq-answer-${num}`);
const icon = document.getElementById(`faq-icon-${num}`);
if (answer.classList.contains('hidden')) {
answer.classList.remove('hidden');
icon.classList.remove('fa-chevron-down');
icon.classList.add('fa-chevron-up');
} else {
answer.classList.add('hidden');
icon.classList.remove('fa-chevron-up');
icon.classList.add('fa-chevron-down');
}
}
// Add fade-in effect as user scrolls
document.addEventListener('DOMContentLoaded', function() {
const fadeElements = document.querySelectorAll('.fade-in');
const fadeInOnScroll = function() {
fadeElements.forEach(element => {
const elementTop = element.getBoundingClientRect().top;
const windowHeight = window.innerHeight;
if (elementTop < windowHeight - 100) {
element.style.opacity = '1';
}
});
};
// Set initial state
fadeElements.forEach(element => {
element.style.opacity = '0';
element.style.transition = 'opacity 1s ease';
});
// Check on scroll
window.addEventListener('scroll', fadeInOnScroll);
// Initial check
fadeInOnScroll();
});
</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=WillNunes/jaque" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>