Hugging Face's logo

Spaces:
WillNunes
/
jaque
Running

App Files Community
WillNunes commited on
Commit
50ecc1d
·
verified ·
1 Parent(s): ebb793f

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

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +411 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Jaque
3
- emoji: 🚀
4
- colorFrom: indigo
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: jaque
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,411 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Você é Essência, Exale - Mentoria Transformadora</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;500&display=swap" rel="stylesheet">
10
+ <style>
11
+ body {
12
+ font-family: 'Montserrat', sans-serif;
13
+ background-color: #f8efe5;
14
+ color: #6e5944;
15
+ scroll-behavior: smooth;
16
+ }
17
+ h1, h2, h3, h4 {
18
+ font-family: 'Playfair Display', serif;
19
+ }
20
+ .bg-primary {
21
+ background-color: #a0b2a0;
22
+ }
23
+ .bg-secondary {
24
+ background-color: #cbb4a0;
25
+ }
26
+ .text-primary {
27
+ color: #f8efe5;
28
+ }
29
+ .text-secondary {
30
+ color: #6e5944;
31
+ }
32
+ .btn-primary {
33
+ background-color: #6e5944;
34
+ color: #f8efe5;
35
+ transition: all 0.3s ease;
36
+ }
37
+ .btn-primary:hover {
38
+ background-color: #5a4937;
39
+ transform: translateY(-2px);
40
+ box-shadow: 0 4px 8px rgba(0,0,0,0.1);
41
+ }
42
+ .fade-in {
43
+ animation: fadeIn 1.5s ease-in;
44
+ }
45
+ @keyframes fadeIn {
46
+ from { opacity: 0; }
47
+ to { opacity: 1; }
48
+ }
49
+ .floating {
50
+ animation: floating 3s ease-in-out infinite;
51
+ }
52
+ @keyframes floating {
53
+ 0% { transform: translateY(0px); }
54
+ 50% { transform: translateY(-10px); }
55
+ 100% { transform: translateY(0px); }
56
+ }
57
+ </style>
58
+ </head>
59
+ <body>
60
+ <!-- Hero Section -->
61
+ <section class="bg-primary text-primary min-h-screen flex items-center relative overflow-hidden">
62
+ <div class="absolute inset-0 bg-black opacity-20"></div>
63
+ <div class="absolute right-0 top-0 w-1/2 h-full hidden md:block">
64
+ <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"
65
+ alt="Mulher em paz" class="w-full h-full object-cover">
66
+ </div>
67
+ <div class="container mx-auto px-6 z-10 fade-in">
68
+ <div class="max-w-lg">
69
+ <img src="https://sandybrown-lion-334451.hostingersite.com/wp-content/uploads/2025/08/Logo-Essencia.jpeg"
70
+ alt="Logo Você é Essência" class="w-32 h-32 object-cover rounded-full mx-auto mb-6">
71
+ <h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Você é Essência, Exale</h1>
72
+ <h2 class="text-2xl md:text-3xl mb-8 font-light">A Jornada da Mulher segundo o Coração de Deus</h2>
73
+ <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>
74
+ <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>
75
+ </div>
76
+ </div>
77
+ </section>
78
+
79
+ <!-- Storytelling Section -->
80
+ <section class="py-20 bg-secondary">
81
+ <div class="container mx-auto px-6">
82
+ <div class="max-w-4xl mx-auto text-center mb-16">
83
+ <h2 class="text-3xl md:text-4xl font-bold mb-6 text-secondary">Ela estava cansada de apenas sobreviver...</h2>
84
+ <div class="w-24 h-1 bg-primary mx-auto mb-10"></div>
85
+ </div>
86
+
87
+ <div class="max-w-3xl mx-auto">
88
+ <div class="flex flex-col md:flex-row items-center mb-16 fade-in">
89
+ <div class="md:w-1/3 mb-6 md:mb-0">
90
+ <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"
91
+ alt="Mulher cansada" class="rounded-full w-48 h-48 object-cover mx-auto shadow-lg">
92
+ </div>
93
+ <div class="md:w-2/3 md:pl-10">
94
+ <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>
95
+ <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>
96
+ </div>
97
+ </div>
98
+
99
+ <div class="flex flex-col md:flex-row items-center mb-16 fade-in">
100
+ <div class="md:w-1/3 mb-6 md:mb-0 order-1 md:order-2">
101
+ <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"
102
+ alt="Mulher em oração" class="rounded-full w-48 h-48 object-cover mx-auto shadow-lg">
103
+ </div>
104
+ <div class="md:w-2/3 md:pr-10 order-2 md:order-1">
105
+ <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>
106
+ <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>
107
+ </div>
108
+ </div>
109
+
110
+ <div class="flex flex-col md:flex-row items-center fade-in">
111
+ <div class="md:w-1/3 mb-6 md:mb-0">
112
+ <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"
113
+ alt="Mulher feliz" class="rounded-full w-48 h-48 object-cover mx-auto shadow-lg">
114
+ </div>
115
+ <div class="md:w-2/3 md:pl-10">
116
+ <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>
117
+ <p class="text-lg font-semibold">Essa pode ser a sua história também.</p>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </div>
122
+ </section>
123
+
124
+ <!-- Benefits Section -->
125
+ <section class="py-20 bg-primary text-primary">
126
+ <div class="container mx-auto px-6">
127
+ <div class="max-w-4xl mx-auto text-center mb-16">
128
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">O Que Você Vai Alcançar</h2>
129
+ <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>
130
+ </div>
131
+
132
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10 max-w-6xl mx-auto">
133
+ <div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
134
+ <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
135
+ <i class="fas fa-gem text-2xl"></i>
136
+ </div>
137
+ <h3 class="text-xl font-bold mb-4 text-center">Valor Inegociável</h3>
138
+ <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>
139
+ </div>
140
+
141
+ <div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
142
+ <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
143
+ <i class="fas fa-heart text-2xl"></i>
144
+ </div>
145
+ <h3 class="text-xl font-bold mb-4 text-center">Cura Emocional</h3>
146
+ <p class="text-center">Liberte-se de feridas passadas, padrões negativos e crenças limitantes que impedem você de viver em plenitude.</p>
147
+ </div>
148
+
149
+ <div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
150
+ <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
151
+ <i class="fas fa-praying-hands text-2xl"></i>
152
+ </div>
153
+ <h3 class="text-xl font-bold mb-4 text-center">Fé Fortalecida</h3>
154
+ <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>
155
+ </div>
156
+
157
+ <div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
158
+ <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
159
+ <i class="fas fa-people-arrows text-2xl"></i>
160
+ </div>
161
+ <h3 class="text-xl font-bold mb-4 text-center">Relacionamentos Saudáveis</h3>
162
+ <p class="text-center">Aprenda a estabelecer limites, comunicar necessidades e construir conexões que nutrem sua alma.</p>
163
+ </div>
164
+
165
+ <div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
166
+ <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
167
+ <i class="fas fa-star text-2xl"></i>
168
+ </div>
169
+ <h3 class="text-xl font-bold mb-4 text-center">Vida com Propósito</h3>
170
+ <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>
171
+ </div>
172
+
173
+ <div class="bg-secondary bg-opacity-30 p-8 rounded-lg fade-in hover:bg-opacity-50 transition-all duration-300">
174
+ <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
175
+ <i class="fas fa-seedling text-2xl"></i>
176
+ </div>
177
+ <h3 class="text-xl font-bold mb-4 text-center">Crescimento Contínuo</h3>
178
+ <p class="text-center">Adquira ferramentas práticas para manter seu desenvolvimento espiritual e emocional além da mentoria.</p>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </section>
183
+
184
+ <!-- Differentiator Section -->
185
+ <section class="py-20 bg-secondary">
186
+ <div class="container mx-auto px-6">
187
+ <div class="max-w-4xl mx-auto text-center mb-16">
188
+ <h2 class="text-3xl md:text-4xl font-bold mb-6 text-secondary">Por Que Essa Mentoria é Diferente</h2>
189
+ <div class="w-24 h-1 bg-primary mx-auto mb-10"></div>
190
+ </div>
191
+
192
+ <div class="max-w-5xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-10">
193
+ <div class="text-center fade-in">
194
+ <div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
195
+ <i class="fas fa-video text-3xl text-primary"></i>
196
+ </div>
197
+ <h3 class="text-xl font-bold mb-4">Encontros Ao Vivo</h3>
198
+ <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>
199
+ </div>
200
+
201
+ <div class="text-center fade-in">
202
+ <div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
203
+ <i class="fas fa-hands-helping text-3xl text-primary"></i>
204
+ </div>
205
+ <h3 class="text-xl font-bold mb-4">Abordagem Prática</h3>
206
+ <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>
207
+ </div>
208
+
209
+ <div class="text-center fade-in">
210
+ <div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mb-6 mx-auto">
211
+ <i class="fas fa-bible text-3xl text-primary"></i>
212
+ </div>
213
+ <h3 class="text-xl font-bold mb-4">Fundamento Bíblico</h3>
214
+ <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>
215
+ </div>
216
+ </div>
217
+
218
+ <div class="max-w-2xl mx-auto mt-16 bg-primary bg-opacity-20 p-8 rounded-lg fade-in">
219
+ <h3 class="text-2xl font-bold mb-6 text-center">Estrutura da Mentoria</h3>
220
+ <ul class="space-y-4">
221
+ <li class="flex items-start">
222
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
223
+ <span>8 semanas de mentoria transformadora</span>
224
+ </li>
225
+ <li class="flex items-start">
226
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
227
+ <span>2 encontros semanais ao vivo (1h30 cada)</span>
228
+ </li>
229
+ <li class="flex items-start">
230
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
231
+ <span>Material exclusivo para cada módulo</span>
232
+ </li>
233
+ <li class="flex items-start">
234
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
235
+ <span>Grupo de apoio exclusivo para participantes</span>
236
+ </li>
237
+ <li class="flex items-start">
238
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
239
+ <span>Bônus: 2 sessões individuais de mentoria</span>
240
+ </li>
241
+ </ul>
242
+ </div>
243
+ </div>
244
+ </section>
245
+
246
+ <!-- (Testimonial Section removida) -->
247
+
248
+ <!-- CTA Section -->
249
+ <section id="cta" class="py-20 bg-secondary relative overflow-hidden">
250
+ <div class="absolute inset-0 bg-primary opacity-10"></div>
251
+ <div class="absolute right-0 bottom-0 w-full md:w-1/2">
252
+ <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"
253
+ alt="Mulher feliz" class="w-full h-full object-cover">
254
+ </div>
255
+
256
+ <div class="container mx-auto px-6 relative z-10">
257
+ <div class="max-w-2xl mx-auto text-center fade-in">
258
+ <h2 class="text-3xl md:text-4xl font-bold mb-6 text-secondary">Sua Jornada Começa Aqui</h2>
259
+ <p class="text-xl mb-8">Deixe de adiar o encontro com a melhor versão de você mesma. O momento é agora.</p>
260
+
261
+ <div class="bg-primary bg-opacity-80 text-primary p-8 rounded-lg mb-10">
262
+ <h3 class="text-2xl font-bold mb-4">Oferta Especial de Lançamento</h3>
263
+ <p class="text-xl mb-2"><span class="line-through">R$ 997,00</span></p>
264
+ <p class="text-3xl font-bold mb-4">12x de R$ 30,72</p>
265
+ <p class="mb-4">ou R$ 297,00 à vista</p>
266
+ <p class="text-sm">Essa oferta especial está disponível apenas para as primeiras 20 inscritas.</p>
267
+ </div>
268
+
269
+ <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>
270
+
271
+ <div class="flex items-center justify-center">
272
+ <div class="flex items-center mr-4">
273
+ <i class="fas fa-lock text-primary mr-2"></i>
274
+ <span>Pagamento seguro</span>
275
+ </div>
276
+ <div class="flex items-center">
277
+ <i class="fas fa-shield-alt text-primary mr-2"></i>
278
+ <span>7 dias de garantia</span>
279
+ </div>
280
+ </div>
281
+ </div>
282
+ </div>
283
+ </section>
284
+
285
+ <!-- FAQ Section -->
286
+ <section class="py-20 bg-primary text-primary">
287
+ <div class="container mx-auto px-6">
288
+ <div class="max-w-4xl mx-auto text-center mb-16">
289
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Perguntas Frequentes</h2>
290
+ <p>Tire suas dúvidas sobre a mentoria</p>
291
+ </div>
292
+
293
+ <div class="max-w-3xl mx-auto space-y-6">
294
+ <div class="bg-secondary bg-opacity-30 p-6 rounded-lg fade-in">
295
+ <div class="flex justify-between items-center cursor-pointer" onclick="toggleFAQ(1)">
296
+ <h3 class="text-xl font-bold">Para quem essa mentoria é indicada?</h3>
297
+ <i class="fas fa-chevron-down" id="faq-icon-1"></i>
298
+ </div>
299
+ <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>
300
+ </div>
301
+
302
+ <div class="bg-secondary bg-opacity-30 p-6 rounded-lg fade-in">
303
+ <div class="flex justify-between items-center cursor-pointer" onclick="toggleFAQ(2)">
304
+ <h3 class="text-xl font-bold">E se eu perder algum encontro ao vivo?</h3>
305
+ <i class="fas fa-chevron-down" id="faq-icon-2"></i>
306
+ </div>
307
+ <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>
308
+ </div>
309
+
310
+ <div class="bg-secondary bg-opacity-30 p-6 rounded-lg fade-in">
311
+ <div class="flex justify-between items-center cursor-pointer" onclick="toggleFAQ(3)">
312
+ <h3 class="text-xl font-bold">Quanto tempo por semana preciso dedicar?</h3>
313
+ <i class="fas fa-chevron-down" id="faq-icon-3"></i>
314
+ </div>
315
+ <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>
316
+ </div>
317
+
318
+ <div class="bg-secondary bg-opacity-30 p-6 rounded-lg fade-in">
319
+ <div class="flex justify-between items-center cursor-pointer" onclick="toggleFAQ(4)">
320
+ <h3 class="text-xl font-bold">E se eu não gostar da mentoria?</h3>
321
+ <i class="fas fa-chevron-down" id="faq-icon-4"></i>
322
+ </div>
323
+ <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>
324
+ </div>
325
+ </div>
326
+
327
+ <div class="text-center mt-16 fade-in">
328
+ <h3 class="text-2xl font-bold mb-6">Ainda com dúvidas?</h3>
329
+ <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>
330
+ <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>
331
+ </div>
332
+ </div>
333
+ </section>
334
+
335
+ <!-- Final CTA -->
336
+ <section class="py-16 bg-secondary text-center">
337
+ <div class="container mx-auto px-6">
338
+ <h2 class="text-3xl font-bold mb-6 text-secondary">Você Merece Viver na Plenitude da Sua Essência</h2>
339
+ <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>
340
+ <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>
341
+ </div>
342
+ </section>
343
+
344
+ <!-- Footer -->
345
+ <footer class="bg-primary text-primary py-10">
346
+ <div class="container mx-auto px-6">
347
+ <div class="flex flex-col md:flex-row justify-between items-center">
348
+ <div class="mb-6 md:mb-0">
349
+ <h3 class="text-2xl font-bold">Você é Essência, Exale</h3>
350
+ <p>A Jornada da Mulher segundo o Coração de Deus</p>
351
+ </div>
352
+ <div class="flex space-x-6">
353
+ <a href="#" class="text-2xl"><i class="fab fa-instagram"></i></a>
354
+ <a href="#" class="text-2xl"><i class="fab fa-facebook"></i></a>
355
+ <a href="#" class="text-2xl"><i class="fab fa-youtube"></i></a>
356
+ </div>
357
+ </div>
358
+ <div class="border-t border-primary border-opacity-20 mt-8 pt-8 text-center text-sm">
359
+ <p>© 2023 Você é Essência, Exale. Todos os direitos reservados.</p>
360
+ <p class="mt-2"><a href="#" class="underline">Termos de Uso</a> | <a href="#" class="underline">Política de Privacidade</a></p>
361
+ </div>
362
+ </div>
363
+ </footer>
364
+
365
+ <script>
366
+ // FAQ toggle function
367
+ function toggleFAQ(num) {
368
+ const answer = document.getElementById(`faq-answer-${num}`);
369
+ const icon = document.getElementById(`faq-icon-${num}`);
370
+
371
+ if (answer.classList.contains('hidden')) {
372
+ answer.classList.remove('hidden');
373
+ icon.classList.remove('fa-chevron-down');
374
+ icon.classList.add('fa-chevron-up');
375
+ } else {
376
+ answer.classList.add('hidden');
377
+ icon.classList.remove('fa-chevron-up');
378
+ icon.classList.add('fa-chevron-down');
379
+ }
380
+ }
381
+
382
+ // Add fade-in effect as user scrolls
383
+ document.addEventListener('DOMContentLoaded', function() {
384
+ const fadeElements = document.querySelectorAll('.fade-in');
385
+
386
+ const fadeInOnScroll = function() {
387
+ fadeElements.forEach(element => {
388
+ const elementTop = element.getBoundingClientRect().top;
389
+ const windowHeight = window.innerHeight;
390
+
391
+ if (elementTop < windowHeight - 100) {
392
+ element.style.opacity = '1';
393
+ }
394
+ });
395
+ };
396
+
397
+ // Set initial state
398
+ fadeElements.forEach(element => {
399
+ element.style.opacity = '0';
400
+ element.style.transition = 'opacity 1s ease';
401
+ });
402
+
403
+ // Check on scroll
404
+ window.addEventListener('scroll', fadeInOnScroll);
405
+
406
+ // Initial check
407
+ fadeInOnScroll();
408
+ });
409
+ </script>
410
+ <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>
411
+ </html>