Hugging Face's logo

Spaces:
JEFFERSON1995
/
mauro
Running

App Files Community
JEFFERSON1995 commited on
Commit
11263b7
·
verified ·
1 Parent(s): bc596ef

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +421 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Mauro
3
- emoji: 🏢
4
- colorFrom: red
5
- colorTo: green
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: mauro
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,421 @@
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>Clube Mauro Barbeiro - Barbearia por Assinatura em Pitangueiras-SP</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
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap" rel="stylesheet">
10
+ <style>
11
+ body {
12
+ font-family: 'Montserrat', sans-serif;
13
+ scroll-behavior: smooth;
14
+ }
15
+ .hero-bg {
16
+ background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1595476108010-b4d1f102b1b1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
17
+ background-size: cover;
18
+ background-position: center;
19
+ }
20
+ .plan-card {
21
+ transition: all 0.3s ease;
22
+ }
23
+ .plan-card:hover {
24
+ transform: translateY(-10px);
25
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
26
+ }
27
+ .gold-text {
28
+ background: linear-gradient(to right, #D4AF37, #F9D423);
29
+ -webkit-background-clip: text;
30
+ -webkit-text-fill-color: transparent;
31
+ }
32
+ .whatsapp-button {
33
+ position: fixed;
34
+ bottom: 30px;
35
+ right: 30px;
36
+ z-index: 100;
37
+ animation: pulse 2s infinite;
38
+ }
39
+ @keyframes pulse {
40
+ 0% {
41
+ box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
42
+ }
43
+ 70% {
44
+ box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
45
+ }
46
+ 100% {
47
+ box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
48
+ }
49
+ }
50
+ </style>
51
+ </head>
52
+ <body class="bg-gray-100">
53
+ <!-- WhatsApp Button -->
54
+ <a href="https://wa.me/5516999999999?text=Quero%20assinar%20o%20Clube%20Mauro%20Barbeiro" class="whatsapp-button bg-green-500 text-white rounded-full p-4 shadow-xl">
55
+ <i class="fab fa-whatsapp text-3xl"></i>
56
+ </a>
57
+
58
+ <!-- Header/Hero Section -->
59
+ <header class="hero-bg min-h-screen flex items-center justify-center text-white relative">
60
+ <div class="container mx-auto px-6 text-center">
61
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">
62
+ <span class="gold-text">Chegou o Clube Mauro Barbeiro!</span><br>
63
+ <span class="text-xl md:text-3xl font-semibold">Corte e Barba na Rotina, Estilo na Assinatura</span>
64
+ </h1>
65
+ <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto">
66
+ Barbearia por assinatura em Pitangueiras-SP para quem valoriza praticidade, economia e atendimento de primeira. <span class="font-bold text-yellow-300">Vagas limitadas!</span>
67
+ </p>
68
+ <a href="#planos" class="bg-gradient-to-r from-yellow-600 to-yellow-800 hover:from-yellow-700 hover:to-yellow-900 text-white font-bold py-4 px-8 rounded-full text-xl transition duration-300 transform hover:scale-105 shadow-lg">
69
+ QUERO ASSINAR AGORA
70
+ </a>
71
+ </div>
72
+ <div class="absolute bottom-10 left-0 right-0 text-center">
73
+ <a href="#como-funciona" class="text-white animate-bounce">
74
+ <i class="fas fa-chevron-down text-3xl"></i>
75
+ </a>
76
+ </div>
77
+ </header>
78
+
79
+ <!-- Como Funciona Section -->
80
+ <section id="como-funciona" class="py-20 bg-gray-50">
81
+ <div class="container mx-auto px-6">
82
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
83
+ <span class="gold-text">✂️ Como funciona o Clube Mauro Barbeiro?</span>
84
+ </h2>
85
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-10">
86
+ <!-- Passo 1 -->
87
+ <div class="text-center">
88
+ <div class="bg-yellow-700 text-white rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-6">
89
+ <i class="fas fa-clipboard-list text-3xl"></i>
90
+ </div>
91
+ <h3 class="text-xl font-bold mb-3">1. Escolha seu plano</h3>
92
+ <p class="text-gray-700">Bronze, Prata ou Black - cada um com benefícios exclusivos para seu estilo de vida.</p>
93
+ </div>
94
+ <!-- Passo 2 -->
95
+ <div class="text-center">
96
+ <div class="bg-yellow-700 text-white rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-6">
97
+ <i class="fas fa-calendar-alt text-3xl"></i>
98
+ </div>
99
+ <h3 class="text-xl font-bold mb-3">2. Agende online</h3>
100
+ <p class="text-gray-700">Atendimento com hora marcada, sem filas e sem espera. Você no comando do seu tempo.</p>
101
+ </div>
102
+ <!-- Passo 3 -->
103
+ <div class="text-center">
104
+ <div class="bg-yellow-700 text-white rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-6">
105
+ <i class="fas fa-chair text-3xl"></i>
106
+ </div>
107
+ <h3 class="text-xl font-bold mb-3">3. Viva a experiência</h3>
108
+ <p class="text-gray-700">Conforto, estilo e técnica no corte e na barba. Um momento só seu, com qualidade premium.</p>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </section>
113
+
114
+ <!-- Planos Section -->
115
+ <section id="planos" class="py-20 bg-gray-900 text-white">
116
+ <div class="container mx-auto px-6">
117
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
118
+ <span class="gold-text">💳 Assine o plano que combina com seu estilo</span>
119
+ </h2>
120
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
121
+ <!-- Plano Bronze -->
122
+ <div class="plan-card bg-gray-800 rounded-lg overflow-hidden shadow-lg">
123
+ <div class="bg-yellow-700 py-4 px-6">
124
+ <h3 class="text-2xl font-bold text-center">BRONZE</h3>
125
+ </div>
126
+ <div class="p-6">
127
+ <div class="text-center mb-6">
128
+ <span class="text-4xl font-bold">R$ 69</span>
129
+ <span class="block text-gray-400">por mês</span>
130
+ </div>
131
+ <ul class="space-y-3 mb-8">
132
+ <li class="flex items-start">
133
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
134
+ <span>1 corte + 1 barba por mês</span>
135
+ </li>
136
+ <li class="flex items-start">
137
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
138
+ <span>Agendamento prioritário</span>
139
+ </li>
140
+ <li class="flex items-start">
141
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
142
+ <span>Ambiente climatizado</span>
143
+ </li>
144
+ </ul>
145
+ <a href="https://wa.me/5516999999999?text=Quero%20assinar%20o%20plano%20Bronze%20do%20Clube%20Mauro%20Barbeiro" class="block text-center bg-gray-700 hover:bg-yellow-700 text-white font-bold py-3 px-6 rounded transition duration-300">
146
+ ASSINAR AGORA
147
+ </a>
148
+ </div>
149
+ </div>
150
+ <!-- Plano Prata -->
151
+ <div class="plan-card bg-gray-800 rounded-lg overflow-hidden shadow-lg transform scale-105">
152
+ <div class="bg-gray-600 py-4 px-6 relative">
153
+ <div class="absolute top-0 right-0 bg-yellow-600 text-xs font-bold px-2 py-1 transform translate-x-2 -translate-y-2">POPULAR</div>
154
+ <h3 class="text-2xl font-bold text-center">PRATA</h3>
155
+ </div>
156
+ <div class="p-6">
157
+ <div class="text-center mb-6">
158
+ <span class="text-4xl font-bold">R$ 109</span>
159
+ <span class="block text-gray-400">por mês</span>
160
+ </div>
161
+ <ul class="space-y-3 mb-8">
162
+ <li class="flex items-start">
163
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
164
+ <span>2 cortes + 2 barbas por mês</span>
165
+ </li>
166
+ <li class="flex items-start">
167
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
168
+ <span>10% off em produtos</span>
169
+ </li>
170
+ <li class="flex items-start">
171
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
172
+ <span>Agendamento VIP</span>
173
+ </li>
174
+ <li class="flex items-start">
175
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
176
+ <span>Toalha personalizada</span>
177
+ </li>
178
+ </ul>
179
+ <a href="https://wa.me/5516999999999?text=Quero%20assinar%20o%20plano%20Prata%20do%20Clube%20Mauro%20Barbeiro" class="block text-center bg-yellow-600 hover:bg-yellow-700 text-white font-bold py-3 px-6 rounded transition duration-300">
180
+ ASSINAR AGORA
181
+ </a>
182
+ </div>
183
+ </div>
184
+ <!-- Plano Black -->
185
+ <div class="plan-card bg-gray-800 rounded-lg overflow-hidden shadow-lg">
186
+ <div class="bg-black py-4 px-6">
187
+ <h3 class="text-2xl font-bold text-center">BLACK</h3>
188
+ </div>
189
+ <div class="p-6">
190
+ <div class="text-center mb-6">
191
+ <span class="text-4xl font-bold">R$ 179</span>
192
+ <span class="block text-gray-400">por mês</span>
193
+ </div>
194
+ <ul class="space-y-3 mb-8">
195
+ <li class="flex items-start">
196
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
197
+ <span>Cortes e barbas ilimitados</span>
198
+ </li>
199
+ <li class="flex items-start">
200
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
201
+ <span>Acesso ao lounge exclusivo</span>
202
+ </li>
203
+ <li class="flex items-start">
204
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
205
+ <span>Kit de boas-vindas premium</span>
206
+ </li>
207
+ <li class="flex items-start">
208
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
209
+ <span>20% off em produtos</span>
210
+ </li>
211
+ <li class="flex items-start">
212
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
213
+ <span>Agendamento Black (24h)</span>
214
+ </li>
215
+ </ul>
216
+ <a href="https://wa.me/5516999999999?text=Quero%20assinar%20o%20plano%20Black%20do%20Clube%20Mauro%20Barbeiro" class="block text-center bg-gray-700 hover:bg-yellow-700 text-white font-bold py-3 px-6 rounded transition duration-300">
217
+ ASSINAR AGORA
218
+ </a>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ <div class="text-center mt-10 text-gray-400">
223
+ <p class="flex items-center justify-center"><i class="fas fa-clock mr-2"></i> Cancelamento fácil, sem burocracia.</p>
224
+ <p class="flex items-center justify-center"><i class="fab fa-whatsapp mr-2"></i> Agendamento direto via WhatsApp.</p>
225
+ </div>
226
+ </div>
227
+ </section>
228
+
229
+ <!-- Por que Assinar Section -->
230
+ <section class="py-20 bg-gray-50">
231
+ <div class="container mx-auto px-6">
232
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
233
+ <span class="gold-text">🧠 Por que entrar pro Clube Mauro Barbeiro?</span>
234
+ </h2>
235
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
236
+ <!-- Benefício 1 -->
237
+ <div class="bg-white p-6 rounded-lg shadow-md flex items-start">
238
+ <div class="bg-yellow-100 text-yellow-700 rounded-full w-12 h-12 flex items-center justify-center mr-4">
239
+ <i class="fas fa-piggy-bank text-xl"></i>
240
+ </div>
241
+ <div>
242
+ <h3 class="text-xl font-bold mb-2">Economia garantida</h3>
243
+ <p class="text-gray-600">Pague menos por cada serviço com nossos planos de assinatura e mantenha seu estilo sempre em dia.</p>
244
+ </div>
245
+ </div>
246
+ <!-- Benefício 2 -->
247
+ <div class="bg-white p-6 rounded-lg shadow-md flex items-start">
248
+ <div class="bg-yellow-100 text-yellow-700 rounded-full w-12 h-12 flex items-center justify-center mr-4">
249
+ <i class="fas fa-clock text-xl"></i>
250
+ </div>
251
+ <div>
252
+ <h3 class="text-xl font-bold mb-2">Atendimento marcado</h3>
253
+ <p class="text-gray-600">Chegue e seja atendido. Sem filas, sem espera. Seu tempo é valioso e nós respeitamos isso.</p>
254
+ </div>
255
+ </div>
256
+ <!-- Benefício 3 -->
257
+ <div class="bg-white p-6 rounded-lg shadow-md flex items-start">
258
+ <div class="bg-yellow-100 text-yellow-700 rounded-full w-12 h-12 flex items-center justify-center mr-4">
259
+ <i class="fas fa-spa text-xl"></i>
260
+ </div>
261
+ <div>
262
+ <h3 class="text-xl font-bold mb-2">Ambiente premium</h3>
263
+ <p class="text-gray-600">Climatizado, música ambiente selecionada e decoração que transporta você para uma experiência única.</p>
264
+ </div>
265
+ </div>
266
+ <!-- Benefício 4 -->
267
+ <div class="bg-white p-6 rounded-lg shadow-md flex items-start">
268
+ <div class="bg-yellow-100 text-yellow-700 rounded-full w-12 h-12 flex items-center justify-center mr-4">
269
+ <i class="fas fa-user-tie text-xl"></i>
270
+ </div>
271
+ <div>
272
+ <h3 class="text-xl font-bold mb-2">Barbeiros técnicos</h3>
273
+ <p class="text-gray-600">Profissionais qualificados e atualizados com as melhores técnicas e tendências do mercado.</p>
274
+ </div>
275
+ </div>
276
+ <!-- Benefício 5 -->
277
+ <div class="bg-white p-6 rounded-lg shadow-md flex items-start">
278
+ <div class="bg-yellow-100 text-yellow-700 rounded-full w-12 h-12 flex items-center justify-center mr-4">
279
+ <i class="fas fa-hands-helping text-xl"></i>
280
+ </div>
281
+ <div>
282
+ <h3 class="text-xl font-bold mb-2">Apoio local</h3>
283
+ <p class="text-gray-600">Valorizamos o comércio local e reinvestimos em nossa comunidade. Seu estilo ajuda nossa cidade.</p>
284
+ </div>
285
+ </div>
286
+ <!-- Benefício 6 -->
287
+ <div class="bg-white p-6 rounded-lg shadow-md flex items-start">
288
+ <div class="bg-yellow-100 text-yellow-700 rounded-full w-12 h-12 flex items-center justify-center mr-4">
289
+ <i class="fas fa-crown text-xl"></i>
290
+ </div>
291
+ <div>
292
+ <h3 class="text-xl font-bold mb-2">Exclusividade</h3>
293
+ <p class="text-gray-600">Benefícios e vantagens pensados especialmente para quem valoriza qualidade e diferenciação.</p>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </section>
299
+
300
+ <!-- Depoimento Section -->
301
+ <section class="py-20 bg-gray-900 text-white">
302
+ <div class="container mx-auto px-6">
303
+ <div class="max-w-4xl mx-auto text-center">
304
+ <i class="fas fa-quote-left text-yellow-500 text-5xl mb-8 opacity-30"></i>
305
+ <p class="text-xl md:text-2xl italic mb-8">
306
+ "Depois que assinei o plano Prata, nunca mais perdi tempo esperando. Atendimento top, barbeiros excelentes. Vale muito a pena. O melhor investimento que fiz no meu visual e autoestima este ano!"
307
+ </p>
308
+ <div class="flex items-center justify-center">
309
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="João M." class="w-16 h-16 rounded-full border-2 border-yellow-500 mr-4">
310
+ <div class="text-left">
311
+ <p class="font-bold">João M.</p>
312
+ <p class="text-gray-400">Comerciante local</p>
313
+ </div>
314
+ </div>
315
+ </div>
316
+ </div>
317
+ </section>
318
+
319
+ <!-- CTA Final Section -->
320
+ <section class="py-20 bg-gradient-to-r from-yellow-600 to-yellow-800">
321
+ <div class="container mx-auto px-6 text-center">
322
+ <h2 class="text-3xl md:text-4xl font-bold text-white mb-8">
323
+ 👉 Quer garantir seu plano com benefícios exclusivos?
324
+ </h2>
325
+ <p class="text-xl text-white mb-10 max-w-2xl mx-auto">
326
+ Vagas limitadas! Assine agora e transforme sua rotina de cuidados com um estilo impecável.
327
+ </p>
328
+ <a href="https://wa.me/5516999999999?text=Quero%20assinar%20o%20Clube%20Mauro%20Barbeiro" class="inline-block bg-black hover:bg-gray-900 text-white font-bold py-4 px-10 rounded-full text-xl transition duration-300 transform hover:scale-105 shadow-lg">
329
+ QUERO ASSINAR AGORA <i class="fab fa-whatsapp ml-2"></i>
330
+ </a>
331
+ </div>
332
+ </section>
333
+
334
+ <!-- Localização e Contato Section -->
335
+ <section class="py-16 bg-gray-100">
336
+ <div class="container mx-auto px-6">
337
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-10 items-center">
338
+ <div>
339
+ <h2 class="text-2xl font-bold mb-6">📍 Nossa Localização</h2>
340
+ <div class="bg-white p-6 rounded-lg shadow-md">
341
+ <p class="text-lg font-semibold mb-2">Mauro Barbeiro</p>
342
+ <p class="text-gray-600 mb-4">Rua Coronel Antônio Marques, nº 123 - Centro, Pitangueiras-SP</p>
343
+ <p class="flex items-center text-gray-600 mb-2">
344
+ <i class="fas fa-clock mr-3"></i> Segunda a Sábado | 9h às 19h
345
+ </p>
346
+ <p class="flex items-center text-gray-600">
347
+ <i class="fas fa-phone-alt mr-3"></i> (16) 99999-9999
348
+ </p>
349
+ </div>
350
+ </div>
351
+ <div>
352
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3728.123456789012!2d-48.12345678901234!3d-21.123456789012345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjHCsDA3JzI0LjQiUyA0OMKwMDcnMjQuNCJX!5e0!3m2!1spt-BR!2sbr!4v1234567890123!5m2!1spt-BR!2sbr" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" class="rounded-lg shadow-md"></iframe>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ </section>
357
+
358
+ <!-- Footer -->
359
+ <footer class="bg-black text-white py-10">
360
+ <div class="container mx-auto px-6">
361
+ <div class="flex flex-col md:flex-row justify-between items-center">
362
+ <div class="mb-6 md:mb-0">
363
+ <h3 class="text-2xl font-bold mb-2">
364
+ <span class="gold-text">Mauro Barbeiro</span>
365
+ </h3>
366
+ <p class="text-gray-400">Estilo que transforma, desde 2015.</p>
367
+ </div>
368
+ <div class="flex space-x-6">
369
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">
370
+ <i class="fab fa-facebook-f text-xl"></i>
371
+ </a>
372
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">
373
+ <i class="fab fa-instagram text-xl"></i>
374
+ </a>
375
+ <a href="https://wa.me/5516999999999" class="text-gray-400 hover:text-yellow-500 transition duration-300">
376
+ <i class="fab fa-whatsapp text-xl"></i>
377
+ </a>
378
+ </div>
379
+ </div>
380
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500 text-sm">
381
+ <p>🔐 Mauro Barbeiro respeita o Código de Defesa do Consumidor. Serviços prestados conforme contrato regular.</p>
382
+ <p class="mt-2">Esta página é informativa, sem promessa de resultado, prezando pela qualidade, ética e sigilo.</p>
383
+ <p class="mt-4">© 2023 Clube Mauro Barbeiro. Todos os direitos reservados.</p>
384
+ </div>
385
+ </div>
386
+ </footer>
387
+
388
+ <script>
389
+ // Smooth scroll for anchor links
390
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
391
+ anchor.addEventListener('click', function (e) {
392
+ e.preventDefault();
393
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
394
+ behavior: 'smooth'
395
+ });
396
+ });
397
+ });
398
+
399
+ // Animation on scroll
400
+ document.addEventListener('DOMContentLoaded', function() {
401
+ const planCards = document.querySelectorAll('.plan-card');
402
+
403
+ const observer = new IntersectionObserver((entries) => {
404
+ entries.forEach(entry => {
405
+ if (entry.isIntersecting) {
406
+ entry.target.style.opacity = '1';
407
+ entry.target.style.transform = 'translateY(0)';
408
+ }
409
+ });
410
+ }, { threshold: 0.1 });
411
+
412
+ planCards.forEach(card => {
413
+ card.style.opacity = '0';
414
+ card.style.transform = 'translateY(20px)';
415
+ card.style.transition = 'all 0.6s ease';
416
+ observer.observe(card);
417
+ });
418
+ });
419
+ </script>
420
+ <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=JEFFERSON1995/mauro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
421
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ 🎯 Prompt para criação de landing page na IA: Crie uma landing page persuasiva, agressiva e moderna, com o objetivo de vender planos de assinatura do Clube Mauro Barbeiro, uma barbearia localizada em Pitangueiras-SP. O foco da página é captação de assinantes, com apelo visual forte, linguagem de impacto e layout otimizado para dispositivos móveis, incluindo CTA fixo para WhatsApp. Use uma paleta de cores com tons masculinos e sofisticados (preto, dourado, cinza, branco), fontes modernas e imagens com estilo retrô-moderno. ________________________________________ 🟫 SEÇÃO 1 – CAPA IMPACTANTE (HEADER) Título (H1): 🧔‍♂️ Chegou o Clube Mauro Barbeiro! Corte e Barba na Rotina, Estilo na Assinatura. Subtítulo (H2): Barbearia por assinatura em Pitangueiras-SP para quem valoriza praticidade, economia e atendimento de primeira. Vagas limitadas! Botão fixo: 🔘 [QUERO ASSINAR AGORA – via WhatsApp] Imagem de fundo sugerida: Ambiente interno da barbearia, retrô-moderno, com barbeiro em ação ou cliente satisfeito. ________________________________________ 🟫 SEÇÃO 2 – COMO FUNCIONA Título: ✂️ Como funciona o Clube Mauro Barbeiro? Passo a passo com ícones: 1. Escolha seu plano – Bronze, Prata ou Black 2. Agende online – Atendimento com hora marcada 3. Viva a experiência – Conforto, estilo e técnica no corte e na barba ________________________________________ 🟫 SEÇÃO 3 – PLANOS DE ASSINATURA Título: 💳 Assine o plano que combina com seu estilo Plano Benefícios Valor Bronze 1 corte + 1 barba/mês R$ 69 Prata 2 cortes + 2 barbas/mês + 10% off em produtos R$ 109 Black Cortes e barbas ilimitados + lounge + kit de boas-vindas R$ 179 🕐 Cancelamento fácil, sem burocracia. 📲 Agendamento direto via WhatsApp. ________________________________________ 🟫 SEÇÃO 4 – POR QUE ASSINAR? Título: 🧠 Por que entrar pro Clube Mauro Barbeiro? Bullets com ícones: ✔ Economia garantida no mês ✔ Atendimento com hora marcada ✔ Ambiente estiloso e climatizado ✔ Barbeiros técnicos de confiança ✔ Apoio ao comércio local ________________________________________ 🟫 SEÇÃO 5 – DEPOIMENTO ILUSTRATIVO (SOCIAL PROOF) "Depois que assinei o plano Prata, nunca mais perdi tempo esperando. Atendimento top, barbeiros excelentes. Vale muito a pena." — João M., comerciante local (depoimento simulado) ________________________________________ 🟫 SEÇÃO 6 – CTA FINAL Título: 👉 Quer garantir seu plano com benefícios exclusivos? Botão grande de ação: 🔘 [QUERO ASSINAR AGORA – via WhatsApp] ________________________________________ 🟫 SEÇÃO 7 – LOCALIZAÇÃO E CONTATO 📍 Rua [Exemplo], nº 123 – Centro, Pitangueiras-SP 🕒 Segunda a Sábado | 9h às 19h 📲 Atendimento rápido pelo WhatsApp ________________________________________ 🟫 RODAPÉ LEGAL 🔐 Mauro Barbeiro respeita o Código de Defesa do Consumidor. Serviços prestados conforme contrato regular. Esta página é informativa, sem promessa de resultado, prezando pela qualidade, ética e sigilo.