Hugging Face's logo

Spaces:
NetoTl
/
transforme-sua-vida
Running

App Files Community
NetoTl commited on
Commit
bb3a1ca
·
verified ·
1 Parent(s): e477c80

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +273 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Transforme Sua Vida
3
- emoji: 📚
4
- colorFrom: indigo
5
- colorTo: indigo
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: transforme-sua-vida
3
+ emoji: 🐳
4
+ colorFrom: gray
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,273 @@
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>Transformação Total: O Guia Científico para Emagrecimento Definitivo</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@400;700;900&display=swap');
11
+
12
+ body {
13
+ font-family: 'Montserrat', sans-serif;
14
+ scroll-behavior: smooth;
15
+ }
16
+
17
+ .hero-gradient {
18
+ background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
19
+ }
20
+
21
+ .testimonial-card {
22
+ box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2);
23
+ transition: transform 0.3s ease;
24
+ }
25
+
26
+ .testimonial-card:hover {
27
+ transform: translateY(-5px);
28
+ }
29
+
30
+ .chapter-icon {
31
+ width: 60px;
32
+ height: 60px;
33
+ display: flex;
34
+ align-items: center;
35
+ justify-content: center;
36
+ border-radius: 50%;
37
+ margin: 0 auto 15px;
38
+ }
39
+
40
+ .before-after-container {
41
+ position: relative;
42
+ overflow: hidden;
43
+ border-radius: 10px;
44
+ }
45
+
46
+ .before-after-slider {
47
+ position: absolute;
48
+ top: 0;
49
+ bottom: 0;
50
+ width: 50%;
51
+ overflow: hidden;
52
+ border-right: 3px solid white;
53
+ }
54
+
55
+ .slider-handle {
56
+ position: absolute;
57
+ top: 50%;
58
+ left: 50%;
59
+ transform: translate(-50%, -50%);
60
+ width: 40px;
61
+ height: 40px;
62
+ border-radius: 50%;
63
+ background: white;
64
+ display: flex;
65
+ align-items: center;
66
+ justify-content: center;
67
+ cursor: ew-resize;
68
+ box-shadow: 0 0 10px rgba(0,0,0,0.3);
69
+ }
70
+
71
+ .floating-cta {
72
+ animation: float 3s ease-in-out infinite;
73
+ }
74
+
75
+ @keyframes float {
76
+ 0% { transform: translateY(0px); }
77
+ 50% { transform: translateY(-10px); }
78
+ 100% { transform: translateY(0px); }
79
+ }
80
+
81
+ .scientific-card {
82
+ border-left: 5px solid #4facfe;
83
+ }
84
+ </style>
85
+ </head>
86
+ <body class="bg-gray-50">
87
+ <!-- Hero Section -->
88
+ <section class="hero-gradient text-white py-20 px-4">
89
+ <div class="container mx-auto max-w-6xl flex flex-col md:flex-row items-center">
90
+ <div class="md:w-1/2 mb-10 md:mb-0">
91
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Transformação Total: O Guia Científico para Emagrecimento Definitivo</h1>
92
+ <p class="text-xl mb-8">Descubra o método baseado em evidências científicas que já ajudou mais de 10.000 pessoas a conquistar o corpo dos sonhos sem dietas malucas!</p>
93
+ <div class="flex flex-col sm:flex-row gap-4">
94
+ <a href="#cta" class="bg-white text-blue-600 font-bold py-3 px-8 rounded-full text-center hover:bg-gray-100 transition duration-300">Quero Emagrecer Agora!</a>
95
+ <a href="#preview" class="border-2 border-white text-white font-bold py-3 px-8 rounded-full text-center hover:bg-white hover:text-blue-600 transition duration-300">Ver Amostra Grátis</a>
96
+ </div>
97
+ </div>
98
+ <div class="md:w-1/2 flex justify-center">
99
+ <img src="https://images.unsplash.com/photo-1535914254981-b5012eebbd15?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Ebook Capa" class="rounded-lg shadow-2xl w-full max-w-md">
100
+ </div>
101
+ </div>
102
+ </section>
103
+
104
+ <!-- Social Proof -->
105
+ <section class="py-16 bg-white">
106
+ <div class="container mx-auto max-w-6xl px-4">
107
+ <div class="flex flex-wrap justify-center items-center gap-8 md:gap-16">
108
+ <div class="text-center">
109
+ <div class="text-4xl font-bold text-blue-600">10.000+</div>
110
+ <div class="text-gray-600">Pessoas Transformadas</div>
111
+ </div>
112
+ <div class="text-center">
113
+ <div class="text-4xl font-bold text-blue-600">97%</div>
114
+ <div class="text-gray-600">Taxa de Satisfação</div>
115
+ </div>
116
+ <div class="text-center">
117
+ <div class="text-4xl font-bold text-blue-600">50+</div>
118
+ <div class="text-gray-600">Estudos Científicos</div>
119
+ </div>
120
+ <div class="text-center">
121
+ <div class="text-4xl font-bold text-blue-600">12</div>
122
+ <div class="text-gray-600">Especialistas Consultados</div>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </section>
127
+
128
+ <!-- Before & After -->
129
+ <section class="py-20 bg-gray-100" id="preview">
130
+ <div class="container mx-auto max-w-6xl px-4">
131
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Resultados Reais de Nossos Alunos</h2>
132
+
133
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
134
+ <!-- Before/After 1 -->
135
+ <div class="before-after-container h-96 relative">
136
+ <img src="https://images.unsplash.com/photo-1551632436-cbf8dd35adfa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80" alt="Antes" class="w-full h-full object-cover">
137
+ <div class="before-after-slider">
138
+ <img src="https://images.unsplash.com/photo-1533681471362-9a8160a16a08?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Depois" class="w-full h-full object-cover">
139
+ </div>
140
+ <div class="slider-handle">
141
+ <i class="fas fa-arrows-alt-h text-gray-700"></i>
142
+ </div>
143
+ <div class="absolute bottom-4 left-4 bg-blue-600 text-white px-3 py-1 rounded">-28kg</div>
144
+ </div>
145
+
146
+ <!-- Before/After 2 -->
147
+ <div class="before-after-container h-96 relative">
148
+ <img src="https://images.unsplash.com/photo-1551632436-cbf8dd35adfa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80" alt="Antes" class="w-full h-full object-cover">
149
+ <div class="before-after-slider">
150
+ <img src="https://images.unsplash.com/photo-1533681471362-9a8160a16a08?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Depois" class="w-full h-full object-cover">
151
+ </div>
152
+ <div class="slider-handle">
153
+ <i class="fas fa-arrows-alt-h text-gray-700"></i>
154
+ </div>
155
+ <div class="absolute bottom-4 left-4 bg-blue-600 text-white px-3 py-1 rounded">-18kg</div>
156
+ </div>
157
+ </div>
158
+
159
+ <div class="mt-12 text-center">
160
+ <p class="text-lg mb-6">Estes são resultados reais de pessoas comuns que aplicaram o método descrito neste ebook.</p>
161
+ <a href="#cta" class="bg-blue-600 text-white font-bold py-3 px-8 rounded-full inline-block hover:bg-blue-700 transition duration-300">Quero Me Transformar Também!</a>
162
+ </div>
163
+ </div>
164
+ </section>
165
+
166
+ <!-- Scientific Evidence -->
167
+ <section class="py-20 bg-white">
168
+ <div class="container mx-auto max-w-6xl px-4">
169
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Baseado em Evidências Científicas</h2>
170
+
171
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
172
+ <div class="scientific-card bg-gray-50 p-6 rounded-lg">
173
+ <div class="text-blue-600 text-4xl mb-4"><i class="fas fa-chart-line"></i></div>
174
+ <h3 class="text-xl font-bold mb-3">Metabolismo Acelerado</h3>
175
+ <p class="text-gray-600">Técnicas comprovadas por estudos da Universidade de Harvard que aumentam seu metabolismo em até 20%.</p>
176
+ </div>
177
+
178
+ <div class="scientific-card bg-gray-50 p-6 rounded-lg">
179
+ <div class="text-blue-600 text-4xl mb-4"><i class="fas fa-heartbeat"></i></div>
180
+ <h3 class="text-xl font-bold mb-3">Saúde Cardiovascular</h3>
181
+ <p class="text-gray-600">Métodos aprovados pela American Heart Association para perda de peso saudável e sustentável.</p>
182
+ </div>
183
+
184
+ <div class="scientific-card bg-gray-50 p-6 rounded-lg">
185
+ <div class="text-blue-600 text-4xl mb-4"><i class="fas fa-brain"></i></div>
186
+ <h3 class="text-xl font-bold mb-3">Psicologia Alimentar</h3>
187
+ <p class="text-gray-600">Estratégias baseadas em neurociência para controle de compulsão alimentar com eficácia de 89%.</p>
188
+ </div>
189
+ </div>
190
+
191
+ <div class="mt-12 bg-blue-50 p-6 rounded-lg">
192
+ <div class="flex flex-col md:flex-row items-center">
193
+ <div class="md:w-1/4 mb-6 md:mb-0 flex justify-center">
194
+ <img src="https://images.unsplash.com/photo-1559839734-2b71ea197ec2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Dr. Carlos Silva" class="w-32 h-32 rounded-full object-cover border-4 border-white shadow">
195
+ </div>
196
+ <div class="md:w-3/4 md:pl-8">
197
+ <blockquote class="text-lg italic mb-4">
198
+ "Após 15 anos pesquisando nutrição e emagrecimento, posso afirmar que este método reúne as estratégias mais eficazes já validadas pela ciência. Não se trata de mais uma dieta da moda, mas de um protocolo completo para transformação corporal sustentável."
199
+ </blockquote>
200
+ <div class="font-bold">Dr. Carlos Silva</div>
201
+ <div class="text-gray-600">PhD em Nutrição Clínica - Universidade de São Paulo</div>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ </div>
206
+ </section>
207
+
208
+ <!-- Chapters Preview -->
209
+ <section class="py-20 bg-gray-100">
210
+ <div class="container mx-auto max-w-6xl px-4">
211
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">O Que Você Vai Aprender</h2>
212
+
213
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
214
+ <div class="bg-white p-6 rounded-lg text-center">
215
+ <div class="chapter-icon bg-blue-100 text-blue-600">
216
+ <i class="fas fa-fire-alt text-2xl"></i>
217
+ </div>
218
+ <h3 class="text-xl font-bold mb-3">A Ciência da Queima de Gordura</h3>
219
+ <p class="text-gray-600">Entenda exatamente como seu corpo queima gordura e como maximizar esse processo natural.</p>
220
+ </div>
221
+
222
+ <div class="bg-white p-6 rounded-lg text-center">
223
+ <div class="chapter-icon bg-blue-100 text-blue-600">
224
+ <i class="fas fa-utensils text-2xl"></i>
225
+ </div>
226
+ <h3 class="text-xl font-bold mb-3">Alimentação Inteligente</h3>
227
+ <p class="text-gray-600">O protocolo alimentar baseado em evidências que acelera o emagrecimento sem passar fome.</p>
228
+ </div>
229
+
230
+ <div class="bg-white p-6 rounded-lg text-center">
231
+ <div class="chapter-icon bg-blue-100 text-blue-600">
232
+ <i class="fas fa-dumbbell text-2xl"></i>
233
+ </div>
234
+ <h3 class="text-xl font-bold mb-3">Exercícios Eficientes</h3>
235
+ <p class="text-gray-600">Os 12 exercícios científicos que queimam mais gordura em menos tempo.</p>
236
+ </div>
237
+
238
+ <div class="bg-white p-6 rounded-lg text-center">
239
+ <div class="chapter-icon bg-blue-100 text-blue-600">
240
+ <i class="fas fa-brain text-2xl"></i>
241
+ </div>
242
+ <h3 class="text-xl font-bold mb-3">Mindset Vencedor</h3>
243
+ <p class="text-gray-600">Como reprogramar seu cérebro para manter hábitos saudáveis automaticamente.</p>
244
+ </div>
245
+
246
+ <div class="bg-white p-6 rounded-lg text-center">
247
+ <div class="chapter-icon bg-blue-100 text-blue-600">
248
+ <i class="fas fa-bed text-2xl"></i>
249
+ </div>
250
+ <h3 class="text-xl font-bold mb-3">O Poder do Sono</h3>
251
+ <p class="text-gray-600">Como dormir melhor pode dobrar seus resultados de emagrecimento.</p>
252
+ </div>
253
+
254
+ <div class="bg-white p-6 rounded-lg text-center">
255
+ <div class="chapter-icon bg-blue-100 text-blue-600">
256
+ <i class="fas fa-chart-pie text-2xl"></i>
257
+ </div>
258
+ <h3 class="text-xl font-bold mb-3">Manutenção Vitalícia</h3>
259
+ <p class="text-gray-600">Estratégias comprovadas para nunca mais recuperar o peso perdido.</p>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ </section>
264
+
265
+ <!-- Testimonials -->
266
+ <section class="py-20 bg-white">
267
+ <div class="container mx-auto max-w-6xl px-4">
268
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">O Que Nossos Leitores Dizem</h2>
269
+
270
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
271
+ <div class="testimonial-card bg-gray-50 p-6 rounded-lg">
272
+ <div class="
273
+ </html>
prompts.txt ADDED
File without changes