Hugging Face's logo

Spaces:
alexandreafd
/
aline-3
Running

App Files Community
alexandreafd commited on
Commit
fa3a45a
·
verified ·
1 Parent(s): 58b7d92

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +680 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Aline 3
3
- emoji: 👁
4
- colorFrom: indigo
5
  colorTo: blue
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: aline-3
3
+ emoji: 🐳
4
+ colorFrom: pink
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,680 @@
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>O Amor que pode dar certo - Workshop com Ángel Martínez Viejo</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ offwhite: {
15
+ DEFAULT: '#F5F5F5',
16
+ 100: '#ffffff',
17
+ 200: '#fafafa',
18
+ 300: '#f0f0f0',
19
+ 400: '#e5e5e5',
20
+ 500: '#F5F5F5',
21
+ 600: '#e0e0e0',
22
+ 700: '#cccccc',
23
+ 800: '#b8b8b8',
24
+ 900: '#a3a3a3',
25
+ },
26
+ verde: {
27
+ DEFAULT: '#9BBF9B',
28
+ 100: '#f2f7f2',
29
+ 200: '#e5efe5',
30
+ 300: '#d7e7d7',
31
+ 400: '#9BBF9B',
32
+ 500: '#86ab86',
33
+ 600: '#719771',
34
+ 700: '#5c835c',
35
+ 800: '#476f47',
36
+ 900: '#325b32',
37
+ },
38
+ lilas: {
39
+ DEFAULT: '#E5D4EF',
40
+ 100: '#f9f6fc',
41
+ 200: '#f2ecf9',
42
+ 300: '#ece3f6',
43
+ 400: '#E5D4EF',
44
+ 500: '#d8c5e8',
45
+ 600: '#cbb6e1',
46
+ 700: '#bea7da',
47
+ 800: '#b198d3',
48
+ 900: '#a489cc',
49
+ },
50
+ cinza: {
51
+ DEFAULT: '#4B4B4B',
52
+ 100: '#a3a3a3',
53
+ 200: '#8f8f8f',
54
+ 300: '#7b7b7b',
55
+ 400: '#676767',
56
+ 500: '#4B4B4B',
57
+ 600: '#3f3f3f',
58
+ 700: '#333333',
59
+ 800: '#272727',
60
+ 900: '#1b1b1b',
61
+ }
62
+ }
63
+ }
64
+ }
65
+ }
66
+ </script>
67
+ <style>
68
+ .hero-gradient {
69
+ background: linear-gradient(135deg, rgba(155, 191, 155, 0.9) 0%, rgba(229, 212, 239, 0.9) 100%);
70
+ }
71
+ .section-divider {
72
+ height: 100px;
73
+ background: linear-gradient(to bottom right, transparent 49.5%, #F5F5F5 50%),
74
+ linear-gradient(to top right, transparent 49.5%, #F5F5F5 50%);
75
+ background-size: 100% 50%;
76
+ background-repeat: no-repeat;
77
+ background-position: top, bottom;
78
+ }
79
+ .floating {
80
+ animation: floating 3s ease-in-out infinite;
81
+ }
82
+ @keyframes floating {
83
+ 0% { transform: translateY(0px); }
84
+ 50% { transform: translateY(-15px); }
85
+ 100% { transform: translateY(0px); }
86
+ }
87
+ </style>
88
+ </head>
89
+ <body class="font-sans bg-offwhite">
90
+ <!-- Countdown Section -->
91
+ <div class="hero-gradient text-cinza py-8">
92
+ <div class="container mx-auto px-4 text-center">
93
+ <h2 class="text-xl md:text-2xl font-light mb-4">WORKSHOP PRESENCIAL COM ÁNGEL MARTÍNEZ VIEJO</h2>
94
+ <h1 class="text-3xl md:text-5xl font-bold mb-8">O AMOR QUE PODE DAR CERTO</h1>
95
+ <p class="text-lg md:text-xl mb-8">Um olhar sistêmico sobre os relacionamentos</p>
96
+
97
+ <div class="max-w-4xl mx-auto bg-white bg-opacity-40 rounded-lg p-6 backdrop-blur-sm">
98
+ <p class="text-lg mb-4">O evento começa em:</p>
99
+ <div id="countdown" class="flex justify-center gap-4 md:gap-8">
100
+ <div class="text-center">
101
+ <div class="text-3xl md:text-5xl font-bold countdown-item" id="days">00</div>
102
+ <div class="text-sm">Dias</div>
103
+ </div>
104
+ <div class="text-center">
105
+ <div class="text-3xl md:text-5xl font-bold countdown-item" id="hours">00</div>
106
+ <div class="text-sm">Horas</div>
107
+ </div>
108
+ <div class="text-center">
109
+ <div class="text-3xl md:text-5xl font-bold countdown-item" id="minutes">00</div>
110
+ <div class="text-sm">Minutos</div>
111
+ </div>
112
+ <div class="text-center">
113
+ <div class="text-3xl md:text-5xl font-bold countdown-item" id="seconds">00</div>
114
+ <div class="text-sm">Segundos</div>
115
+ </div>
116
+ </div>
117
+ </div>
118
+
119
+ <div class="mt-8">
120
+ <p class="text-lg">20, 21 e 22 de Junho de 2025 | 9h às 18h</p>
121
+ <p class="text-lg">Leques Brasil Hotel-Escola - São Paulo/SP</p>
122
+ </div>
123
+
124
+ <a href="#inscricao" class="mt-8 inline-block bg-verde hover:bg-verde-600 text-white font-bold py-3 px-8 rounded-full text-lg transition duration-300 transform hover:scale-105">
125
+ GARANTA SUA VAGA
126
+ </a>
127
+ </div>
128
+ </div>
129
+
130
+ <div class="section-divider"></div>
131
+
132
+ <!-- About Event Section -->
133
+ <div class="py-16 bg-offwhite">
134
+ <div class="container mx-auto px-4">
135
+ <div class="flex flex-col md:flex-row items-center gap-12">
136
+ <div class="md:w-1/2">
137
+ <img src="https://images.unsplash.com/photo-1529333166437-7750a6dd5a70?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80"
138
+ alt="Workshop sobre relacionamentos"
139
+ class="rounded-lg shadow-xl w-full h-auto floating">
140
+ </div>
141
+ <div class="md:w-1/2">
142
+ <h2 class="text-3xl font-bold text-cinza mb-6">PARA QUEM É ESTE WORKSHOP?</h2>
143
+ <p class="text-cinza-600 mb-6 text-lg">
144
+ Para você que deseja entender por que o amor, mesmo com tanto esforço, às vezes simplesmente não flui. Para você, que sente que já viveu dores amorosas e busca um novo olhar para si e para o amor, que sente que "algo maior" interfere em sua vida afetiva — e está pronto(a) para acessar e curar essas raízes.
145
+ </p>
146
+
147
+ <div class="space-y-4">
148
+ <div class="flex items-start">
149
+ <div class="flex-shrink-0 mt-1">
150
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-lilas text-white">
151
+ <i class="fas fa-heart text-xs"></i>
152
+ </div>
153
+ </div>
154
+ <div class="ml-3">
155
+ <p class="text-cinza-600">Casais que buscam reconexão e melhor comunicação</p>
156
+ </div>
157
+ </div>
158
+
159
+ <div class="flex items-start">
160
+ <div class="flex-shrink-0 mt-1">
161
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-lilas text-white">
162
+ <i class="fas fa-user text-xs"></i>
163
+ </div>
164
+ </div>
165
+ <div class="ml-3">
166
+ <p class="text-cinza-600">Pessoas solteiras que vivem padrões repetitivos nos relacionamentos</p>
167
+ </div>
168
+ </div>
169
+
170
+ <div class="flex items-start">
171
+ <div class="flex-shrink-0 mt-1">
172
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-lilas text-white">
173
+ <i class="fas fa-brain text-xs"></i>
174
+ </div>
175
+ </div>
176
+ <div class="ml-3">
177
+ <p class="text-cinza-600">Profissionais terapêuticos que querem conhecer o olhar sistêmico aplicado ao amor</p>
178
+ </div>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </div>
185
+
186
+ <!-- Speaker Section -->
187
+ <div class="py-16 bg-lilas-100">
188
+ <div class="container mx-auto px-4">
189
+ <h2 class="text-3xl font-bold text-center text-cinza mb-12">CONHEÇA ÁNGEL MARTÍNEZ VIEJO</h2>
190
+
191
+ <div class="flex flex-col md:flex-row items-center gap-12">
192
+ <div class="md:w-1/3">
193
+ <img src="https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
194
+ alt="Ángel Martínez Viejo"
195
+ class="rounded-full w-64 h-64 mx-auto object-cover border-4 border-white shadow-lg">
196
+ </div>
197
+ <div class="md:w-2/3">
198
+ <h3 class="text-2xl font-bold text-cinza mb-4">Psicólogo e Constelador Sistêmico</h3>
199
+ <p class="text-cinza-600 mb-6">
200
+ Com mais de 25 anos de experiência no trabalho com pessoas, casais, famílias, grupos e organizações. Membro Didata da Associação Espanhola de Constelações Familiares e Sistêmicas.
201
+ </p>
202
+
203
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
204
+ <div class="bg-offwhite p-4 rounded-lg shadow">
205
+ <h4 class="font-bold text-cinza mb-2">Formação Acadêmica</h4>
206
+ <ul class="list-disc list-inside text-cinza-600 space-y-1">
207
+ <li>Licenciado em Psicologia - Universidade de Sevilha</li>
208
+ <li>Máster em Psicoterapia Relacional Sistêmica</li>
209
+ <li>Diplomado em Constelações Familiares</li>
210
+ </ul>
211
+ </div>
212
+
213
+ <div class="bg-offwhite p-4 rounded-lg shadow">
214
+ <h4 class="font-bold text-cinza mb-2">Especializações</h4>
215
+ <ul class="list-disc list-inside text-cinza-600 space-y-1">
216
+ <li>Hipnoterapia Ericksoniana</li>
217
+ <li>Terapia Gestalt</li>
218
+ <li>EMDR</li>
219
+ </ul>
220
+ </div>
221
+ </div>
222
+
223
+ <div class="mt-6 bg-offwhite p-4 rounded-lg shadow">
224
+ <h4 class="font-bold text-cinza mb-2">Autor do Livro</h4>
225
+ <p class="text-cinza-600">
226
+ "Emoción y Acción. Psicología de la vida apasionada" - Uma obra que explora as conexões entre emoção e ação na construção de uma vida plena.
227
+ </p>
228
+ </div>
229
+ </div>
230
+ </div>
231
+ </div>
232
+ </div>
233
+
234
+ <!-- Program Section -->
235
+ <div class="py-16 bg-verde-100">
236
+ <div class="container mx-auto px-4">
237
+ <h2 class="text-3xl font-bold text-center text-cinza mb-12">PROGRAMA DO WORKSHOP</h2>
238
+
239
+ <div class="max-w-4xl mx-auto">
240
+ <div class="mb-8">
241
+ <h3 class="text-xl font-bold text-cinza mb-4">IMERSÃO PRESENCIAL DE 3 DIAS</h3>
242
+ <p class="text-cinza-600 mb-6">
243
+ Pura entrega às questões mais profundas e inconscientes da alma. Vista seu amor mais profundo por si mesmo e venha com roupas confortáveis, o amor é quentinho!
244
+ </p>
245
+ </div>
246
+
247
+ <div class="space-y-8">
248
+ <div class="flex flex-col md:flex-row gap-6">
249
+ <div class="md:w-1/3 bg-offwhite p-6 rounded-lg shadow-lg">
250
+ <div class="text-lilas text-4xl mb-4">
251
+ <i class="fas fa-calendar-day"></i>
252
+ </div>
253
+ <h4 class="font-bold text-cinza mb-2">DIA 1</h4>
254
+ <p class="text-cinza-600">
255
+ Como heranças familiares invisíveis impactam o amor. Introdução às Constelações Familiares aplicadas aos relacionamentos.
256
+ </p>
257
+ </div>
258
+
259
+ <div class="md:w-1/3 bg-offwhite p-6 rounded-lg shadow-lg">
260
+ <div class="text-lilas text-4xl mb-4">
261
+ <i class="fas fa-heart"></i>
262
+ </div>
263
+ <h4 class="font-bold text-cinza mb-2">DIA 2</h4>
264
+ <p class="text-cinza-600">
265
+ Como lealdades sistêmicas e repetições inconscientes travam a vida amorosa. Exercícios práticos de reconexão.
266
+ </p>
267
+ </div>
268
+
269
+ <div class="md:w-1/3 bg-offwhite p-6 rounded-lg shadow-lg">
270
+ <div class="text-lilas text-4xl mb-4">
271
+ <i class="fas fa-hands-helping"></i>
272
+ </div>
273
+ <h4 class="font-bold text-cinza mb-2">DIA 3</h4>
274
+ <p class="text-cinza-600">
275
+ O caminho da Cura emocional e da Reconexão com a própria história familiar. Encerramento com ritual de integração.
276
+ </p>
277
+ </div>
278
+ </div>
279
+
280
+ <div class="bg-offwhite p-6 rounded-lg shadow-lg">
281
+ <h4 class="font-bold text-cinza mb-2">HORÁRIO DIÁRIO</h4>
282
+ <div class="flex flex-wrap gap-4">
283
+ <div class="flex-1 min-w-[200px] bg-verde-50 p-4 rounded">
284
+ <p class="font-semibold text-cinza">Manhã</p>
285
+ <p class="text-cinza-600">9h às 12h30 - Sessão principal</p>
286
+ </div>
287
+ <div class="flex-1 min-w-[200px] bg-verde-50 p-4 rounded">
288
+ <p class="font-semibold text-cinza">Almoço</p>
289
+ <p class="text-cinza-600">12h30 às 14h</p>
290
+ </div>
291
+ <div class="flex-1 min-w-[200px] bg-verde-50 p-4 rounded">
292
+ <p class="font-semibold text-cinza">Tarde</p>
293
+ <p class="text-cinza-600">14h às 18h - Com dois breaks</p>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </div>
299
+ </div>
300
+ </div>
301
+
302
+ <!-- Location Section -->
303
+ <div class="py-16 bg-offwhite">
304
+ <div class="container mx-auto px-4">
305
+ <h2 class="text-3xl font-bold text-center text-cinza mb-12">LOCAL DO EVENTO</h2>
306
+
307
+ <div class="flex flex-col md:flex-row gap-12 items-center">
308
+ <div class="md:w-1/2">
309
+ <div class="rounded-lg overflow-hidden shadow-xl">
310
+ <iframe
311
+ src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3657.071318020108!2d-46.63652092468712!3d-23.56197847880086!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce59a00cc9896b%3A0x4d7fa8becba4e40d!2sLiberdade%2C%20S%C3%A3o%20Paulo%20-%20State%20of%20S%C3%A3o%20Paulo!5e0!3m2!1sen!2sbr!4v1689876036783!5m2!1sen!2sbr"
312
+ width="100%"
313
+ height="400"
314
+ style="border:0;"
315
+ allowfullscreen=""
316
+ loading="lazy"
317
+ referrerpolicy="no-referrer-when-downgrade">
318
+ </iframe>
319
+ </div>
320
+ </div>
321
+
322
+ <div class="md:w-1/2">
323
+ <h3 class="text-2xl font-bold text-cinza mb-4">Leques Brasil Hotel-Escola</h3>
324
+ <p class="text-cinza-600 mb-6">
325
+ R. São Joaquim, 216 - Liberdade, São Paulo - SP, 01508-000
326
+ </p>
327
+
328
+ <div class="space-y-4">
329
+ <div class="flex items-start">
330
+ <div class="flex-shrink-0 mt-1">
331
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-verde text-white">
332
+ <i class="fas fa-subway text-xs"></i>
333
+ </div>
334
+ </div>
335
+ <div class="ml-3">
336
+ <p class="text-cinza-600">Próximo à estação São Joaquim do Metrô (Linha 1-Azul)</p>
337
+ </div>
338
+ </div>
339
+
340
+ <div class="flex items-start">
341
+ <div class="flex-shrink-0 mt-1">
342
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-verde text-white">
343
+ <i class="fas fa-parking text-xs"></i>
344
+ </div>
345
+ </div>
346
+ <div class="ml-3">
347
+ <p class="text-cinza-600">Estacionamento disponível no local</p>
348
+ </div>
349
+ </div>
350
+
351
+ <div class="flex items-start">
352
+ <div class="flex-shrink-0 mt-1">
353
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-verde text-white">
354
+ <i class="fas fa-utensils text-xs"></i>
355
+ </div>
356
+ </div>
357
+ <div class="ml-3">
358
+ <p class="text-cinza-600">Restaurantes e cafés próximos para o intervalo</p>
359
+ </div>
360
+ </div>
361
+ </div>
362
+
363
+ <div class="mt-8 bg-lilas-50 p-6 rounded-lg">
364
+ <h4 class="font-bold text-cinza mb-2">IDIOMAS</h4>
365
+ <p class="text-cinza-600">
366
+ O workshop será conduzido em espanhol com tradução simultânea para português. Todos os materiais serão disponibilizados nos dois idiomas.
367
+ </p>
368
+ </div>
369
+ </div>
370
+ </div>
371
+ </div>
372
+ </div>
373
+
374
+ <!-- Testimonials Section -->
375
+ <div class="py-16 bg-lilas-100">
376
+ <div class="container mx-auto px-4">
377
+ <h2 class="text-3xl font-bold text-center text-cinza mb-12">DEPOIMENTOS</h2>
378
+
379
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
380
+ <div class="bg-offwhite p-6 rounded-lg shadow-lg">
381
+ <div class="flex items-center mb-4">
382
+ <div class="flex-shrink-0">
383
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/women/32.jpg" alt="">
384
+ </div>
385
+ <div class="ml-3">
386
+ <p class="text-sm font-medium text-cinza">Ana Carolina</p>
387
+ <div class="flex space-x-1 text-sm text-yellow-400">
388
+ <i class="fas fa-star"></i>
389
+ <i class="fas fa-star"></i>
390
+ <i class="fas fa-star"></i>
391
+ <i class="fas fa-star"></i>
392
+ <i class="fas fa-star"></i>
393
+ </div>
394
+ </div>
395
+ </div>
396
+ <p class="text-cinza-600 italic">
397
+ "Participar do workshop do Ángel mudou minha perspectiva sobre relacionamentos. Entendi padrões que se repetiam na minha vida e hoje me sinto mais livre para amar."
398
+ </p>
399
+ </div>
400
+
401
+ <div class="bg-offwhite p-6 rounded-lg shadow-lg">
402
+ <div class="flex items-center mb-4">
403
+ <div class="flex-shrink-0">
404
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/men/45.jpg" alt="">
405
+ </div>
406
+ <div class="ml-3">
407
+ <p class="text-sm font-medium text-cinza">Ricardo e Juliana</p>
408
+ <div class="flex space-x-1 text-sm text-yellow-400">
409
+ <i class="fas fa-star"></i>
410
+ <i class="fas fa-star"></i>
411
+ <i class="fas fa-star"></i>
412
+ <i class="fas fa-star"></i>
413
+ <i class="fas fa-star"></i>
414
+ </div>
415
+ </div>
416
+ </div>
417
+ <p class="text-cinza-600 italic">
418
+ "Como casal, estávamos em crise. O workshop nos ajudou a ver além dos conflitos superficiais e encontrar a raiz dos nossos problemas. Recomendamos muito!"
419
+ </p>
420
+ </div>
421
+
422
+ <div class="bg-offwhite p-6 rounded-lg shadow-lg">
423
+ <div class="flex items-center mb-4">
424
+ <div class="flex-shrink-0">
425
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/women/68.jpg" alt="">
426
+ </div>
427
+ <div class="ml-3">
428
+ <p class="text-sm font-medium text-cinza">Dra. Fernanda</p>
429
+ <div class="flex space-x-1 text-sm text-yellow-400">
430
+ <i class="fas fa-star"></i>
431
+ <i class="fas fa-star"></i>
432
+ <i class="fas fa-star"></i>
433
+ <i class="fas fa-star"></i>
434
+ <i class="fas fa-star"></i>
435
+ </div>
436
+ </div>
437
+ </div>
438
+ <p class="text-cinza-600 italic">
439
+ "Como terapeuta, aprendi abordagens poderosas que já integrei na minha prática. A profundidade do trabalho do Ángel é impressionante."
440
+ </p>
441
+ </div>
442
+ </div>
443
+ </div>
444
+ </div>
445
+
446
+ <!-- CTA Section -->
447
+ <div id="inscricao" class="py-16 bg-gradient-to-r from-verde to-lilas text-white">
448
+ <div class="container mx-auto px-4 text-center">
449
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">VAGAS LIMITADAS</h2>
450
+ <p class="text-xl mb-8 max-w-3xl mx-auto">
451
+ Garanta sua participação neste workshop transformador que irá mudar sua perspectiva sobre relacionamentos e amor.
452
+ </p>
453
+
454
+ <div class="max-w-2xl mx-auto bg-white bg-opacity-30 rounded-xl p-8 backdrop-blur-sm">
455
+ <h3 class="text-2xl font-bold mb-6">FAÇA SUA INSCRIÇÃO</h3>
456
+
457
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
458
+ <div class="bg-white bg-opacity-40 p-4 rounded-lg">
459
+ <h4 class="font-bold mb-2">PAGAMENTO À VISTA</h4>
460
+ <p class="text-xl font-bold">R$ XXXX,XX</p>
461
+ <p class="text-sm">Via PIX com 10% de desconto</p>
462
+ </div>
463
+
464
+ <div class="bg-white bg-opacity-40 p-4 rounded-lg">
465
+ <h4 class="font-bold mb-2">PARCELADO</h4>
466
+ <p class="text-xl font-bold">Até 12X</p>
467
+ <p class="text-sm">No cartão de crédito</p>
468
+ </div>
469
+ </div>
470
+
471
+ <form class="space-y-4 text-left">
472
+ <div>
473
+ <label for="name" class="block text-sm font-medium">Nome Completo</label>
474
+ <input type="text" id="name" class="mt-1 block w-full rounded-md bg-white bg-opacity-70 border-transparent focus:border-white focus:bg-white focus:ring-0 text-cinza p-3">
475
+ </div>
476
+
477
+ <div>
478
+ <label for="email" class="block text-sm font-medium">E-mail</label>
479
+ <input type="email" id="email" class="mt-1 block w-full rounded-md bg-white bg-opacity-70 border-transparent focus:border-white focus:bg-white focus:ring-0 text-cinza p-3">
480
+ </div>
481
+
482
+ <div>
483
+ <label for="phone" class="block text-sm font-medium">Telefone</label>
484
+ <input type="tel" id="phone" class="mt-1 block w-full rounded-md bg-white bg-opacity-70 border-transparent focus:border-white focus:bg-white focus:ring-0 text-cinza p-3">
485
+ </div>
486
+
487
+ <div>
488
+ <label for="payment" class="block text-sm font-medium">Forma de Pagamento</label>
489
+ <select id="payment" class="mt-1 block w-full rounded-md bg-white bg-opacity-70 border-transparent focus:border-white focus:bg-white focus:ring-0 text-cinza p-3">
490
+ <option>Selecione...</option>
491
+ <option>PIX (10% de desconto)</option>
492
+ <option>Cartão de Crédito (até 12x)</option>
493
+ <option>Boleto Bancário</option>
494
+ </select>
495
+ </div>
496
+
497
+ <div class="pt-2">
498
+ <button type="submit" class="w-full bg-white hover:bg-offwhite text-verde-700 font-bold py-3 px-4 rounded-md transition duration-300">
499
+ CONFIRMAR INSCRIÇÃO
500
+ </button>
501
+ </div>
502
+ </form>
503
+ </div>
504
+
505
+ <div class="mt-8">
506
+ <img src="https://via.placeholder.com/150x50?text=LOGO+EMPRESA" alt="Logo da Empresa" class="mx-auto h-12 opacity-90">
507
+ <p class="text-sm mt-2">Pagamentos processados com segurança</p>
508
+ </div>
509
+ </div>
510
+ </div>
511
+
512
+ <!-- FAQ Section -->
513
+ <div class="py-16 bg-offwhite">
514
+ <div class="container mx-auto px-4 max-w-4xl">
515
+ <h2 class="text-3xl font-bold text-center text-cinza mb-12">PERGUNTAS FREQUENTES</h2>
516
+
517
+ <div class="space-y-4">
518
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
519
+ <button class="flex justify-between items-center w-full p-4 text-left bg-lilas-50 hover:bg-lilas-100 transition">
520
+ <span class="font-medium text-cinza">Preciso ter conhecimento prévio sobre Constelação Familiar?</span>
521
+ <i class="fas fa-chevron-down text-cinza transition-transform duration-300"></i>
522
+ </button>
523
+ <div class="p-4 text-cinza-600 hidden">
524
+ Não é necessário nenhum conhecimento prévio. O workshop foi desenhado para ser acessível tanto para iniciantes quanto para profissionais da área terapêutica.
525
+ </div>
526
+ </div>
527
+
528
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
529
+ <button class="flex justify-between items-center w-full p-4 text-left bg-lilas-50 hover:bg-lilas-100 transition">
530
+ <span class="font-medium text-cinza">Posso participar sozinho(a) ou é melhor vir em casal?</span>
531
+ <i class="fas fa-chevron-down text-cinza transition-transform duration-300"></i>
532
+ </button>
533
+ <div class="p-4 text-cinza-600 hidden">
534
+ O workshop foi pensado para atender tanto pessoas sozinhas quanto casais. Cada formato traz aprendizados diferentes e igualmente valiosos.
535
+ </div>
536
+ </div>
537
+
538
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
539
+ <button class="flex justify-between items-center w-full p-4 text-left bg-lilas-50 hover:bg-lilas-100 transition">
540
+ <span class="font-medium text-cinza">Há material de apoio incluído?</span>
541
+ <i class="fas fa-chevron-down text-cinza transition-transform duration-300"></i>
542
+ </button>
543
+ <div class="p-4 text-cinza-600 hidden">
544
+ Sim, todos os participantes receberão um kit com material de apoio em português espanhol, além de acesso a gravações de alguns exercícios (quando permitido).
545
+ </div>
546
+ </div>
547
+
548
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
549
+ <button class="flex justify-between items-center w-full p-4 text-left bg-lilas-50 hover:bg-lilas-100 transition">
550
+ <span class="font-medium text-cinza">Qual a política de cancelamento?</span>
551
+ <i class="fas fa-chevron-down text-cinza transition-transform duration-300"></i>
552
+ </button>
553
+ <div class="p-4 text-cinza-600 hidden">
554
+ Cancelamentos com até 30 dias de antecedência recebem reembolso de 100%. Entre 30 e 15 dias, 50%. Menos de 15 dias, não há reembolso, mas você pode transferir sua vaga para outra pessoa.
555
+ </div>
556
+ </div>
557
+ </div>
558
+ </div>
559
+ </div>
560
+
561
+ <!-- Footer -->
562
+ <footer class="bg-cinza-800 text-white py-12">
563
+ <div class="container mx-auto px-4">
564
+ <div class="flex flex-col md:flex-row justify-between gap-8">
565
+ <div class="md:w-1/3">
566
+ <h3 class="text-xl font-bold mb-4 text-lilas-300">O AMOR QUE PODE DAR CERTO</h3>
567
+ <p class="text-lilas-200">
568
+ Um workshop transformador com Ángel Martínez Viejo sobre relacionamentos sob a perspectiva das Constelações Familiares.
569
+ </p>
570
+ </div>
571
+
572
+ <div class="md:w-1/3">
573
+ <h3 class="text-xl font-bold mb-4 text-lilas-300">CONTATO</h3>
574
+ <div class="space-y-2">
575
+ <p class="flex items-center">
576
+ <i class="fas fa-envelope mr-2 text-lilas"></i>
577
+ <span class="text-lilas-200">contato@eventoamor.com</span>
578
+ </p>
579
+ <p class="flex items-center">
580
+ <i class="fas fa-phone mr-2 text-lilas"></i>
581
+ <span class="text-lilas-200">(11) 99999-9999</span>
582
+ </p>
583
+ <p class="flex items-center">
584
+ <i class="fas fa-map-marker-alt mr-2 text-lilas"></i>
585
+ <span class="text-lilas-200">São Paulo - SP, Brasil</span>
586
+ </p>
587
+ </div>
588
+ </div>
589
+
590
+ <div class="md:w-1/3">
591
+ <h3 class="text-xl font-bold mb-4 text-lilas-300">REDES SOCIAIS</h3>
592
+ <div class="flex space-x-4">
593
+ <a href="#" class="h-10 w-10 rounded-full bg-cinza-700 flex items-center justify-center text-white hover:bg-lilas transition">
594
+ <i class="fab fa-facebook-f"></i>
595
+ </a>
596
+ <a href="#" class="h-10 w-10 rounded-full bg-cinza-700 flex items-center justify-center text-white hover:bg-lilas transition">
597
+ <i class="fab fa-instagram"></i>
598
+ </a>
599
+ <a href="#" class="h-10 w-10 rounded-full bg-cinza-700 flex items-center justify-center text-white hover:bg-lilas transition">
600
+ <i class="fab fa-youtube"></i>
601
+ </a>
602
+ <a href="#" class="h-10 w-10 rounded-full bg-cinza-700 flex items-center justify-center text-white hover:bg-lilas transition">
603
+ <i class="fab fa-linkedin-in"></i>
604
+ </a>
605
+ </div>
606
+
607
+ <div class="mt-6">
608
+ <img src="https://via.placeholder.com/150x50?text=LOGO+EMPRESA" alt="Logo da Empresa" class="h-10 opacity-90">
609
+ </div>
610
+ </div>
611
+ </div>
612
+
613
+ <div class="border-t border-cinza-700 mt-8 pt-8 text-center text-lilas-300 text-sm">
614
+ <p>© 2025 O Amor que pode dar certo. Todos os direitos reservados.</p>
615
+ </div>
616
+ </div>
617
+ </footer>
618
+
619
+ <script>
620
+ // Countdown Timer
621
+ function updateCountdown() {
622
+ const eventDate = new Date('June 20, 2025 09:00:00').getTime();
623
+ const now = new Date().getTime();
624
+ const distance = eventDate - now;
625
+
626
+ const days = Math.floor(distance / (1000 * 60 * 60 * 24));
627
+ const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
628
+ const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
629
+ const seconds = Math.floor((distance % (1000 * 60)) / 1000);
630
+
631
+ document.getElementById('days').innerHTML = days.toString().padStart(2, '0');
632
+ document.getElementById('hours').innerHTML = hours.toString().padStart(2, '0');
633
+ document.getElementById('minutes').innerHTML = minutes.toString().padStart(2, '0');
634
+ document.getElementById('seconds').innerHTML = seconds.toString().padStart(2, '0');
635
+
636
+ // Animation
637
+ const countdownItems = document.querySelectorAll('.countdown-item');
638
+ countdownItems.forEach(item => {
639
+ item.classList.add('animate-pulse');
640
+ setTimeout(() => {
641
+ item.classList.remove('animate-pulse');
642
+ }, 300);
643
+ });
644
+ }
645
+
646
+ setInterval(updateCountdown, 1000);
647
+ updateCountdown();
648
+
649
+ // FAQ Accordion
650
+ document.querySelectorAll('.border button').forEach(button => {
651
+ button.addEventListener('click', () => {
652
+ const content = button.nextElementSibling;
653
+ const icon = button.querySelector('i');
654
+
655
+ content.classList.toggle('hidden');
656
+ icon.classList.toggle('rotate-180');
657
+
658
+ // Close other open items
659
+ document.querySelectorAll('.border button').forEach(otherButton => {
660
+ if (otherButton !== button) {
661
+ otherButton.nextElementSibling.classList.add('hidden');
662
+ otherButton.querySelector('i').classList.remove('rotate-180');
663
+ }
664
+ });
665
+ });
666
+ });
667
+
668
+ // Smooth scrolling for anchor links
669
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
670
+ anchor.addEventListener('click', function (e) {
671
+ e.preventDefault();
672
+
673
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
674
+ behavior: 'smooth'
675
+ });
676
+ });
677
+ });
678
+ </script>
679
+ <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=alexandreafd/aline-3" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
680
+ </html>
prompts.txt ADDED
File without changes