Hugging Face's logo

Spaces:
WillNunes
/
test1
Running

App Files Community
WillNunes commited on
Commit
548ecee
·
verified ·
1 Parent(s): df99237

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +423 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test1
3
- emoji: 🐢
4
- colorFrom: pink
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: test1
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: red
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,423 @@
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>Sozinho nunca mais – Aprenda a conquistar uma mulher de valor</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <style>
11
+ body {
12
+ font-family: 'Poppins', sans-serif;
13
+ background-color: #1F2A44;
14
+ color: white;
15
+ overflow-x: hidden;
16
+ }
17
+ .title-font {
18
+ font-family: 'Poppins', sans-serif;
19
+ font-weight: 700;
20
+ }
21
+ .subtitle-font {
22
+ font-family: 'Poppins', sans-serif;
23
+ font-weight: 400;
24
+ }
25
+ .italic-font {
26
+ font-family: 'Poppins', sans-serif;
27
+ font-style: italic;
28
+ }
29
+ .amber-btn {
30
+ background-color: #FF8C42;
31
+ transition: all 0.3s ease;
32
+ }
33
+ .amber-btn:hover {
34
+ background-color: #e67e3b;
35
+ transform: translateY(-2px);
36
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
37
+ }
38
+ .orange-text {
39
+ color: #FF8C42;
40
+ }
41
+ .beige-bg {
42
+ background-color: #EDE6DB;
43
+ color: #1F2A44;
44
+ }
45
+ .beige-text {
46
+ color: #EDE6DB;
47
+ }
48
+ .fade-in {
49
+ animation: fadeIn 1s;
50
+ }
51
+ @keyframes fadeIn {
52
+ 0% { opacity: 0; }
53
+ 100% { opacity: 1; }
54
+ }
55
+ .hidden-content {
56
+ display: none;
57
+ }
58
+ .visible-content {
59
+ display: block;
60
+ animation: fadeIn 1s;
61
+ }
62
+ /* Hide YouTube controls and branding */
63
+ .ytp-chrome-top, .ytp-show-cards-title {
64
+ display: none !important;
65
+ }
66
+ .ytp-watermark {
67
+ opacity: 0 !important;
68
+ }
69
+ .woman-icon {
70
+ color: #FF8C42;
71
+ font-size: 4rem;
72
+ position: absolute;
73
+ top: 50%;
74
+ left: 50%;
75
+ transform: translate(-50%, -50%);
76
+ }
77
+ .circle-container {
78
+ position: relative;
79
+ width: 200px;
80
+ height: 200px;
81
+ background-color: #3A506B;
82
+ border-radius: 50%;
83
+ margin: 0 auto;
84
+ }
85
+ .highlight-box {
86
+ border-left: 4px solid #FF8C42;
87
+ padding-left: 1rem;
88
+ margin: 1rem 0;
89
+ }
90
+ .uppercase-title {
91
+ text-transform: uppercase;
92
+ line-height: 1.2;
93
+ }
94
+ .title-line1 {
95
+ font-size: 1.8rem;
96
+ line-height: 1.2;
97
+ }
98
+ .title-line2 {
99
+ font-size: 2.2rem;
100
+ line-height: 1.2;
101
+ }
102
+ .blinking {
103
+ animation: blink 1s step-end infinite;
104
+ }
105
+ @keyframes blink {
106
+ 50% { opacity: 0; }
107
+ }
108
+ @media (min-width: 768px) {
109
+ .title-line1 {
110
+ font-size: 2rem;
111
+ }
112
+ .title-line2 {
113
+ font-size: 2.5rem;
114
+ }
115
+ }
116
+ .deep-blue-text {
117
+ color: #0A2463; /* Deep dark blue color */
118
+ }
119
+ </style>
120
+ </head>
121
+ <body>
122
+ <!-- First Fold - Hero Section with VSL (Always visible) -->
123
+ <div id="main-content">
124
+ <!-- Header (logo removed) -->
125
+ <header class="py-6"></header>
126
+
127
+ <!-- Hero Section with VSL -->
128
+ <section class="py-8">
129
+ <div class="container mx-auto px-4">
130
+ <div class="text-center mb-8">
131
+ <h1 class="title-font uppercase-title">
132
+ <span class="beige-text block title-line1">DESCUBRA O QUE IMPEDE VOCÊ</span>
133
+ <span class="orange-text block title-line2">DE CONQUISTAR UMA MULHER DE VALOR</span>
134
+ </h1>
135
+ <p class="subtitle-font text-xl italic beige-text">E como virar esse jogo com confiança e sabedoria!</p>
136
+ </div>
137
+
138
+ <!-- VSL Container -->
139
+ <div class="max-w-4xl mx-auto bg-black rounded-lg overflow-hidden shadow-xl mb-8">
140
+ <div class="relative pb-[56.25%] h-0">
141
+ <iframe id="video-player" class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/sbfclrxEmDg?enablejsapi=1&modestbranding=1&rel=0&controls=0&showinfo=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
142
+ </div>
143
+ <div class="bg-white p-4 text-center">
144
+ <p class="font-bold text-lg deep-blue-text">ASSISTA ESSE VÍDEO ENQUANTO ESTÁ DISPONÍVEL!</p>
145
+ </div>
146
+ </div>
147
+
148
+ <!-- CTA Button (initially hidden) -->
149
+ <div id="cta-button" class="text-center mt-8 hidden-content">
150
+ <a href="#oferta" class="amber-btn inline-block text-white font-bold py-4 px-8 rounded-full text-xl hover:no-underline">
151
+ QUERO APRENDER COM O AUDIOBOOK
152
+ </a>
153
+ </div>
154
+ </div>
155
+ </section>
156
+ </div>
157
+
158
+ <!-- Rest of the Page (Hidden initially) -->
159
+ <div id="full-page-content" class="hidden-content">
160
+ <!-- Solution Section -->
161
+ <section class="py-12 beige-bg" id="oferta">
162
+ <div class="container mx-auto px-4">
163
+ <div class="max-w-3xl mx-auto text-center mb-12">
164
+ <h2 class="title-font text-3xl md:text-4xl mb-4">
165
+ <span class="block orange-text">O que você vai aprender no Manual</span>
166
+ <span class="block orange-text">"Sozinho nunca mais – Aprenda a conquistar uma mulher de valor"</span>
167
+ </h2>
168
+ <p class="subtitle-font text-xl beige-text">Um método comprovado para encontrar e manter um relacionamento saudável e duradouro</p>
169
+ </div>
170
+
171
+ <div class="grid md:grid-cols-2 gap-6 mb-12">
172
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
173
+ <h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Como conquistar sem repetir erros do passado</h3>
174
+ <p>Você não é mais aquele cara. Aprenda a deixar os traumas para trás, evitar padrões que sabotam relacionamentos e viver algo novo com confiança.</p>
175
+ </div>
176
+
177
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
178
+ <h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Os verdadeiros motivos que fazem uma mulher se afastar (e que ela nunca vai te contar)</h3>
179
+ <p>Você vai entender o que faz uma mulher de valor perder o interesse em um homem — mesmo quando tudo parecia estar indo bem.</p>
180
+ </div>
181
+
182
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
183
+ <h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Como deixar de ser só mais um — e se tornar a escolha certa</h3>
184
+ <p>Pare de ser visto como contatinho ou plano B. Aprenda a se posicionar com atitude e maturidade— e mostre que você é o homem que ela quer ao lado, não apenas por perto.</p>
185
+ </div>
186
+
187
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
188
+ <h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Onde e como conhecer mulheres reais — fora dos aplicativos</h3>
189
+ <p>Vou revelar a você onde e como encontrar oportunidades para conhecer mulheres maduras, disponíveis e interessadas em algo sério.</p>
190
+ </div>
191
+
192
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
193
+ <h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Como sair do ciclo de frustrações amorosas</h3>
194
+ <p>Chega de apps, conversas vazias e decepções. Descubra um caminho mais inteligente e seguro para encontrar — e manter — uma mulher de valor ao seu lado.</p>
195
+ </div>
196
+
197
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
198
+ <h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ E diversos outros temas...</h3>
199
+ <p>Vamos abordar sem rodeios questões como intimidade verdadeira, ciúmes, os desafios reais de um pai solteiro ao buscar um relacionamento sério, como identificar atitudes machistas que afastam qualquer mulher, etc...</p>
200
+ </div>
201
+ </div>
202
+
203
+ <!-- Pain Points Section -->
204
+ <section class="py-12">
205
+ <div class="container mx-auto px-4">
206
+ <div class="highlight-box">
207
+ <p class="text-lg italic-font">"Você já deu tudo de si… e mesmo assim foi ignorado? Já entrou em relações onde parecia ser o único a se importar? Já se pegou pensando: 'Será que existe alguma mulher que realmente valha a pena?'"</p>
208
+ </div>
209
+
210
+ <p class="mb-8">A verdade é que sim, existe. Mas antes de encontrá-la, é preciso entender como os relacionamentos funcionam de verdade — e o que mulheres de valor realmente buscam em um homem.</p>
211
+
212
+ <div class="text-center">
213
+ <a href="#cta-final" class="amber-btn inline-block text-white font-bold py-4 px-8 rounded-full text-xl hover:no-underline">
214
+ QUERO APRENDER COM O AUDIOBOOK
215
+ </a>
216
+ </div>
217
+ </div>
218
+ </section>
219
+
220
+ <!-- Bonus Section -->
221
+ <div class="beige-bg p-8 rounded-lg max-w-4xl mx-auto mt-12">
222
+ <h3 class="title-font text-2xl mb-6 text-center orange-text">Bônus Exclusivos Incluídos</h3>
223
+
224
+ <div class="grid md:grid-cols-2 gap-6">
225
+ <div class="flex items-start">
226
+ <div class="bg-amber-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-4 mt-1">✓</div>
227
+ <div>
228
+ <h4 class="title-font">Meditação guiada sobre amor e prosperidade</h4>
229
+ <p class="italic-font text-sm">Uma meditação especial feita por mim, com uma vibe leve e envolvente, para atrair amor verdadeiro e prosperidade para sua vida.</p>
230
+ </div>
231
+ </div>
232
+
233
+ <div class="flex items-start">
234
+ <div class="bg-amber-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-4 mt-1">✓</div>
235
+ <div>
236
+ <h4 class="title-font">Estratégias para gerar renda extra</h4>
237
+ <p class="italic-font text-sm">Instruções que te ajudarão a estar sempre à altura de uma mulher de valor — sem apertos na hora de convidar para um encontro.</p>
238
+ </div>
239
+ </div>
240
+
241
+ <div class="flex items-start">
242
+ <div class="bg-amber-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-4 mt-1">✓</div>
243
+ <div>
244
+ <h4 class="title-font">Dicas valiosíssimas de português</h4>
245
+ <p class="italic-font text-sm">Descubra os deslizes gramaticais que você não pode cometer em uma conversa — chega de ser dispensado por esse motivo!</p>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ </div>
251
+ </section>
252
+
253
+ <!-- Authority Section -->
254
+ <section class="py-12 beige-bg">
255
+ <div class="container mx-auto px-4">
256
+ <div class="max-w-4xl mx-auto">
257
+ <h2 class="title-font text-3xl text-center mb-8">Quem é a "Dra. Cupido"?</h2>
258
+
259
+ <div class="flex flex-col md:flex-row items-center gap-8">
260
+ <div class="w-full md:w-1/3">
261
+ <div class="circle-container">
262
+ <i class="woman-icon fas fa-female"></i>
263
+ </div>
264
+ </div>
265
+
266
+ <div class="w-full md:w-2/3">
267
+ <p class="mb-4">Prazer, sou a mulher por trás desse conteúdo — mas por questões pessoais e de segurança, prefiro não divulgar meu nome. Pode me chamar de Dra. Cupido.</p>
268
+
269
+ <p class="mb-4">Não sou psicóloga nem coach de relacionamentos. Sou uma mulher que viveu, errou, aprendeu e decidir transformar tudo isso em algo útil pra quem tá cansado de se frustrar tentando encontrar alguém especial.</p>
270
+
271
+ <p class="mb-4">Fui casada, me separei, vivi altos e baixos, conheci muitos homens com histórias parecidas com a sua. E foi ouvindo, observando e vivendo tudo isso que entendi uma coisa: tem muito homem bom por aí que só precisa de um empurrão certo na direção certa.</p>
272
+
273
+ <p class="italic-font">"Se você tá cansado de ouvir conselhos rasos, ou de tentar fórmulas que não funcionam na prática, relaxa: você tá no lugar certo! E se estiver disposto a colocar em prática tudo o que preparei, pode ter certeza de que sua vida amorosa nunca mais será a mesma."</p>
274
+ </div>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ </section>
279
+
280
+ <!-- Testimonials Section -->
281
+ <section class="py-12 bg-gray-800">
282
+ <div class="container mx-auto px-4">
283
+ <h2 class="title-font text-3xl text-center mb-8">Histórias Reais de Transformação</h2>
284
+
285
+ <div class="grid md:grid-cols-3 gap-8">
286
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg">
287
+ <div class="flex items-center mb-4">
288
+ <div class="bg-gray-600 rounded-full w-10 h-10 mr-3"></div>
289
+ <div>
290
+ <h4 class="title-font">Carlos, 42 anos</h4>
291
+ <p class="text-sm text-gray-400">Divorciado</p>
292
+ </div>
293
+ </div>
294
+ <p class="italic-font">"Depois do divórcio, achava que nunca mais encontraria alguém. Com o método da Dra. Cupido, conheci uma mulher incrível e hoje estamos construindo uma família."</p>
295
+ </div>
296
+
297
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg">
298
+ <div class="flex items-center mb-4">
299
+ <div class="bg-gray-600 rounded-full w-10 h-10 mr-3"></div>
300
+ <div>
301
+ <h4 class="title-font">Ricardo, 35 anos</h4>
302
+ <p class="text-sm text-gray-400">Solteiro</p>
303
+ </div>
304
+ </div>
305
+ <p class="italic-font">"Sempre fui o 'bonzinho' que acabava na friendzone. Aprendi a me valorizar e estabelecer limites. Hoje estou noivo da mulher dos meus sonhos."</p>
306
+ </div>
307
+
308
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg">
309
+ <div class="flex items-center mb-4">
310
+ <div class="bg-gray-600 rounded-full w-10 h-10 mr-3"></div>
311
+ <div>
312
+ <h4 class="title-font">Marcelo, 50 anos</h4>
313
+ <div class="text-sm text-gray-400">Viúvo</div>
314
+ </div>
315
+ </div>
316
+ <p class="italic-font">"Depois de perder minha esposa, não sabia como recomeçar. Esse método me mostrou que ainda posso ser feliz no amor, sem trair minha história passada."</p>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </section>
321
+
322
+ <!-- Urgency Section -->
323
+ <section class="py-12 bg-red-900">
324
+ <div class="container mx-auto px-4 text-center">
325
+ <h2 class="title-font text-3xl mb-6 blinking">⚠️ ATENÇÃO: CONTEÚDO DISPONÍVEL POR TEMPO LIMITADO ⚠️</h2>
326
+
327
+ <div class="max-w-2xl mx-auto">
328
+ <p class="mb-6">Esse material revela verdades que incomodam muita gente — inclusive grandes plataformas de relacionamento e pessoas mal-intencionadas que se aproveitam da fragilidade emocional de muitos homens pra aplicar golpes.</p>
329
+
330
+ <p class="mb-6">Plataformas de aplicativos que lucram com a sua frustração preferem que você continue preso a ciclos que não levam a lugar nenhum. Por isso, existe a possibilidade de que este conteúdo seja retirado do ar a qualquer momento.</p>
331
+
332
+ <p class="mb-8">Você não precisa mais repetir os mesmos erros. Agora é a hora de aprender a conquistar uma mulher de valor e manter um relacionamento leve, estável e duradouro.</p>
333
+
334
+ <a href="#cta-final" class="amber-btn inline-block text-white font-bold py-4 px-8 rounded-full text-xl hover:no-underline">
335
+ QUERO APRENDER COM O AUDIOBOOK
336
+ </a>
337
+ </div>
338
+ </div>
339
+ </section>
340
+
341
+ <!-- Final CTA -->
342
+ <section class="py-12" id="cta-final">
343
+ <div class="container mx-auto px-4 text-center">
344
+ <h2 class="title-font text-2xl mb-4">Porque você não que só mais uma. Você quer a certa. E ela está esperando o melhor de você.</h2>
345
+ <h3 class="title-font text-3xl orange-text mb-8">
346
+ <span class="block beige-text">Garanta agora o Audiobook Sozinho Nunca Mais –</span>
347
+ <span class="block orange-text">Aprenda a Conquistar Uma Mulher de Valor</span>
348
+ </h3>
349
+
350
+ <div class="max-w-2xl mx-auto bg-white bg-opacity-10 p-8 rounded-lg border border-gray-700 mb-8">
351
+ <h4 class="title-font text-2xl mb-4">Oferta Especial por Tempo Limitado</h4>
352
+
353
+ <div class="flex justify-center items-baseline mb-6">
354
+ <span class="text-4xl font-bold mr-2">R$129</span>
355
+ <span class="text-gray-400 line-through">R$299</span>
356
+ </div>
357
+
358
+ <ul class="mb-6 text-left max-w-md mx-auto">
359
+ <li class="mb-2">✓ Manual Completo</li>
360
+ <li class="mb-2">✓ 3 Bônus Exclusivos</li>
361
+ <li class="mb-2">✓ Acesso Imediato e Vitalício</li>
362
+ <li class="mb-2">✓ 7 Dias de Garantia</li>
363
+ </ul>
364
+
365
+ <p class="mb-6 italic-font">Você não precisa mais aceitar migalhas emocionais. Chegou a hora de se tornar o tipo de homem que vai atrai mulheres incríveis e vive relacionamentos felizes e que fazem sentido. Está pronto para dar esse passo?</p>
366
+
367
+ <a href="#" class="amber-btn inline-block text-white font-bold py-4 px-8 rounded-full text-xl hover:no-underline mb-4 blinking">
368
+ SIM, QUERO APRENDER COM O AUDIOBOOK!
369
+ </a>
370
+
371
+ <p class="italic-font text-sm">Pagamento único e 100% seguro • Garanta acesso imediato + bônus</p>
372
+ </div>
373
+
374
+ <div class="mt-8 text-sm">
375
+ <p>© 2025 Re@mar - Todos os direitos reservados</p>
376
+ <p class="mt-2">TERMOS DE USO – POLÍTICA DE PRIVACIDADE</p>
377
+ <p class="mt-2">NS CORPORATIONS LTDA – CNPJ 33.140.741/0001-27</p>
378
+ <p class="mt-2">Este site não pertence nem é endossado pela Meta (Facebook, Instagram ou WhatsApp). META é uma marca registrada de propriedade da Meta Platforms, Inc.</p>
379
+ <p class="mt-2">Este site não tem vínculo com aplicativos de relacionamento</p>
380
+ </div>
381
+ </div>
382
+ </section>
383
+ </div>
384
+
385
+ <script>
386
+ // YouTube API setup
387
+ var tag = document.createElement('script');
388
+ tag.src = "https://www.youtube.com/iframe_api";
389
+ var firstScriptTag = document.getElementsByTagName('script')[0];
390
+ firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
391
+
392
+ var player;
393
+ var timerStarted = false;
394
+
395
+ function onYouTubeIframeAPIReady() {
396
+ player = new YT.Player('video-player', {
397
+ events: {
398
+ 'onStateChange': onPlayerStateChange
399
+ }
400
+ });
401
+ }
402
+
403
+ function onPlayerStateChange(event) {
404
+ if (event.data == YT.PlayerState.PLAYING && !timerStarted) {
405
+ timerStarted = true;
406
+
407
+ // Show CTA button and other content after 3 minutes (180 seconds)
408
+ setTimeout(function() {
409
+ // Show the CTA button
410
+ document.getElementById('cta-button').classList.remove('hidden-content');
411
+ document.getElementById('cta-button').classList.add('fade-in');
412
+
413
+ // Show the rest of the page
414
+ document.getElementById('full-page-content').classList.remove('hidden-content');
415
+ document.getElementById('full-page-content').classList.add('visible-content');
416
+
417
+ // No scroll - content will appear below the hero section
418
+ }, 180000); // 180 seconds = 3 minutes
419
+ }
420
+ }
421
+ </script>
422
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=WillNunes/test1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
423
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ altere essa frase para azul escuro profundo "ASSISTA ESSE VÍDEO ENQUANTO ESTÁ DISPONÍVEL!"