Hugging Face's logo

Spaces:
RicodeFe81
/
edvanclickconquista
Running

App Files Community
RicodeFe81 commited on
Commit
8e66807
·
verified ·
1 Parent(s): c7023fb

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +479 -19
  3. prompts.txt +5 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Edvanclickconquista
3
- emoji: 🏆
4
- colorFrom: pink
5
- colorTo: pink
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: edvanclickconquista
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: gray
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,479 @@
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>A Dieta dos Sucos Saudáveis - WebBook App</title>
7
+ <link rel="manifest" href="manifest.json">
8
+ <meta name="theme-color" content="#00ff99">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
11
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
12
+ <style>
13
+ body {
14
+ font-family: 'Poppins', sans-serif;
15
+ background: linear-gradient(to bottom, #000000, #1a1a1a);
16
+ color: #ffffff;
17
+ }
18
+ .neon-glow {
19
+ box-shadow: 0 0 15px #00ff99, 0 0 30px rgba(0, 255, 153, 0.3);
20
+ }
21
+ .chapter-card {
22
+ transition: all 0.3s ease;
23
+ }
24
+ .chapter-card:hover {
25
+ transform: translateY(-5px);
26
+ box-shadow: 0 10px 25px rgba(0, 255, 153, 0.2);
27
+ }
28
+ .floating-btn {
29
+ animation: float 3s ease-in-out infinite;
30
+ }
31
+ @keyframes float {
32
+ 0% { transform: translateY(0px); }
33
+ 50% { transform: translateY(-10px); }
34
+ 100% { transform: translateY(0px); }
35
+ }
36
+ .progress-bar {
37
+ height: 4px;
38
+ background: linear-gradient(90deg, #00ff99 0%, #00cc77 100%);
39
+ }
40
+ .chatbot-container {
41
+ transform: translateY(100%);
42
+ transition: transform 0.3s ease;
43
+ }
44
+ .chatbot-container.active {
45
+ transform: translateY(0);
46
+ }
47
+ .chat-message {
48
+ animation: fadeIn 0.3s ease;
49
+ }
50
+ @keyframes fadeIn {
51
+ from { opacity: 0; transform: translateY(10px); }
52
+ to { opacity: 1; transform: translateY(0); }
53
+ }
54
+ </style>
55
+ </head>
56
+ <body>
57
+ <!-- Progress Bar -->
58
+ <div class="fixed top-0 left-0 right-0 z-50">
59
+ <div id="progressBar" class="progress-bar" style="width: 0%"></div>
60
+ </div>
61
+
62
+ <!-- Header -->
63
+ <header class="bg-gradient-to-r from-green-400 to-teal-500 py-8 px-4 text-center">
64
+ <div class="max-w-4xl mx-auto">
65
+ <h1 class="text-3xl md:text-4xl font-bold text-gray-900 mb-2">A Dieta dos Sucos Saudáveis</h1>
66
+ <p class="text-lg text-gray-800 font-medium">Descubra o poder da nutrição natural e transforme sua saúde!</p>
67
+ <div class="mt-6">
68
+ <span class="inline-block bg-black text-green-400 px-4 py-2 rounded-full text-sm font-semibold mr-3">
69
+ <i class="fas fa-star mr-1"></i> E-book Premium
70
+ </span>
71
+ <span class="inline-block bg-black text-green-400 px-4 py-2 rounded-full text-sm font-semibold">
72
+ <i class="fas fa-certificate mr-1"></i> Edição Limitada
73
+ </span>
74
+ </div>
75
+ </div>
76
+ </header>
77
+
78
+ <!-- Author Info -->
79
+ <div class="bg-gray-800 shadow-lg py-4 px-6 flex items-center justify-center max-w-md mx-auto -mt-6 rounded-lg neon-glow">
80
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Edvan Gonçalves" class="w-12 h-12 rounded-full border-2 border-green-400 shadow-md">
81
+ <div class="ml-4">
82
+ <h3 class="font-semibold text-green-400">Edvan Gonçalves</h3>
83
+ <p class="text-sm text-gray-400">EdvanClickConquista🦅</p>
84
+ </div>
85
+ </div>
86
+
87
+ <!-- Main Content -->
88
+ <div class="container mx-auto px-4 py-12 max-w-4xl">
89
+ <!-- Chapter 1 -->
90
+ <div class="chapter-card bg-gray-800 rounded-xl overflow-hidden mb-10 neon-glow">
91
+ <div class="p-6 md:p-8">
92
+ <div class="flex items-center mb-4">
93
+ <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-900 text-green-400 font-bold mr-4">1</span>
94
+ <h2 class="text-2xl font-bold text-green-400">Começando Sua Jornada Detox</h2>
95
+ </div>
96
+ <img src="https://images.unsplash.com/photo-1547592180-85f173990554?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
97
+ alt="Detox Natural"
98
+ class="w-full h-64 md:h-80 object-cover rounded-lg mb-6">
99
+ <div class="prose max-w-none text-gray-300">
100
+ <p class="mb-4">Aprenda como os sucos naturais ajudam na desintoxicação do organismo e no ganho de energia para o seu dia a dia.</p>
101
+
102
+ <div class="bg-gray-700 p-4 rounded-lg border-l-4 border-green-400 mb-6">
103
+ <h4 class="font-bold text-green-400 mb-2 flex items-center">
104
+ <i class="fas fa-lightbulb mr-2"></i> Dica do especialista:
105
+ </h4>
106
+ <p class="text-gray-300">Comece seu dia com um suco de limão com água morna para ativar seu sistema digestivo.</p>
107
+ </div>
108
+
109
+ <button onclick="alert('Capítulo 1 em leitura...')" class="bg-green-500 hover:bg-green-600 text-black font-bold py-3 px-8 rounded-full inline-flex items-center transition-colors">
110
+ <i class="fas fa-book-open mr-2"></i> Ler agora
111
+ </button>
112
+ </div>
113
+ </div>
114
+ </div>
115
+
116
+ <!-- Chapter 2 -->
117
+ <div class="chapter-card bg-gray-800 rounded-xl overflow-hidden mb-10 neon-glow">
118
+ <div class="p-6 md:p-8">
119
+ <div class="flex items-center mb-4">
120
+ <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-900 text-green-400 font-bold mr-4">2</span>
121
+ <h2 class="text-2xl font-bold text-green-400">Os Ingredientes Essenciais</h2>
122
+ </div>
123
+ <img src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1453&q=80"
124
+ alt="Ingredientes Naturais"
125
+ class="w-full h-64 md:h-80 object-cover rounded-lg mb-6">
126
+ <div class="prose max-w-none text-gray-300">
127
+ <p class="mb-6">Conheça os melhores ingredientes para turbinar seus sucos e obter o máximo de nutrientes em cada copo.</p>
128
+
129
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
130
+ <div class="bg-gray-700 p-4 rounded-lg">
131
+ <h4 class="font-bold text-green-400 mb-2 flex items-center">
132
+ <i class="fas fa-apple-alt mr-2"></i> Frutas Detox
133
+ </h4>
134
+ <ul class="text-gray-300">
135
+ <li class="mb-1">• Limão - Alcalinizante</li>
136
+ <li class="mb-1">• Maçã - Fibras solúveis</li>
137
+ <li class="mb-1">• Abacaxi - Digestivo</li>
138
+ </ul>
139
+ </div>
140
+ <div class="bg-gray-700 p-4 rounded-lg">
141
+ <h4 class="font-bold text-green-400 mb-2 flex items-center">
142
+ <i class="fas fa-leaf mr-2"></i> Vegetais Curativos
143
+ </h4>
144
+ <ul class="text-gray-300">
145
+ <li class="mb-1">• Couve - Anti-inflamatório</li>
146
+ <li class="mb-1">• Pepino - Hidratante</li>
147
+ <li class="mb-1">• Gengibre - Termogênico</li>
148
+ </ul>
149
+ </div>
150
+ </div>
151
+
152
+ <button onclick="alert('Capítulo 2 em leitura...')" class="bg-green-500 hover:bg-green-600 text-black font-bold py-3 px-8 rounded-full inline-flex items-center transition-colors">
153
+ <i class="fas fa-book-open mr-2"></i> Ler agora
154
+ </button>
155
+ </div>
156
+ </div>
157
+ </div>
158
+
159
+ <!-- Chapter 3 -->
160
+ <div class="chapter-card bg-gray-800 rounded-xl overflow-hidden mb-10 neon-glow">
161
+ <div class="p-6 md:p-8">
162
+ <div class="flex items-center mb-4">
163
+ <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-900 text-green-400 font-bold mr-4">3</span>
164
+ <h2 class="text-2xl font-bold text-green-400">Receitas Energéticas para o Dia</h2>
165
+ </div>
166
+ <img src="https://images.unsplash.com/photo-1581291518633-83b4ebd1d35e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
167
+ alt="Receitas Energéticas"
168
+ class="w-full h-64 md:h-80 object-cover rounded-lg mb-6">
169
+ <div class="prose max-w-none text-gray-300">
170
+ <p class="mb-6">Sucos que vão dar aquele gás na sua manhã e manter sua disposição ao longo do dia.</p>
171
+
172
+ <div class="bg-gray-700 border border-gray-600 rounded-lg overflow-hidden mb-6">
173
+ <div class="bg-green-900 text-green-400 px-4 py-2 font-bold flex items-center">
174
+ <i class="fas fa-bolt mr-2"></i> Receita Energética
175
+ </div>
176
+ <div class="p-4">
177
+ <h3 class="font-bold text-lg mb-2 text-green-400">Suco Verde Energético</h3>
178
+ <p class="text-sm text-gray-400 mb-3">Ingredientes: 1 maçã, 1 folha de couve, 1/2 limão, 1 pedaço de gengibre e 200ml de água</p>
179
+ <p class="text-gray-300">Modo de preparo: Bata todos os ingredientes no liquidificador e coe se necessário. Consuma imediatamente.</p>
180
+ </div>
181
+ </div>
182
+
183
+ <button onclick="alert('Capítulo 3 em leitura...')" class="bg-green-500 hover:bg-green-600 text-black font-bold py-3 px-8 rounded-full inline-flex items-center transition-colors">
184
+ <i class="fas fa-book-open mr-2"></i> Ler agora
185
+ </button>
186
+ </div>
187
+ </div>
188
+ </div>
189
+
190
+ <!-- Chapter 4 -->
191
+ <div class="chapter-card bg-gray-800 rounded-xl overflow-hidden mb-10 neon-glow">
192
+ <div class="p-6 md:p-8">
193
+ <div class="flex items-center mb-4">
194
+ <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-900 text-green-400 font-bold mr-4">4</span>
195
+ <h2 class="text-2xl font-bold text-green-400">Detox Profundo</h2>
196
+ </div>
197
+ <img src="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1480&q=80"
198
+ alt="Detox Profundo"
199
+ class="w-full h-64 md:h-80 object-cover rounded-lg mb-6">
200
+ <div class="prose max-w-none text-gray-300">
201
+ <p class="mb-6">Sucos ideais para eliminar toxinas acumuladas e promover um reinício completo no seu organismo.</p>
202
+
203
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
204
+ <div class="bg-gray-700 border border-gray-600 rounded-lg overflow-hidden hover:border-green-400 transition-colors">
205
+ <div class="relative">
206
+ <img src="https://images.unsplash.com/photo-1512621776951-a57141f2eefd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
207
+ alt="Suco Detox"
208
+ class="w-full h-40 object-cover">
209
+ <span class="absolute top-2 right-2 bg-green-500 text-black text-xs font-bold px-2 py-1 rounded-full">
210
+ <i class="fas fa-recycle mr-1"></i> Detox
211
+ </span>
212
+ </div>
213
+ <div class="p-4">
214
+ <h3 class="font-bold text-lg mb-2 text-green-400">Suco Detox Completo</h3>
215
+ <p class="text-sm text-gray-400 mb-3">Beterraba, cenoura, gengibre e limão</p>
216
+ </div>
217
+ </div>
218
+
219
+ <div class="bg-gray-700 border border-gray-600 rounded-lg overflow-hidden hover:border-green-400 transition-colors">
220
+ <div class="relative">
221
+ <img src="https://images.unsplash.com/photo-1519125323398-675f0ddb6308?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
222
+ alt="Suco Desintoxicante"
223
+ class="w-full h-40 object-cover">
224
+ <span class="absolute top-2 right-2 bg-purple-500 text-black text-xs font-bold px-2 py-1 rounded-full">
225
+ <i class="fas fa-leaf mr-1"></i> Verde
226
+ </span>
227
+ </div>
228
+ <div class="p-4">
229
+ <h3 class="font-bold text-lg mb-2 text-green-400">Suco Verde Desintoxicante</h3>
230
+ <p class="text-sm text-gray-400 mb-3">Couve, pepino, maçã e limão</p>
231
+ </div>
232
+ </div>
233
+ </div>
234
+
235
+ <button onclick="alert('Capítulo 4 em leitura...')" class="bg-green-500 hover:bg-green-600 text-black font-bold py-3 px-8 rounded-full inline-flex items-center transition-colors">
236
+ <i class="fas fa-book-open mr-2"></i> Ler agora
237
+ </button>
238
+ </div>
239
+ </div>
240
+ </div>
241
+
242
+ <!-- Chapter 5 -->
243
+ <div class="chapter-card bg-gray-800 rounded-xl overflow-hidden mb-10 neon-glow">
244
+ <div class="p-6 md:p-8">
245
+ <div class="flex items-center mb-4">
246
+ <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-900 text-green-400 font-bold mr-4">5</span>
247
+ <h2 class="text-2xl font-bold text-green-400">Receitas Anti-inflamatórias</h2>
248
+ </div>
249
+ <img src="https://images.unsplash.com/photo-1498837167922-ddd27525d352?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
250
+ alt="Anti-inflamatórios"
251
+ class="w-full h-64 md:h-80 object-cover rounded-lg mb-6">
252
+ <div class="prose max-w-none text-gray-300">
253
+ <p class="mb-6">Receitas que ajudam a combater inflamações e aumentar sua imunidade de forma natural.</p>
254
+
255
+ <div class="bg-gradient-to-r from-green-900 to-gray-800 p-6 rounded-xl border border-green-400 mb-8">
256
+ <h3 class="text-xl font-bold text-green-400 mb-4 flex items-center">
257
+ <i class="fas fa-shield-virus mr-3"></i> Suco Imunológico
258
+ </h3>
259
+ <ul class="space-y-3">
260
+ <li class="flex items-start">
261
+ <span class="flex-shrink-0 bg-green-400 text-black p-1 rounded-full mr-3">
262
+ <i class="fas fa-check text-xs"></i>
263
+ </span>
264
+ <span class="text-gray-300">1 cenoura média</span>
265
+ </li>
266
+ <li class="flex items-start">
267
+ <span class="flex-shrink-0 bg-green-400 text-black p-1 rounded-full mr-3">
268
+ <i class="fas fa-check text-xs"></i>
269
+ </span>
270
+ <span class="text-gray-300">1 pedaço de gengibre (2cm)</span>
271
+ </li>
272
+ <li class="flex items-start">
273
+ <span class="flex-shrink-0 bg-green-400 text-black p-1 rounded-full mr-3">
274
+ <i class="fas fa-check text-xs"></i>
275
+ </span>
276
+ <span class="text-gray-300">1/2 limão com casca</span>
277
+ </li>
278
+ <li class="flex items-start">
279
+ <span class="flex-shrink-0 bg-green-400 text-black p-1 rounded-full mr-3">
280
+ <i class="fas fa-check text-xs"></i>
281
+ </span>
282
+ <span class="text-gray-300">1 colher de sopa de mel (opcional)</span>
283
+ </li>
284
+ </ul>
285
+ </div>
286
+
287
+ <button onclick="alert('Capítulo 5 em leitura...')" class="bg-green-500 hover:bg-green-600 text-black font-bold py-3 px-8 rounded-full inline-flex items-center transition-colors">
288
+ <i class="fas fa-book-open mr-2"></i> Ler agora
289
+ </button>
290
+ </div>
291
+ </div>
292
+ </div>
293
+
294
+ <!-- Future Updates -->
295
+ <div class="chapter-card bg-gray-800 rounded-xl overflow-hidden mb-10 neon-glow">
296
+ <div class="p-6 md:p-8">
297
+ <div class="flex items-center mb-4">
298
+ <span class="flex items-center justify-center w-10 h-10 rounded-full bg-green-900 text-green-400 font-bold mr-4">
299
+ <i class="fas fa-sync-alt"></i>
300
+ </span>
301
+ <h2 class="text-2xl font-bold text-green-400">Atualizações Futuras</h2>
302
+ </div>
303
+ <div class="prose max-w-none text-gray-300">
304
+ <p class="mb-6">Fique atento! Novas receitas, planos de exercícios e dicas saudáveis serão adicionadas aqui. Este WebBook está sempre evoluindo para transformar sua saúde com leveza e sabor.</p>
305
+
306
+ <div class="bg-gray-700 p-4 rounded-lg mb-6">
307
+ <h4 class="font-bold text-green-400 mb-3 flex items-center">
308
+ <i class="fas fa-calendar-plus mr-2"></i> Próximas Atualizações
309
+ </h4>
310
+ <ul class="space-y-2">
311
+ <li class="flex items-start">
312
+ <span class="flex-shrink-0 text-green-400 mr-2">→</span>
313
+ <span class="text-gray-300">Sucos para dormir melhor</span>
314
+ </li>
315
+ <li class="flex items-start">
316
+ <span class="flex-shrink-0 text-green-400 mr-2">→</span>
317
+ <span class="text-gray-300">Receitas para atletas</span>
318
+ </li>
319
+ <li class="flex items-start">
320
+ <span class="flex-shrink-0 text-green-400 mr-2">→</span>
321
+ <span class="text-gray-300">Combinações para cada estação</span>
322
+ </li>
323
+ </ul>
324
+ </div>
325
+
326
+ <button onclick="alert('Você será notificado sobre as atualizações!')" class="bg-green-500 hover:bg-green-600 text-black font-bold py-3 px-8 rounded-full inline-flex items-center transition-colors">
327
+ <i class="fas fa-bell mr-2"></i> Receber Atualizações
328
+ </button>
329
+ </div>
330
+ </div>
331
+ </div>
332
+
333
+ <!-- Navigation -->
334
+ <div class="flex justify-between mt-12 mb-8">
335
+ <button class="bg-gray-700 hover:bg-gray-600 text-gray-300 font-bold py-3 px-6 rounded-full inline-flex items-center transition-colors">
336
+ <i class="fas fa-arrow-left mr-2"></i> Capítulo Anterior
337
+ </button>
338
+ <button class="bg-green-500 hover:bg-green-600 text-black font-bold py-3 px-6 rounded-full inline-flex items-center transition-colors">
339
+ Próximo Capítulo <i class="fas fa-arrow-right ml-2"></i>
340
+ </button>
341
+ </div>
342
+ </div>
343
+
344
+ <!-- Chatbot -->
345
+ <div id="chatbotContainer" class="fixed bottom-4 right-4 w-72 bg-gray-800 rounded-lg shadow-xl border border-green-400 overflow-hidden z-50 transform translate-y-full">
346
+ <div class="bg-green-500 text-black px-4 py-3 font-bold flex justify-between items-center">
347
+ <span><i class="fas fa-robot mr-2"></i> NutriBot IA</span>
348
+ <button id="closeChatbot" class="text-black hover:text-gray-800">
349
+ <i class="fas fa-times"></i>
350
+ </button>
351
+ </div>
352
+ <div id="chatMessages" class="p-3 h-64 overflow-y-auto bg-gray-700">
353
+ <div class="chat-message mb-3 bg-gray-600 p-3 rounded-lg">
354
+ <p class="text-sm text-green-400">Olá! Sou o NutriBot. Posso te ajudar com informações sobre sucos saudáveis. Experimente perguntar: "Qual suco ajuda na imunidade?"</p>
355
+ </div>
356
+ </div>
357
+ <div class="p-3 bg-gray-800 border-t border-gray-700">
358
+ <input id="chatInput" type="text" placeholder="Digite sua pergunta..." class="w-full px-3 py-2 bg-gray-700 text-white rounded border border-gray-600 focus:outline-none focus:border-green-400">
359
+ </div>
360
+ </div>
361
+
362
+ <!-- Floating Action Button -->
363
+ <div class="fixed bottom-8 right-8 z-40">
364
+ <button id="chatbotButton" class="floating-btn bg-green-500 hover:bg-green-600 text-black w-14 h-14 rounded-full flex items-center justify-center shadow-xl neon-glow">
365
+ <i class="fas fa-robot text-xl"></i>
366
+ </button>
367
+ </div>
368
+
369
+ <!-- Footer -->
370
+ <footer class="bg-black py-12 px-4 text-gray-400">
371
+ <div class="max-w-4xl mx-auto">
372
+ <div class="text-center mb-8">
373
+ <h3 class="text-2xl font-bold text-green-400 mb-2">A Dieta dos Sucos Saudáveis</h3>
374
+ <p>Transforme sua saúde com o poder da natureza</p>
375
+ </div>
376
+
377
+ <div class="flex flex-wrap justify-center items-center mb-8 gap-4">
378
+ <a href="https://www.youtube.com/@MenteInovadora6" target="_blank" class="bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full inline-flex items-center transition-colors">
379
+ <i class="fab fa-youtube mr-2 text-red-500"></i> YouTube
380
+ </a>
381
+ <a href="https://www.tiktok.com/@menteinovadora81" target="_blank" class="bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full inline-flex items-center transition-colors">
382
+ <i class="fab fa-tiktok mr-2"></i> TikTok
383
+ </a>
384
+ <a href="https://www.facebook.com/share/199FhwumgX/" target="_blank" class="bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full inline-flex items-center transition-colors">
385
+ <i class="fab fa-facebook-f mr-2 text-blue-500"></i> Facebook
386
+ </a>
387
+ <a href="https://t.me/MktPower" target="_blank" class="bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-full inline-flex items-center transition-colors">
388
+ <i class="fab fa-telegram mr-2 text-blue-400"></i> Telegram
389
+ </a>
390
+ </div>
391
+
392
+ <div class="border-t border-gray-800 pt-8 text-center">
393
+ <div class="mb-4">
394
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Edvan Gonçalves" class="w-16 h-16 rounded-full border-2 border-green-400 mx-auto">
395
+ </div>
396
+ <p class="font-medium text-green-400">Edvan Gonçalves</p>
397
+ <p class="text-sm">EdvanClickConquista🦅</p>
398
+ <p class="text-sm mt-4">© 2025 A Dieta dos Sucos Saudáveis. Todos os direitos reservados.</p>
399
+ </div>
400
+ </div>
401
+ </footer>
402
+
403
+ <script>
404
+ // Progress bar functionality
405
+ window.addEventListener('scroll', function() {
406
+ const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
407
+ const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
408
+ const scrollPercentage = (scrollTop / scrollHeight) * 100;
409
+ document.getElementById('progressBar').style.width = scrollPercentage + '%';
410
+ });
411
+
412
+ // Chatbot functionality
413
+ const chatbotButton = document.getElementById('chatbotButton');
414
+ const chatbotContainer = document.getElementById('chatbotContainer');
415
+ const closeChatbot = document.getElementById('closeChatbot');
416
+ const chatInput = document.getElementById('chatInput');
417
+ const chatMessages = document.getElementById('chatMessages');
418
+
419
+ let chatbotOpen = false;
420
+
421
+ chatbotButton.addEventListener('click', () => {
422
+ chatbotOpen = !chatbotOpen;
423
+ if (chatbotOpen) {
424
+ chatbotContainer.classList.add('active');
425
+ } else {
426
+ chatbotContainer.classList.remove('active');
427
+ }
428
+ });
429
+
430
+ closeChatbot.addEventListener('click', () => {
431
+ chatbotOpen = false;
432
+ chatbotContainer.classList.remove('active');
433
+ });
434
+
435
+ chatInput.addEventListener('keypress', (e) => {
436
+ if (e.key === 'Enter' && chatInput.value.trim() !== '') {
437
+ // Add user message
438
+ const userMessage = document.createElement('div');
439
+ userMessage.className = 'chat-message mb-3 bg-gray-800 p-3 rounded-lg self-end ml-8';
440
+ userMessage.innerHTML = `<p class="text-sm text-white">${chatInput.value}</p>`;
441
+ chatMessages.appendChild(userMessage);
442
+
443
+ // Bot response
444
+ setTimeout(() => {
445
+ const botMessage = document.createElement('div');
446
+ botMessage.className = 'chat-message mb-3 bg-gray-600 p-3 rounded-lg';
447
+
448
+ let response = "Desculpe, não entendi sua pergunta. Você pode reformular?";
449
+
450
+ if (chatInput.value.toLowerCase().includes('imunidade')) {
451
+ response = "Para imunidade, recomendo sucos com: limão, gengibre, laranja, cenoura e cúrcuma. Uma boa receita é: 1 laranja, 1 cenoura, 1 pedaço de gengibre e 1 pitada de cúrcuma.";
452
+ } else if (chatInput.value.toLowerCase().includes('energia')) {
453
+ response = "Para energia, sucos verdes são ótimos! Tente: 1 maçã, 1 folha de couve, 1/2 limão e 1 colher de chia. Bata com água e beba pela manhã.";
454
+ } else if (chatInput.value.toLowerCase().includes('detox')) {
455
+ response = "Para detox, recomendo: 1/2 beterraba, 1 pepino, 1 maçã e 1 pedaço de gengibre. Bata com água e coe se necessário. Consuma em jejum.";
456
+ }
457
+
458
+ botMessage.innerHTML = `<p class="text-sm text-green-400">${response}</p>`;
459
+ chatMessages.appendChild(botMessage);
460
+ chatMessages.scrollTop = chatMessages.scrollHeight;
461
+ }, 1000);
462
+
463
+ chatInput.value = '';
464
+ chatMessages.scrollTop = chatMessages.scrollHeight;
465
+ }
466
+ });
467
+
468
+ // Smooth scrolling for navigation
469
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
470
+ anchor.addEventListener('click', function (e) {
471
+ e.preventDefault();
472
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
473
+ behavior: 'smooth'
474
+ });
475
+ });
476
+ });
477
+ </script>
478
+ <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=RicodeFe81/edvanclickconquista" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
479
+ </html>
prompts.txt ADDED
@@ -0,0 +1,5 @@
 
 
 
 
 
 
1
+ <!DOCTYPE html><html lang="pt-br"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>WebBook - A Dieta dos Sucos Saudáveis</title> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <style> body { margin: 0; font-family: 'Roboto', sans-serif; background-color: #f0fff5; color: #222; } header { background: linear-gradient(to right, #43cea2, #185a9d); color: #fff; text-align: center; padding: 2rem 1rem; } header h1 { margin: 0; font-size: 2rem; } header p { font-style: italic; margin-top: 0.5rem; } .container { padding: 2rem; max-width: 900px; margin: auto; } .chapter { margin-bottom: 4rem; border-bottom: 2px dashed #ccc; padding-bottom: 2rem; } .chapter h2 { color: #2e8b57; } .chapter img { width: 100%; margin: 1rem 0; border-radius: 8px; } .nav-buttons { text-align: center; margin-top: 2rem; } .nav-buttons a { background-color: #43cea2; color: white; padding: 0.7rem 1.5rem; text-decoration: none; border-radius: 5px; margin: 0 1rem; font-weight: bold; } footer { background-color: #222; color: white; padding: 2rem 1rem; text-align: center; font-size: 0.9rem; } footer p { margin: 0.3rem 0; } </style> </head> <body> <header> <h1>WEBBOOK APP — A DIETA DOS SUCOS SAUDÁVEIS</h1> <p>E-book Premium | Edição Limitada | Edvan Gonçalves - EdvanClickConquista🦅</p> </header> <div class="container"> <div class="chapter"> <h2>Capítulo 1 - Introdução ao Universo dos Sucos Naturais</h2> <img src="cap1.jpg" alt="Suco verde natural em copo de vidro sobre mesa com frutas" /> <p>Descubra como os sucos naturais podem ser a porta de entrada para um estilo de vida mais leve, mais energético e mais consciente. Os sucos detox não são apenas bebidas refrescantes: são ferramentas poderosas para eliminar toxinas, revitalizar seu organismo e devolver o equilíbrio ao seu dia a dia.</p> <p>Neste e-book você aprenderá a preparar receitas simples, saudáveis e incrivelmente deliciosas, perfeitas para quem quer cuidar do corpo com amor e sabedoria.</p> </div><div class="chapter"> <h2>Capítulo 2 - Benefícios Nutricionais dos Ingredientes</h2> <img src="cap2.jpg" alt="Tabela com frutas e legumes e seus nutrientes" /> <p>Frutas e vegetais utilizados nos sucos detox são ricos em vitaminas, minerais, antioxidantes e fibras. Cada ingrediente tem uma função específica no organismo, desde auxiliar na digestão até combater inflamações e aumentar a imunidade.</p> <p>Aprenda quais são os melhores alimentos para combinações funcionais e como escolher os mais indicados para cada objetivo: emagrecer, desinchar, revitalizar ou melhorar a pele.</p> </div> <div class="chapter"> <h2>Capítulo 3 - Planejamento da Dieta de Sucos</h2> <img src="cap3.jpg" alt="Calendário de planejamento alimentar" /> <p>Organizar uma rotina é essencial para o sucesso. Neste capítulo, você terá um plano de consumo de sucos ao longo da semana, com sugestões de horários, quantidades e combinações ideais para obter os melhores resultados.</p> <p>Você também aprenderá como montar seu cardápio e adaptar ao seu ritmo de vida.</p> </div> <div class="chapter"> <h2>Capítulo 4 - Receitas Exclusivas</h2> <img src="cap4.jpg" alt="Diversas receitas de sucos com ingredientes variados" /> <p>Uma seleção de receitas criadas especialmente para este guia. Todas com ingredientes acessíveis, sabor equilibrado e foco em objetivos específicos: detox, energia, imunidade e beleza.</p> <ul> <li>Suco Verde Energizante</li> <li>Suco Rosa da Juventude</li> <li>Suco Cítrico Imunológico</li> <li>Suco de Luz para a Pele</li> </ul> </div> <div class="chapter"> <h2>Capítulo 5 - Considerações Finais e Dicas Extras</h2> <img src="cap5.jpg" alt="Pessoa feliz comendo salada e segurando suco" /> <p>Entender que suco não é milagre, mas é um poderoso aliado. Este capítulo encerra o e-book com dicas de hábitos saudáveis, motivação para manter a rotina e conselhos para não desistir nas primeiras dificuldades.</p> <p>Saúde é conquista, é um estilo de vida. E você está dando o primeiro passo com este material exclusivo.</p> </div> <div class="nav-buttons"> <a href="#">Capítulo Anterior</a> <a href="#">Próximo Capítulo</a> </div> </div> <footer> <p>Edvan Gonçalves | EdvanClickConquista🦅</p> <p>WebBook App desenvolvido para transformar conhecimento em poder digital.</p> </footer> </body> </html>
2
+ <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>A Dieta dos Sucos Saudáveis</title> <style> body { font-family: 'Segoe UI', sans-serif; margin: 0; background: linear-gradient(to bottom, #000000, #1c1c1c); color: #ffffff; } header { background: #00ff99; padding: 25px; text-align: center; color: #000; } h1 { margin: 0; font-size: 34px; } .subtitulo { font-size: 18px; color: #222; margin-top: 5px; } .capitulo { padding: 25px; margin: 20px auto; max-width: 900px; background-color: #121212; border-radius: 10px; box-shadow: 0 0 20px #00ff99; } .imagem-capitulo { width: 100%; border-radius: 10px; margin: 20px 0; } .botao-leitura { background-color: #00ff99; color: #000; border: none; padding: 12px 25px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: 0.3s; } .botao-leitura:hover { background-color: #00cc77; } footer { margin-top: 40px; background: #000; padding: 20px; text-align: center; color: #ccc; font-size: 14px; } </style> </head> <body> <header> <h1>A Dieta dos Sucos Saudáveis</h1> <div class="subtitulo">Descubra a importância de um estilo de vida saudável com sucos naturais!</div> </header> <div class="capitulo" id="capitulo1"> <h2>Capítulo 1: Começando Sua Jornada Detox</h2> <img src="https://via.placeholder.com/900x400?text=Imagem+Detox" alt="Imagem Detox" class="imagem-capitulo"> <p> A Dieta dos Sucos Saudáveis é mais que uma moda – é uma revolução no seu corpo. Aqui você vai entender como os sucos naturais podem limpar o organismo, acelerar o metabolismo e devolver seu bem-estar. Vamos juntos nessa jornada! </p> <button class="botao-leitura" onclick="alert('Capítulo 1 em leitura...')">Ler agora</button> </div> <!-- Adicione aqui os próximos capítulos seguindo o mesmo modelo acima --> <footer> Desenvolvido por Edvan Gonçalves | Marca: EdvanClickConquista 🦅<br> E-book Premium | Edição Limitada | Todos os direitos reservados © </footer> </body> </html>
3
+ <!DOCTYPE html><html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>A Dieta dos Sucos Saudáveis - WebBook App</title> <link rel="manifest" href="manifest.json"> <meta name="theme-color" content="#00ff99"> <style> body { font-family: 'Segoe UI', sans-serif; margin: 0; background: linear-gradient(to bottom, #000000, #1c1c1c); color: #ffffff; } header { background: #00ff99; padding: 25px; text-align: center; color: #000; } h1 { margin: 0; font-size: 34px; } .subtitulo { font-size: 18px; color: #222; margin-top: 5px; } .capitulo { padding: 25px; margin: 20px auto; max-width: 900px; background-color: #121212; border-radius: 10px; box-shadow: 0 0 20px #00ff99; } .imagem-capitulo { width: 100%; border-radius: 10px; margin: 20px 0; } .botao-leitura { background-color: #00ff99; color: #000; border: none; padding: 12px 25px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: 0.3s; } .botao-leitura:hover { background-color: #00cc77; } .chatbot-container { position: fixed; bottom: 20px; right: 20px; background-color: #00ff99; color: #000; padding: 15px; border-radius: 8px; width: 300px; box-shadow: 0 0 10px #00ff99; } .chatbot-container input { width: 100%; padding: 10px; margin-top: 10px; border: none; border-radius: 6px; } footer { margin-top: 40px; background: #000; padding: 20px; text-align: center; color: #ccc; font-size: 14px; } .redes a { color: #00ff99; margin: 0 10px; text-decoration: none; } </style> </head> <body> <header> <h1>A Dieta dos Sucos Saudáveis</h1> <div class="subtitulo">Descubra o poder da nutrição natural e transforme sua saúde!</div> </header> <div class="capitulo"> <h2>Capítulo 1: Começando Sua Jornada Detox</h2> <img src="https://via.placeholder.com/900x400?text=Detox+Natural" class="imagem-capitulo" alt="Detox Natural"> <p>Aprenda como os sucos naturais ajudam na desintoxicação do organismo e no ganho de energia para o seu dia a dia.</p> <button class="botao-leitura" onclick="alert('Capítulo 1 em leitura...')">Ler agora</button> </div> <div class="capitulo"> <h2>Capítulo 2: Os Ingredientes Essenciais</h2> <img src="https://via.placeholder.com/900x400?text=Ingredientes+Naturais" class="imagem-capitulo" alt="Ingredientes Naturais"> <p>Conheça os melhores ingredientes para turbinar seus sucos e obter o máximo de nutrientes em cada copo.</p> <button class="botao-leitura" onclick="alert('Capítulo 2 em leitura...')">Ler agora</button> </div> <div class="capitulo"> <h2>Capítulo 3: Receitas Energéticas para o Dia</h2> <img src="https://via.placeholder.com/900x400?text=Receitas+Energéticas" class="imagem-capitulo" alt="Receitas Energéticas"> <p>Sucos que vão dar aquele gás na sua manhã e manter sua disposição ao longo do dia.</p> <button class="botao-leitura" onclick="alert('Capítulo 3 em leitura...')">Ler agora</button> </div> <div class="capitulo"> <h2>Capítulo 4: Detox Profundo</h2> <img src="https://via.placeholder.com/900x400?text=Detox+Profundo" class="imagem-capitulo" alt="Detox Profundo"> <p>Sucos ideais para eliminar toxinas acumuladas e promover um reinício completo no seu organismo.</p> <button class="botao-leitura" onclick="alert('Capítulo 4 em leitura...')">Ler agora</button> </div> <div class="capitulo"> <h2>Capítulo 5: Receitas Anti-inflamatórias</h2> <img src="https://via.placeholder.com/900x400?text=Anti-inflamatórios" class="imagem-capitulo" alt="Anti-inflamatórios"> <p>Receitas que ajudam a combater inflamações e aumentar sua imunidade de forma natural.</p> <button class="botao-leitura" onclick="alert('Capítulo 5 em leitura...')">Ler agora</button> </div> <div class="capitulo"> <h2>Atualizações Futuras</h2> <p>Fique atento! Novas receitas, planos de exercícios e dicas saudáveis serão adicionadas aqui. Este WebBook está sempre evoluindo para transformar sua saúde com leveza e sabor.</p> </div> <div class="chatbot-container"> <strong>NutriBot IA</strong><br> Diga: "Qual suco ajuda na imunidade?" <input type="text" placeholder="Digite sua pergunta..."> </div> <footer> Desenvolvido por <strong>Edvan Gonçalves</strong> | <em>EdvanClickConquista 🦅</em><br> E-book Premium | Edição Limitada | Todos os direitos reservados © 2025<br> <div class="redes"> <a href="https://www.youtube.com/@MenteInovadora6" target="_blank">YouTube</a> <a href="https://www.tiktok.com/@menteinovadora81" target="_blank">TikTok</a> <a href="https://www.facebook.com/share/199FhwumgX/" target="_blank">Facebook</a> <a href="https://t.me/MktPower" target="_blank">Telegram</a> </div> </footer></body> </html>
4
+ <!-- INÍCIO DO WEBBOOK HTML COM IMAGENS CINEMATOGRÁFICAS INTEGRADAS --><!DOCTYPE html><html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>A Dieta dos Sucos Saudáveis | EdvanClickConquista</title> <style> body { font-family: 'Segoe UI', sans-serif; background-color: #000; color: #fff; margin: 0; padding: 0; } header { background-color: #0f0f0f; padding: 20px; text-align: center; border-bottom: 2px solid #00ff88; } header h1 { color: #00ff88; margin: 0; } .capitulo { padding: 30px 20px; border-bottom: 1px solid #444; } .capitulo img { width: 100%; max-height: 300px; object-fit: cover; border-radius: 10px; margin-bottom: 15px; } .botao-leitura { display: inline-block; padding: 10px 20px; background-color: #00ff88; color: #000; text-decoration: none; font-weight: bold; border-radius: 5px; transition: 0.3s; } .botao-leitura:hover { background-color: #00cc6f; } footer { text-align: center; background: #111; color: #aaa; padding: 20px; } </style> </head> <body> <header> <h1>A Dieta dos Sucos Saudáveis</h1> <p>por Edvan Gonçalves | EdvanClickConquista 🦅</p> </header> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1615485290244-cd4f58f43341?auto=format&fit=crop&w=1200&q=80" alt="Copo de suco verde detox sobre mesa tropical"> <h2>Capítulo 1: Introdução ao Mundo dos Sucos Saudáveis</h2> <p>Descubra o poder da natureza em um copo. Aprenda como os sucos detox podem transformar sua saúde e seu bem-estar.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1572441710559-6a3b0a44b2e2?auto=format&fit=crop&w=1200&q=80" alt="Ingredientes frescos e coloridos para sucos detox"> <h2>Capítulo 2: Ingredientes Essenciais</h2> <p>Conheça os superalimentos que dão vida aos sucos: couve, gengibre, maçã verde, limão e muito mais.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1510626176961-4bfb7b9bdf07?auto=format&fit=crop&w=1200&q=80" alt="Suco energizante em fundo iluminado e tropical"> <h2>Capítulo 3: Sucos Energizantes</h2> <p>Receitas para começar o dia com o pé direito. Energia, foco e disposição em cada gole.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1567620905732-2d1ec7ab7445?auto=format&fit=crop&w=1200&q=80" alt="Suco detox profundo com iluminação dramática"> <h2>Capítulo 4: Detox Profundo</h2> <p>Limpeza total! Elimine toxinas e recupere o equilíbrio do seu corpo com essas receitas poderosas.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1571687949920-40e9d52f4c25?auto=format&fit=crop&w=1200&q=80" alt="Suco anti-inflamatório com cúrcuma e frutas amarelas"> <h2>Capítulo 5: Sucos Anti-inflamatórios</h2> <p>Diga adeus ao inchaço e à dor com combinações inteligentes e saborosas de sucos anti-inflamatórios.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <footer> <p>Copyright © 2024 EdvanClickConquista 🦅 | Todos os direitos reservados.</p> </footer> </body> </html> <!-- FIM DO CÓDIGO -->
5
+ <!-- INÍCIO DO WEBBOOK HTML COM IMAGENS CINEMATOGRÁFICAS INTEGRADAS --><!DOCTYPE html><html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>A Dieta dos Sucos Saudáveis | EdvanClickConquista</title> <style> body { font-family: 'Segoe UI', sans-serif; background-color: #000; color: #fff; margin: 0; padding: 0; } header { background-color: #0f0f0f; padding: 20px; text-align: center; border-bottom: 2px solid #00ff88; } header h1 { color: #00ff88; margin: 0; } .capitulo { padding: 30px 20px; border-bottom: 1px solid #444; } .capitulo img { width: 100%; max-height: 300px; object-fit: cover; border-radius: 10px; margin-bottom: 15px; } .botao-leitura { display: inline-block; padding: 10px 20px; background-color: #00ff88; color: #000; text-decoration: none; font-weight: bold; border-radius: 5px; transition: 0.3s; } .botao-leitura:hover { background-color: #00cc6f; } footer { text-align: center; background: #111; color: #aaa; padding: 20px; } </style> </head> <body> <header> <h1>A Dieta dos Sucos Saudáveis</h1> <p>por Edvan Gonçalves | EdvanClickConquista 🦅</p> </header> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1615485290244-cd4f58f43341?auto=format&fit=crop&w=1200&q=80" alt="Copo de suco verde detox sobre mesa tropical"> <h2>Capítulo 1: Introdução ao Mundo dos Sucos Saudáveis</h2> <p>Descubra o poder da natureza em um copo. Aprenda como os sucos detox podem transformar sua saúde e seu bem-estar.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1572441710559-6a3b0a44b2e2?auto=format&fit=crop&w=1200&q=80" alt="Ingredientes frescos e coloridos para sucos detox"> <h2>Capítulo 2: Ingredientes Essenciais</h2> <p>Conheça os superalimentos que dão vida aos sucos: couve, gengibre, maçã verde, limão e muito mais.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1510626176961-4bfb7b9bdf07?auto=format&fit=crop&w=1200&q=80" alt="Suco energizante em fundo iluminado e tropical"> <h2>Capítulo 3: Sucos Energizantes</h2> <p>Receitas para começar o dia com o pé direito. Energia, foco e disposição em cada gole.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1567620905732-2d1ec7ab7445?auto=format&fit=crop&w=1200&q=80" alt="Suco detox profundo com iluminação dramática"> <h2>Capítulo 4: Detox Profundo</h2> <p>Limpeza total! Elimine toxinas e recupere o equilíbrio do seu corpo com essas receitas poderosas.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <div class="capitulo"> <img src="https://images.unsplash.com/photo-1571687949920-40e9d52f4c25?auto=format&fit=crop&w=1200&q=80" alt="Suco anti-inflamatório com cúrcuma e frutas amarelas"> <h2>Capítulo 5: Sucos Anti-inflamatórios</h2> <p>Diga adeus ao inchaço e à dor com combinações inteligentes e saborosas de sucos anti-inflamatórios.</p> <a class="botao-leitura" href="#">Ler capítulo</a> </div> <footer> <p>Copyright © 2024 EdvanClickConquista 🦅 | Todos os direitos reservados.</p> </footer> </body> </html> <!-- FIM DO CÓDIGO -->