Hugging Face's logo

Spaces:
RealGui
/
chefgui
Running

App Files Community
RealGui commited on
Commit
c8ef4d9
·
verified ·
1 Parent(s): 793e06c

41985117894 e o pix, fasa um ebook virtual via pdf saite fitiness receitas rapidas para o público - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +578 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Chefgui
3
- emoji: 📊
4
- colorFrom: blue
5
- colorTo: gray
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: chefgui
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: yellow
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,578 @@
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>FitFast - Ebook de Receitas Rápidas para Fitness</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
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;900&display=swap');
11
+
12
+ body {
13
+ font-family: 'Montserrat', sans-serif;
14
+ scroll-behavior: smooth;
15
+ }
16
+
17
+ .recipe-card:hover {
18
+ transform: translateY(-5px);
19
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
20
+ }
21
+
22
+ .hero-gradient {
23
+ background: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);
24
+ }
25
+
26
+ .download-btn {
27
+ transition: all 0.3s ease;
28
+ }
29
+
30
+ .download-btn:hover {
31
+ transform: scale(1.05);
32
+ }
33
+
34
+ .floating-btn {
35
+ animation: float 3s ease-in-out infinite;
36
+ }
37
+
38
+ @keyframes float {
39
+ 0% { transform: translateY(0px); }
40
+ 50% { transform: translateY(-10px); }
41
+ 100% { transform: translateY(0px); }
42
+ }
43
+ </style>
44
+ </head>
45
+ <body class="bg-gray-50">
46
+ <!-- Header/Navigation -->
47
+ <header class="bg-white shadow-sm sticky top-0 z-50">
48
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
49
+ <div class="flex items-center">
50
+ <i class="fas fa-dumbbell text-blue-500 text-2xl mr-2"></i>
51
+ <h1 class="text-xl font-bold text-gray-800">FitFast</h1>
52
+ </div>
53
+ <nav class="hidden md:block">
54
+ <ul class="flex space-x-8">
55
+ <li><a href="#home" class="text-gray-600 hover:text-blue-500 font-medium">Início</a></li>
56
+ <li><a href="#recipes" class="text-gray-600 hover:text-blue-500 font-medium">Receitas</a></li>
57
+ <li><a href="#benefits" class="text-gray-600 hover:text-blue-500 font-medium">Benefícios</a></li>
58
+ <li><a href="#testimonials" class="text-gray-600 hover:text-blue-500 font-medium">Depoimentos</a></li>
59
+ </ul>
60
+ </nav>
61
+ <button class="md:hidden text-gray-600" id="menuBtn">
62
+ <i class="fas fa-bars text-2xl"></i>
63
+ </button>
64
+ </div>
65
+
66
+ <!-- Mobile Menu -->
67
+ <div class="md:hidden hidden bg-white w-full py-4 px-4 shadow-md" id="mobileMenu">
68
+ <ul class="space-y-4">
69
+ <li><a href="#home" class="block text-gray-600 hover:text-blue-500 font-medium">Início</a></li>
70
+ <li><a href="#recipes" class="block text-gray-600 hover:text-blue-500 font-medium">Receitas</a></li>
71
+ <li><a href="#benefits" class="block text-gray-600 hover:text-blue-500 font-medium">Benefícios</a></li>
72
+ <li><a href="#testimonials" class="block text-gray-600 hover:text-blue-500 font-medium">Depoimentos</a></li>
73
+ <li><button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-6 rounded-full w-full transition duration-300 mt-2">Comprar Ebook</button></li>
74
+ </ul>
75
+ </div>
76
+ </header>
77
+
78
+ <!-- Hero Section -->
79
+ <section id="home" class="hero-gradient text-white py-20">
80
+ <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
81
+ <div class="md:w-1/2 mb-10 md:mb-0">
82
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Receitas Fitness Rápidas para Resultados Incríveis</h1>
83
+ <p class="text-xl mb-8">Transforme sua alimentação com nosso ebook exclusivo de receitas saudáveis que levam menos de 15 minutos para preparar!</p>
84
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
85
+ <button class="bg-white text-blue-500 hover:bg-gray-100 font-bold py-3 px-8 rounded-full download-btn">Baixar Amostra Grátis</button>
86
+ <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-800 font-bold py-3 px-8 rounded-full download-btn">Comprar Ebook Completo</button>
87
+ </div>
88
+ </div>
89
+ <div class="md:w-1/2 flex justify-center">
90
+ <img src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1035&q=80" alt="Ebook Fitness" class="rounded-lg shadow-2xl max-w-md w-full h-auto floating-btn">
91
+ </div>
92
+ </div>
93
+ </section>
94
+
95
+ <!-- Features Section -->
96
+ <section class="py-16 bg-white">
97
+ <div class="container mx-auto px-4">
98
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">O que você vai encontrar no ebook</h2>
99
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
100
+ <div class="bg-gray-50 p-6 rounded-lg text-center">
101
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
102
+ <i class="fas fa-bolt text-blue-500 text-2xl"></i>
103
+ </div>
104
+ <h3 class="text-xl font-bold mb-2 text-gray-800">Receitas Rápidas</h3>
105
+ <p class="text-gray-600">Todas as receitas podem ser preparadas em menos de 15 minutos, perfeito para quem tem uma vida agitada.</p>
106
+ </div>
107
+ <div class="bg-gray-50 p-6 rounded-lg text-center">
108
+ <div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
109
+ <i class="fas fa-heart text-green-500 text-2xl"></i>
110
+ </div>
111
+ <h3 class="text-xl font-bold mb-2 text-gray-800">Ingredientes Saudáveis</h3>
112
+ <p class="text-gray-600">Foco em ingredientes nutritivos e acessíveis que promovem saúde e bem-estar.</p>
113
+ </div>
114
+ <div class="bg-gray-50 p-6 rounded-lg text-center">
115
+ <div class="bg-purple-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
116
+ <i class="fas fa-utensils text-purple-500 text-2xl"></i>
117
+ </div>
118
+ <h3 class="text-xl font-bold mb-2 text-gray-800">Variedade de Opções</h3>
119
+ <p class="text-gray-600">Café da manhã, almoço, jantar e lanches - receitas para todas as refeições do dia.</p>
120
+ </div>
121
+ </div>
122
+ </div>
123
+ </section>
124
+
125
+ <!-- Sample Recipes Section -->
126
+ <section id="recipes" class="py-16 bg-gray-50">
127
+ <div class="container mx-auto px-4">
128
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Algumas Receitas do Ebook</h2>
129
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
130
+ <!-- Recipe 1 -->
131
+ <div class="bg-white rounded-lg overflow-hidden shadow-md recipe-card transition duration-300">
132
+ <img src="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=880&q=80" alt="Salada Fit" class="w-full h-48 object-cover">
133
+ <div class="p-6">
134
+ <div class="flex justify-between items-center mb-2">
135
+ <h3 class="text-xl font-bold text-gray-800">Salada Power</h3>
136
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">10 min</span>
137
+ </div>
138
+ <p class="text-gray-600 mb-4">Salada completa com quinoa, abacate, tomate seco e frango grelhado.</p>
139
+ <div class="flex justify-between items-center">
140
+ <span class="text-sm text-gray-500"><i class="fas fa-fire text-red-500 mr-1"></i> 320 kcal</span>
141
+ <button class="text-blue-500 hover:text-blue-700 text-sm font-medium">Ver Receita Completa →</button>
142
+ </div>
143
+ </div>
144
+ </div>
145
+
146
+ <!-- Recipe 2 -->
147
+ <div class="bg-white rounded-lg overflow-hidden shadow-md recipe-card transition duration-300">
148
+ <img src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1035&q=80" alt="Omelete Fit" class="w-full h-48 object-cover">
149
+ <div class="p-6">
150
+ <div class="flex justify-between items-center mb-2">
151
+ <h3 class="text-xl font-bold text-gray-800">Omelete Proteico</h3>
152
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">8 min</span>
153
+ </div>
154
+ <p class="text-gray-600 mb-4">Omelete com espinafre, tomate cereja e queijo cottage.</p>
155
+ <div class="flex justify-between items-center">
156
+ <span class="text-sm text-gray-500"><i class="fas fa-fire text-red-500 mr-1"></i> 280 kcal</span>
157
+ <button class="text-blue-500 hover:text-blue-700 text-sm font-medium">Ver Receita Completa →</button>
158
+ </div>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Recipe 3 -->
163
+ <div class="bg-white rounded-lg overflow-hidden shadow-md recipe-card transition duration-300">
164
+ <img src="https://images.unsplash.com/photo-1512621776951-a57141f2eefd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Smoothie Energético" class="w-full h-48 object-cover">
165
+ <div class="p-6">
166
+ <div class="flex justify-between items-center mb-2">
167
+ <h3 class="text-xl font-bold text-gray-800">Smoothie Energético</h3>
168
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">5 min</span>
169
+ </div>
170
+ <p class="text-gray-600 mb-4">Mistura poderosa de banana, aveia, whey protein e amêndoas.</p>
171
+ <div class="flex justify-between items-center">
172
+ <span class="text-sm text-gray-500"><i class="fas fa-fire text-red-500 mr-1"></i> 250 kcal</span>
173
+ <button class="text-blue-500 hover:text-blue-700 text-sm font-medium">Ver Receita Completa →</button>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </div>
178
+
179
+ <div class="text-center mt-12">
180
+ <button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-8 rounded-full download-btn">Ver Todas as 50+ Receitas</button>
181
+ </div>
182
+ </div>
183
+ </section>
184
+
185
+ <!-- Benefits Section -->
186
+ <section id="benefits" class="py-16 bg-white">
187
+ <div class="container mx-auto px-4">
188
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Benefícios do Nosso Ebook</h2>
189
+ <div class="flex flex-col md:flex-row items-center">
190
+ <div class="md:w-1/2 mb-10 md:mb-0">
191
+ <img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Mulher preparando comida saudável" class="rounded-lg shadow-lg w-full max-w-md mx-auto">
192
+ </div>
193
+ <div class="md:w-1/2 md:pl-12">
194
+ <ul class="space-y-6">
195
+ <li class="flex items-start">
196
+ <div class="bg-green-100 p-2 rounded-full mr-4">
197
+ <i class="fas fa-check text-green-500"></i>
198
+ </div>
199
+ <div>
200
+ <h3 class="text-xl font-bold text-gray-800 mb-1">Economize Tempo</h3>
201
+ <p class="text-gray-600">Receitas rápidas que se encaixam na sua rotina agitada, sem comprometer a qualidade nutricional.</p>
202
+ </div>
203
+ </li>
204
+ <li class="flex items-start">
205
+ <div class="bg-green-100 p-2 rounded-full mr-4">
206
+ <i class="fas fa-check text-green-500"></i>
207
+ </div>
208
+ <div>
209
+ <h3 class="text-xl font-bold text-gray-800 mb-1">Diversidade de Opções</h3>
210
+ <p class="text-gray-600">Variedade de receitas para evitar a monotonia alimentar e manter a dieta interessante.</p>
211
+ </div>
212
+ </li>
213
+ <li class="flex items-start">
214
+ <div class="bg-green-100 p-2 rounded-full mr-4">
215
+ <i class="fas fa-check text-green-500"></i>
216
+ </div>
217
+ <div>
218
+ <h3 class="text-xl font-bold text-gray-800 mb-1">Ingredientes Acessíveis</h3>
219
+ <p class="text-gray-600">Foco em ingredientes fáceis de encontrar em qualquer supermercado, sem produtos exóticos ou caros.</p>
220
+ </div>
221
+ </li>
222
+ <li class="flex items-start">
223
+ <div class="bg-green-100 p-2 rounded-full mr-4">
224
+ <i class="fas fa-check text-green-500"></i>
225
+ </div>
226
+ <div>
227
+ <h3 class="text-xl font-bold text-gray-800 mb-1">Informação Nutricional</h3>
228
+ <p class="text-gray-600">Todas as receitas vêm com valores nutricionais detalhados para ajudar no controle da dieta.</p>
229
+ </div>
230
+ </li>
231
+ </ul>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </section>
236
+
237
+ <!-- Testimonials Section -->
238
+ <section id="testimonials" class="py-16 bg-gray-50">
239
+ <div class="container mx-auto px-4">
240
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">O que dizem nossos clientes</h2>
241
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
242
+ <!-- Testimonial 1 -->
243
+ <div class="bg-white p-6 rounded-lg shadow-sm">
244
+ <div class="flex items-center mb-4">
245
+ <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Ana Silva" class="w-12 h-12 rounded-full mr-4">
246
+ <div>
247
+ <h4 class="font-bold text-gray-800">Ana Silva</h4>
248
+ <div class="flex text-yellow-400">
249
+ <i class="fas fa-star"></i>
250
+ <i class="fas fa-star"></i>
251
+ <i class="fas fa-star"></i>
252
+ <i class="fas fa-star"></i>
253
+ <i class="fas fa-star"></i>
254
+ </div>
255
+ </div>
256
+ </div>
257
+ <p class="text-gray-600">"Comprei o ebook há 3 meses e já perdi 8kg! As receitas são realmente rápidas e deliciosas. Nunca imaginei que comer saudável pudesse ser tão prático."</p>
258
+ </div>
259
+
260
+ <!-- Testimonial 2 -->
261
+ <div class="bg-white p-6 rounded-lg shadow-sm">
262
+ <div class="flex items-center mb-4">
263
+ <img src="https://randomuser.me/api/portraits/men/45.jpg" alt="Carlos Mendes" class="w-12 h-12 rounded-full mr-4">
264
+ <div>
265
+ <h4 class="font-bold text-gray-800">Carlos Mendes</h4>
266
+ <div class="flex text-yellow-400">
267
+ <i class="fas fa-star"></i>
268
+ <i class="fas fa-star"></i>
269
+ <i class="fas fa-star"></i>
270
+ <i class="fas fa-star"></i>
271
+ <i class="fas fa-star"></i>
272
+ </div>
273
+ </div>
274
+ </div>
275
+ <p class="text-gray-600">"Como executivo, nunca tinha tempo para cozinhar. Esse ebook mudou minha vida! Agora consigo me alimentar bem mesmo nos dias mais corridos. Recomendo muito!"</p>
276
+ </div>
277
+
278
+ <!-- Testimonial 3 -->
279
+ <div class="bg-white p-6 rounded-lg shadow-sm">
280
+ <div class="flex items-center mb-4">
281
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Juliana Costa" class="w-12 h-12 rounded-full mr-4">
282
+ <div>
283
+ <h4 class="font-bold text-gray-800">Juliana Costa</h4>
284
+ <div class="flex text-yellow-400">
285
+ <i class="fas fa-star"></i>
286
+ <i class="fas fa-star"></i>
287
+ <i class="fas fa-star"></i>
288
+ <i class="fas fa-star"></i>
289
+ <i class="fas fa-star-half-alt"></i>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ <p class="text-gray-600">"Adorei a variedade de receitas! Meus filhos que são exigentes também aprovaram várias delas. Já virou meu livro de receitas oficial na cozinha."</p>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </section>
298
+
299
+ <!-- Pricing Section -->
300
+ <section class="py-16 bg-blue-500 text-white">
301
+ <div class="container mx-auto px-4 text-center">
302
+ <h2 class="text-3xl font-bold mb-6">Adquira Seu Ebook Hoje Mesmo!</h2>
303
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Transforme sua alimentação com mais de 50 receitas fitness rápidas por apenas:</p>
304
+
305
+ <div class="bg-white text-gray-800 rounded-lg shadow-xl inline-block px-8 py-6 mb-8">
306
+ <div class="flex items-end justify-center">
307
+ <span class="text-4xl font-bold">R$</span>
308
+ <span class="text-6xl font-bold mx-2">47</span>
309
+ <span class="text-gray-500 mb-1">,90</span>
310
+ </div>
311
+ <p class="text-gray-600">ou em até 3x de R$ 15,97</p>
312
+ </div>
313
+
314
+ <div class="max-w-2xl mx-auto bg-white bg-opacity-10 rounded-lg p-6 mb-8">
315
+ <h3 class="text-xl font-bold mb-4">Bônus Exclusivo para Compra Hoje:</h3>
316
+ <ul class="text-left space-y-2 max-w-md mx-auto">
317
+ <li class="flex items-start">
318
+ <i class="fas fa-gift text-yellow-300 mt-1 mr-2"></i>
319
+ <span>Guia de Planejamento Semanal de Refeições (PDF)</span>
320
+ </li>
321
+ <li class="flex items-start">
322
+ <i class="fas fa-gift text-yellow-300 mt-1 mr-2"></i>
323
+ <span>Lista de Compras Saudáveis (Imprimível)</span>
324
+ </li>
325
+ <li class="flex items-start">
326
+ <i class="fas fa-gift text-yellow-300 mt-1 mr-2"></i>
327
+ <span>Acesso ao Grupo VIP no WhatsApp com Nutricionista</span>
328
+ </li>
329
+ </ul>
330
+ </div>
331
+
332
+ <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-800 font-bold py-4 px-12 rounded-full text-lg download-btn shadow-lg">
333
+ <i class="fas fa-shopping-cart mr-2"></i> Comprar Agora
334
+ </button>
335
+
336
+ <div class="mt-8 flex items-center justify-center">
337
+ <img src="https://www.mercadopago.com/org-img/MP3/API/logos/237.png" alt="Mercado Pago" class="h-10 mr-6">
338
+ <img src="https://logodownload.org/wp-content/uploads/2014/10/paypal-logo-0.png" alt="PayPal" class="h-8">
339
+ </div>
340
+
341
+ <p class="mt-8 text-blue-100">Pagamento seguro via Mercado Pago ou PayPal | 7 dias de garantia</p>
342
+ </div>
343
+ </section>
344
+
345
+ <!-- FAQ Section -->
346
+ <section class="py-16 bg-white">
347
+ <div class="container mx-auto px-4 max-w-4xl">
348
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Perguntas Frequentes</h2>
349
+
350
+ <div class="space-y-4">
351
+ <!-- FAQ Item 1 -->
352
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
353
+ <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center">
354
+ <span>Como recebo o ebook após a compra?</span>
355
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
356
+ </button>
357
+ <div class="faq-content hidden p-4 bg-white">
358
+ <p class="text-gray-600">Imediatamente após a confirmação do pagamento, você receberá um e-mail com o link para download do ebook em formato PDF. Além disso, poderá acessá-lo através da área do cliente em nosso site.</p>
359
+ </div>
360
+ </div>
361
+
362
+ <!-- FAQ Item 2 -->
363
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
364
+ <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center">
365
+ <span>Posso imprimir o ebook?</span>
366
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
367
+ </button>
368
+ <div class="faq-content hidden p-4 bg-white">
369
+ <p class="text-gray-600">Sim! O ebook foi projetado para ser impresso caso você prefira ter uma versão física. Recomendamos impressão em qualidade colorida para melhor visualização das imagens das receitas.</p>
370
+ </div>
371
+ </div>
372
+
373
+ <!-- FAQ Item 3 -->
374
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
375
+ <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center">
376
+ <span>As receitas são adequadas para vegetarianos?</span>
377
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
378
+ </button>
379
+ <div class="faq-content hidden p-4 bg-white">
380
+ <p class="text-gray-600">Cerca de 60% das receitas são vegetarianas ou podem ser facilmente adaptadas substituindo a proteína animal por opções vegetais como tofu, tempeh ou leguminosas. Marcamos claramente todas as receitas vegetarianas no ebook.</p>
381
+ </div>
382
+ </div>
383
+
384
+ <!-- FAQ Item 4 -->
385
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
386
+ <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center">
387
+ <span>E se eu não gostar do ebook?</span>
388
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
389
+ </button>
390
+ <div class="faq-content hidden p-4 bg-white">
391
+ <p class="text-gray-600">Oferecemos garantia incondicional de 7 dias. Se por qualquer motivo você não ficar satisfeito(a), basta nos enviar um e-mail dentro desse período que devolvemos 100% do seu dinheiro, sem questionamentos.</p>
392
+ </div>
393
+ </div>
394
+ </div>
395
+ </div>
396
+ </section>
397
+
398
+ <!-- CTA Section -->
399
+ <section class="py-16 bg-gray-800 text-white">
400
+ <div class="container mx-auto px-4 text-center">
401
+ <h2 class="text-3xl font-bold mb-6">Pronto para Transformar Sua Alimentação?</h2>
402
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Adquira agora mesmo o ebook "Receitas Fitness Rápidas" e comece hoje sua jornada para uma vida mais saudável!</p>
403
+
404
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
405
+ <button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-8 rounded-full download-btn">
406
+ <i class="fas fa-download mr-2"></i> Baixar Amostra Grátis
407
+ </button>
408
+ <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-800 font-bold py-3 px-8 rounded-full download-btn">
409
+ <i class="fas fa-shopping-cart mr-2"></i> Comprar Ebook Completo
410
+ </button>
411
+ </div>
412
+
413
+ <div class="mt-8 flex items-center justify-center space-x-6">
414
+ <div class="flex items-center">
415
+ <i class="fas fa-lock text-green-400 text-2xl mr-2"></i>
416
+ <span>Pagamento Seguro</span>
417
+ </div>
418
+ <div class="flex items-center">
419
+ <i class="fas fa-shield-alt text-green-400 text-2xl mr-2"></i>
420
+ <span>Garantia de 7 Dias</span>
421
+ </div>
422
+ <div class="flex items-center">
423
+ <i class="fas fa-headset text-green-400 text-2xl mr-2"></i>
424
+ <span>Suporte 24/7</span>
425
+ </div>
426
+ </div>
427
+ </div>
428
+ </section>
429
+
430
+ <!-- Footer -->
431
+ <footer class="bg-gray-900 text-gray-400 py-12">
432
+ <div class="container mx-auto px-4">
433
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
434
+ <div>
435
+ <div class="flex items-center mb-4">
436
+ <i class="fas fa-dumbbell text-blue-500 text-2xl mr-2"></i>
437
+ <h3 class="text-xl font-bold text-white">FitFast</h3>
438
+ </div>
439
+ <p class="mb-4">Transformando vidas através da alimentação saudável e prática.</p>
440
+ <div class="flex space-x-4">
441
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
442
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
443
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a>
444
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-pinterest-p"></i></a>
445
+ </div>
446
+ </div>
447
+
448
+ <div>
449
+ <h4 class="text-lg font-semibold text-white mb-4">Links Rápidos</h4>
450
+ <ul class="space-y-2">
451
+ <li><a href="#home" class="hover:text-white">Início</a></li>
452
+ <li><a href="#recipes" class="hover:text-white">Receitas</a></li>
453
+ <li><a href="#benefits" class="hover:text-white">Benefícios</a></li>
454
+ <li><a href="#testimonials" class="hover:text-white">Depoimentos</a></li>
455
+ <li><a href="#" class="hover:text-white">Comprar Ebook</a></li>
456
+ </ul>
457
+ </div>
458
+
459
+ <div>
460
+ <h4 class="text-lg font-semibold text-white mb-4">Suporte</h4>
461
+ <ul class="space-y-2">
462
+ <li><a href="#" class="hover:text-white">Central de Ajuda</a></li>
463
+ <li><a href="#" class="hover:text-white">Política de Reembolso</a></li>
464
+ <li><a href="#" class="hover:text-white">Termos de Serviço</a></li>
465
+ <li><a href="#" class="hover:text-white">Política de Privacidade</a></li>
466
+ <li><a href="#" class="hover:text-white">Contato</a></li>
467
+ </ul>
468
+ </div>
469
+
470
+ <div>
471
+ <h4 class="text-lg font-semibold text-white mb-4">Contato</h4>
472
+ <ul class="space-y-2">
473
+ <li class="flex items-start">
474
+ <i class="fas fa-envelope mt-1 mr-2"></i>
475
+ <span>contato@fitfast.com.br</span>
476
+ </li>
477
+ <li class="flex items-start">
478
+ <i class="fas fa-phone-alt mt-1 mr-2"></i>
479
+ <span>(11) 98765-4321</span>
480
+ </li>
481
+ <li class="flex items-start">
482
+ <i class="fas fa-map-marker-alt mt-1 mr-2"></i>
483
+ <span>São Paulo - SP, Brasil</span>
484
+ </li>
485
+ <li class="flex items-start">
486
+ <i class="fas fa-pix mt-1 mr-2"></i>
487
+ <span>PIX: 41985117894</span>
488
+ </li>
489
+ </ul>
490
+ </div>
491
+ </div>
492
+
493
+ <div class="border-t border-gray-800 pt-8 text-center">
494
+ <p>&copy; 2023 FitFast. Todos os direitos reservados.</p>
495
+ </div>
496
+ </div>
497
+ </footer>
498
+
499
+ <!-- Floating WhatsApp Button -->
500
+ <div class="fixed bottom-6 right-6 z-50">
501
+ <a href="https://wa.me/5511987654321" class="bg-green-500 hover:bg-green-600 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg transition-transform hover:scale-110">
502
+ <i class="fab fa-whatsapp text-2xl"></i>
503
+ </a>
504
+ </div>
505
+
506
+ <script>
507
+ // Mobile Menu Toggle
508
+ const menuBtn = document.getElementById('menuBtn');
509
+ const mobileMenu = document.getElementById('mobileMenu');
510
+
511
+ menuBtn.addEventListener('click', () => {
512
+ mobileMenu.classList.toggle('hidden');
513
+ });
514
+
515
+ // FAQ Accordion
516
+ const faqToggles = document.querySelectorAll('.faq-toggle');
517
+
518
+ faqToggles.forEach(toggle => {
519
+ toggle.addEventListener('click', () => {
520
+ const content = toggle.nextElementSibling;
521
+ const icon = toggle.querySelector('i');
522
+
523
+ content.classList.toggle('hidden');
524
+ icon.classList.toggle('transform');
525
+ icon.classList.toggle('rotate-180');
526
+ });
527
+ });
528
+
529
+ // Smooth scrolling for anchor links
530
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
531
+ anchor.addEventListener('click', function(e) {
532
+ e.preventDefault();
533
+
534
+ const targetId = this.getAttribute('href');
535
+ const targetElement = document.querySelector(targetId);
536
+
537
+ if (targetElement) {
538
+ window.scrollTo({
539
+ top: targetElement.offsetTop - 80,
540
+ behavior: 'smooth'
541
+ });
542
+
543
+ // Close mobile menu if open
544
+ if (!mobileMenu.classList.contains('hidden')) {
545
+ mobileMenu.classList.add('hidden');
546
+ }
547
+ }
548
+ });
549
+ });
550
+
551
+ // Animation on scroll
552
+ function animateOnScroll() {
553
+ const elements = document.querySelectorAll('.recipe-card, .download-btn');
554
+
555
+ elements.forEach(element => {
556
+ const elementPosition = element.getBoundingClientRect().top;
557
+ const screenPosition = window.innerHeight / 1.2;
558
+
559
+ if (elementPosition < screenPosition) {
560
+ element.style.opacity = '1';
561
+ element.style.transform = 'translateY(0)';
562
+ }
563
+ });
564
+ }
565
+
566
+ // Set initial state for animated elements
567
+ document.querySelectorAll('.recipe-card, .download-btn').forEach(element => {
568
+ element.style.opacity = '0';
569
+ element.style.transform = 'translateY(20px)';
570
+ element.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
571
+ });
572
+
573
+ // Run animation on load and scroll
574
+ window.addEventListener('load', animateOnScroll);
575
+ window.addEventListener('scroll', animateOnScroll);
576
+ </script>
577
+ <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=RealGui/chefgui" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
578
+ </html>