Hugging Face's logo

Spaces:
Kesjf
/
meus-site-de-marido-de-aaluguel
Running

App Files Community
Kesjf commited on
Commit
e6db9d0
·
verified ·
1 Parent(s): 1325ee1

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +513 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Meus Site De Marido De Aaluguel
3
- emoji: 🏢
4
- colorFrom: red
5
- colorTo: pink
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: meus-site-de-marido-de-aaluguel
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: purple
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,513 @@
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>Marido de Aluguel - Montagem de Móveis | Juiz de Fora e Região</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 src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
10
+ <style>
11
+ .hero-gradient {
12
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
13
+ }
14
+ .service-card:hover {
15
+ transform: translateY(-5px);
16
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
17
+ }
18
+ .floating-button {
19
+ animation: float 3s ease-in-out infinite;
20
+ }
21
+ @keyframes float {
22
+ 0% { transform: translateY(0px); }
23
+ 50% { transform: translateY(-10px); }
24
+ 100% { transform: translateY(0px); }
25
+ }
26
+ </style>
27
+ </head>
28
+ <body class="font-sans bg-gray-50">
29
+ <!-- Header/Navigation -->
30
+ <header class="bg-white shadow-md sticky top-0 z-50">
31
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
32
+ <div class="flex items-center">
33
+ <i class="fas fa-tools text-blue-600 text-2xl mr-2"></i>
34
+ <h1 class="text-xl font-bold text-gray-800">Marido de Aluguel JF</h1>
35
+ </div>
36
+ <nav class="hidden md:flex space-x-8">
37
+ <a href="#services" class="text-gray-600 hover:text-blue-600 font-medium">Serviços</a>
38
+ <a href="#about" class="text-gray-600 hover:text-blue-600 font-medium">Sobre</a>
39
+ <a href="#contact" class="text-gray-600 hover:text-blue-600 font-medium">Contato</a>
40
+ </nav>
41
+ <div class="md:hidden">
42
+ <button id="menu-toggle" class="text-gray-600 focus:outline-none">
43
+ <i class="fas fa-bars text-2xl"></i>
44
+ </button>
45
+ </div>
46
+ </div>
47
+ <!-- Mobile menu -->
48
+ <div id="mobile-menu" class="hidden md:hidden bg-white py-2 px-4 shadow-lg">
49
+ <a href="#services" class="block py-2 text-gray-600 hover:text-blue-600">Serviços</a>
50
+ <a href="#about" class="block py-2 text-gray-600 hover:text-blue-600">Sobre</a>
51
+ <a href="#contact" class="block py-2 text-gray-600 hover:text-blue-600">Contato</a>
52
+ </div>
53
+ </header>
54
+
55
+ <!-- Hero Section -->
56
+ <section class="hero-gradient text-white py-16 md:py-24">
57
+ <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
58
+ <div class="md:w-1/2 mb-10 md:mb-0">
59
+ <h2 class="text-3xl md:text-5xl font-bold mb-4">Montagem Profissional de Móveis em Juiz de Fora</h2>
60
+ <p class="text-xl mb-8">Serviço rápido, eficiente e com garantia. Deixe a montagem de seus móveis com quem entende do assunto!</p>
61
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
62
+ <a href="tel:32988811640" class="bg-white text-blue-600 hover:bg-gray-100 px-6 py-3 rounded-lg font-bold text-center flex items-center justify-center">
63
+ <i class="fas fa-phone mr-2"></i> (32) 98881-1640
64
+ </a>
65
+ <a href="#contact" class="border-2 border-white text-white hover:bg-white hover:text-blue-600 px-6 py-3 rounded-lg font-bold text-center">
66
+ Solicitar Orçamento
67
+ </a>
68
+ </div>
69
+ </div>
70
+ <div class="md:w-1/2 flex justify-center">
71
+ <div class="relative floating-button">
72
+ <div class="bg-white p-4 rounded-lg shadow-2xl">
73
+ <div id="qrcode" class="w-48 h-48"></div>
74
+ <p class="text-center text-gray-700 mt-2 font-medium">Escaneie para salvar nosso contato</p>
75
+ </div>
76
+ <div class="absolute -bottom-4 -right-4 bg-yellow-400 text-gray-900 px-3 py-1 rounded-full font-bold text-sm">
77
+ WhatsApp
78
+ </div>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </section>
83
+
84
+ <!-- Services Section -->
85
+ <section id="services" class="py-16 bg-white">
86
+ <div class="container mx-auto px-4">
87
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Nossos Serviços</h2>
88
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
89
+ <!-- Service 1 -->
90
+ <div class="service-card bg-gray-50 rounded-lg overflow-hidden shadow-md transition-all duration-300">
91
+ <div class="h-48 bg-blue-100 flex items-center justify-center">
92
+ <i class="fas fa-couch text-blue-600 text-6xl"></i>
93
+ </div>
94
+ <div class="p-6">
95
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Montagem de Móveis</h3>
96
+ <p class="text-gray-600 mb-4">Montagem profissional de móveis planos (IKEA, Tok&Stok, Mobly, etc.) com todas as peças e ferramentas necessárias.</p>
97
+ <ul class="text-gray-600 space-y-2">
98
+ <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Armários</li>
99
+ <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Camas</li>
100
+ <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Estantes</li>
101
+ </ul>
102
+ </div>
103
+ </div>
104
+
105
+ <!-- Service 2 -->
106
+ <div class="service-card bg-gray-50 rounded-lg overflow-hidden shadow-md transition-all duration-300">
107
+ <div class="h-48 bg-green-100 flex items-center justify-center">
108
+ <i class="fas fa-tv text-green-600 text-6xl"></i>
109
+ </div>
110
+ <div class="p-6">
111
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Instalações em Geral</h3>
112
+ <p class="text-gray-600 mb-4">Instalação de eletrodomésticos, TVs, quadros, prateleiras e outros itens residenciais.</p>
113
+ <ul class="text-gray-600 space-y-2">
114
+ <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> TV na parede</li>
115
+ <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Cortinas e persianas</li>
116
+ <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Quadros e espelhos</li>
117
+ </ul>
118
+ </div>
119
+ </div>
120
+
121
+ <!-- Service 3 -->
122
+ <div class="service-card bg-gray-50 rounded-lg overflow-hidden shadow-md transition-all duration-300">
123
+ <div class="h-48 bg-yellow-100 flex items-center justify-center">
124
+ <i class="fas fa-home text-yellow-600 text-6xl"></i>
125
+ </div>
126
+ <div class="p-6">
127
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Serviços Residenciais</h3>
128
+ <p class="text-gray-600 mb-4">Diversos serviços de manutenção e reparos para sua casa ou apartamento.</p>
129
+ <ul class="text-gray-600 space-y-2">
130
+ <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Pequenos reparos</li>
131
+ <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Ajustes em móveis</li>
132
+ <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Instalações diversas</li>
133
+ </ul>
134
+ </div>
135
+ </div>
136
+ </div>
137
+ </div>
138
+ </section>
139
+
140
+ <!-- About Section -->
141
+ <section id="about" class="py-16 bg-gray-100">
142
+ <div class="container mx-auto px-4">
143
+ <div class="flex flex-col md:flex-row items-center">
144
+ <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
145
+ <img src="https://images.unsplash.com/photo-1556911220-bff31c812dba?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Profissional montando móveis" class="rounded-lg shadow-lg w-full">
146
+ </div>
147
+ <div class="md:w-1/2">
148
+ <h2 class="text-3xl font-bold mb-6 text-gray-800">Sobre Nós</h2>
149
+ <p class="text-gray-600 mb-4">Somos uma equipe especializada em montagem de móveis e serviços residenciais em Juiz de Fora e região, com anos de experiência e centenas de clientes satisfeitos.</p>
150
+ <p class="text-gray-600 mb-4">Nosso objetivo é facilitar sua vida, realizando serviços que demandam tempo, paciência e conhecimento técnico, com profissionalismo e garantia de qualidade.</p>
151
+ <div class="space-y-4 mt-6">
152
+ <div class="flex items-start">
153
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
154
+ <i class="fas fa-check-circle text-blue-600"></i>
155
+ </div>
156
+ <div>
157
+ <h4 class="font-bold text-gray-800">Profissionais Qualificados</h4>
158
+ <p class="text-gray-600">Equipe treinada e experiente em diversos tipos de montagens</p>
159
+ </div>
160
+ </div>
161
+ <div class="flex items-start">
162
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
163
+ <i class="fas fa-check-circle text-blue-600"></i>
164
+ </div>
165
+ <div>
166
+ <h4 class="font-bold text-gray-800">Ferramentas Próprias</h4>
167
+ <p class="text-gray-600">Trazemos todas as ferramentas necessárias para o serviço</p>
168
+ </div>
169
+ </div>
170
+ <div class="flex items-start">
171
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
172
+ <i class="fas fa-check-circle text-blue-600"></i>
173
+ </div>
174
+ <div>
175
+ <h4 class="font-bold text-gray-800">Atendimento Rápido</h4>
176
+ <p class="text-gray-600">Agendamento flexível, inclusive finais de semana</p>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </div>
183
+ </section>
184
+
185
+ <!-- Testimonials Section -->
186
+ <section class="py-16 bg-blue-600 text-white">
187
+ <div class="container mx-auto px-4">
188
+ <h2 class="text-3xl font-bold text-center mb-12">O Que Nossos Clientes Dizem</h2>
189
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
190
+ <!-- Testimonial 1 -->
191
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-blur-sm">
192
+ <div class="flex items-center mb-4">
193
+ <div class="text-yellow-400 text-xl mr-2">
194
+ <i class="fas fa-star"></i>
195
+ <i class="fas fa-star"></i>
196
+ <i class="fas fa-star"></i>
197
+ <i class="fas fa-star"></i>
198
+ <i class="fas fa-star"></i>
199
+ </div>
200
+ </div>
201
+ <p class="mb-4">"Montou meu guarda-roupa em menos de 2 horas, perfeito! Super recomendo o serviço."</p>
202
+ <div class="flex items-center">
203
+ <div class="bg-white text-blue-600 rounded-full w-10 h-10 flex items-center justify-center font-bold mr-3">A</div>
204
+ <div>
205
+ <h4 class="font-bold">Ana Clara</h4>
206
+ <p class="text-blue-200">Juiz de Fora - MG</p>
207
+ </div>
208
+ </div>
209
+ </div>
210
+
211
+ <!-- Testimonial 2 -->
212
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-blur-sm">
213
+ <div class="flex items-center mb-4">
214
+ <div class="text-yellow-400 text-xl mr-2">
215
+ <i class="fas fa-star"></i>
216
+ <i class="fas fa-star"></i>
217
+ <i class="fas fa-star"></i>
218
+ <i class="fas fa-star"></i>
219
+ <i class="fas fa-star"></i>
220
+ </div>
221
+ </div>
222
+ <p class="mb-4">"Excelente profissional! Montou toda a mobília do meu apartamento novo com cuidado e atenção."</p>
223
+ <div class="flex items-center">
224
+ <div class="bg-white text-blue-600 rounded-full w-10 h-10 flex items-center justify-center font-bold mr-3">R</div>
225
+ <div>
226
+ <h4 class="font-bold">Ricardo</h4>
227
+ <p class="text-blue-200">Juiz de Fora - MG</p>
228
+ </div>
229
+ </div>
230
+ </div>
231
+
232
+ <!-- Testimonial 3 -->
233
+ <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-blur-sm">
234
+ <div class="flex items-center mb-4">
235
+ <div class="text-yellow-400 text-xl mr-2">
236
+ <i class="fas fa-star"></i>
237
+ <i class="fas fa-star"></i>
238
+ <i class="fas fa-star"></i>
239
+ <i class="fas fa-star"></i>
240
+ <i class="fas fa-star-half-alt"></i>
241
+ </div>
242
+ </div>
243
+ <p class="mb-4">"Resolveu um problema na minha estante que eu já estava há semanas tentando arrumar. Ótimo serviço!"</p>
244
+ <div class="flex items-center">
245
+ <div class="bg-white text-blue-600 rounded-full w-10 h-10 flex items-center justify-center font-bold mr-3">M</div>
246
+ <div>
247
+ <h4 class="font-bold">Marcela</h4>
248
+ <p class="text-blue-200">Juiz de Fora - MG</p>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ </div>
253
+ </div>
254
+ </section>
255
+
256
+ <!-- Contact Section -->
257
+ <section id="contact" class="py-16 bg-white">
258
+ <div class="container mx-auto px-4">
259
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Entre em Contato</h2>
260
+ <div class="flex flex-col md:flex-row">
261
+ <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
262
+ <div class="bg-gray-100 p-8 rounded-lg shadow-md">
263
+ <h3 class="text-xl font-bold mb-6 text-gray-800">Informações de Contato</h3>
264
+ <div class="space-y-6">
265
+ <div class="flex items-start">
266
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
267
+ <i class="fas fa-map-marker-alt text-blue-600"></i>
268
+ </div>
269
+ <div>
270
+ <h4 class="font-bold text-gray-800">Área de Atuação</h4>
271
+ <p class="text-gray-600">Juiz de Fora e Região</p>
272
+ </div>
273
+ </div>
274
+ <div class="flex items-start">
275
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
276
+ <i class="fas fa-phone-alt text-blue-600"></i>
277
+ </div>
278
+ <div>
279
+ <h4 class="font-bold text-gray-800">Telefone/WhatsApp</h4>
280
+ <a href="tel:32988811640" class="text-gray-600 hover:text-blue-600">(32) 98881-1640</a>
281
+ </div>
282
+ </div>
283
+ <div class="flex items-start">
284
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
285
+ <i class="fas fa-clock text-blue-600"></i>
286
+ </div>
287
+ <div>
288
+ <h4 class="font-bold text-gray-800">Horário de Atendimento</h4>
289
+ <p class="text-gray-600">Segunda a Sábado: 8h às 18h</p>
290
+ <p class="text-gray-600">Domingo: 9h às 13h</p>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ <div class="mt-8">
295
+ <h4 class="font-bold text-gray-800 mb-3">Nos encontre também nas redes sociais:</h4>
296
+ <div class="flex space-x-4">
297
+ <a href="#" class="bg-blue-600 text-white p-3 rounded-full hover:bg-blue-700">
298
+ <i class="fab fa-facebook-f"></i>
299
+ </a>
300
+ <a href="#" class="bg-blue-400 text-white p-3 rounded-full hover:bg-blue-500">
301
+ <i class="fab fa-twitter"></i>
302
+ </a>
303
+ <a href="https://wa.me/5532988811640" class="bg-green-500 text-white p-3 rounded-full hover:bg-green-600">
304
+ <i class="fab fa-whatsapp"></i>
305
+ </a>
306
+ <a href="#" class="bg-pink-600 text-white p-3 rounded-full hover:bg-pink-700">
307
+ <i class="fab fa-instagram"></i>
308
+ </a>
309
+ </div>
310
+ </div>
311
+ </div>
312
+ </div>
313
+ <div class="md:w-1/2">
314
+ <div class="bg-gray-100 p-8 rounded-lg shadow-md">
315
+ <h3 class="text-xl font-bold mb-6 text-gray-800">Solicite um Orçamento</h3>
316
+ <form id="contact-form" class="space-y-4">
317
+ <div>
318
+ <label for="name" class="block text-gray-700 font-medium mb-2">Nome</label>
319
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
320
+ </div>
321
+ <div>
322
+ <label for="phone" class="block text-gray-700 font-medium mb-2">Telefone</label>
323
+ <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
324
+ </div>
325
+ <div>
326
+ <label for="service" class="block text-gray-700 font-medium mb-2">Serviço Desejado</label>
327
+ <select id="service" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
328
+ <option value="">Selecione um serviço</option>
329
+ <option value="Montagem de Móveis">Montagem de Móveis</option>
330
+ <option value="Instalação de TV">Instalação de TV</option>
331
+ <option value="Montagem de Guarda-Roupa">Montagem de Guarda-Roupa</option>
332
+ <option value="Instalação de Cortinas">Instalação de Cortinas</option>
333
+ <option value="Outros Serviços">Outros Serviços</option>
334
+ </select>
335
+ </div>
336
+ <div>
337
+ <label for="message" class="block text-gray-700 font-medium mb-2">Mensagem</label>
338
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
339
+ </div>
340
+ <button type="submit" class="w-full bg-blue-600 text-white py-3 px-6 rounded-lg font-bold hover:bg-blue-700 transition duration-300 flex items-center justify-center">
341
+ <i class="fas fa-paper-plane mr-2"></i> Enviar Solicitação
342
+ </button>
343
+ </form>
344
+ </div>
345
+ </div>
346
+ </div>
347
+ </div>
348
+ </section>
349
+
350
+ <!-- FAQ Section -->
351
+ <section class="py-16 bg-gray-100">
352
+ <div class="container mx-auto px-4">
353
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Perguntas Frequentes</h2>
354
+ <div class="max-w-3xl mx-auto space-y-4">
355
+ <!-- FAQ Item 1 -->
356
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
357
+ <button class="faq-question w-full flex justify-between items-center p-6 text-left focus:outline-none">
358
+ <span class="font-medium text-gray-800">Quanto custa a montagem de um móvel?</span>
359
+ <i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i>
360
+ </button>
361
+ <div class="faq-answer px-6 pb-6 hidden">
362
+ <p class="text-gray-600">O valor varia de acordo com o tipo e complexidade do móvel. Geralmente cobramos entre R$ 100 e R$ 300 para móveis comuns como guarda-roupas, estantes e camas. Oferecemos orçamento gratuito sem compromisso.</p>
363
+ </div>
364
+ </div>
365
+
366
+ <!-- FAQ Item 2 -->
367
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
368
+ <button class="faq-question w-full flex justify-between items-center p-6 text-left focus:outline-none">
369
+ <span class="font-medium text-gray-800">Vocês trabalham com móveis de quais lojas?</span>
370
+ <i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i>
371
+ </button>
372
+ <div class="faq-answer px-6 pb-6 hidden">
373
+ <p class="text-gray-600">Montamos móveis de todas as marcas e lojas, incluindo IKEA, Tok&Stok, Mobly, Etna, MadeiraMadeira, Leroy Merlin, entre outras. Trabalhamos com qualquer móvel que venha com instruções de montagem.</p>
374
+ </div>
375
+ </div>
376
+
377
+ <!-- FAQ Item 3 -->
378
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
379
+ <button class="faq-question w-full flex justify-between items-center p-6 text-left focus:outline-none">
380
+ <span class="font-medium text-gray-800">Quanto tempo leva para montar um móvel?</span>
381
+ <i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i>
382
+ </button>
383
+ <div class="faq-answer px-6 pb-6 hidden">
384
+ <p class="text-gray-600">O tempo varia conforme a complexidade do móvel. Um guarda-roupa médio leva em média 2-3 horas, enquanto uma cama box pode levar cerca de 1 hora. Nossa equipe é experiente e trabalha com eficiência para concluir o serviço rapidamente.</p>
385
+ </div>
386
+ </div>
387
+
388
+ <!-- FAQ Item 4 -->
389
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
390
+ <button class="faq-question w-full flex justify-between items-center p-6 text-left focus:outline-none">
391
+ <span class="font-medium text-gray-800">Vocês fornecem garantia?</span>
392
+ <i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i>
393
+ </button>
394
+ <div class="faq-answer px-6 pb-6 hidden">
395
+ <p class="text-gray-600">Sim, oferecemos garantia de 30 dias para todos os nossos serviços. Se houver qualquer problema relacionado à montagem dentro deste período, retornamos sem custo adicional para resolver.</p>
396
+ </div>
397
+ </div>
398
+
399
+ <!-- FAQ Item 5 -->
400
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
401
+ <button class="faq-question w-full flex justify-between items-center p-6 text-left focus:outline-none">
402
+ <span class="font-medium text-gray-800">Atendem em quais bairros de Juiz de Fora?</span>
403
+ <i class="fas fa-chevron-down text-blue-600 transition-transform duration-300"></i>
404
+ </button>
405
+ <div class="faq-answer px-6 pb-6 hidden">
406
+ <p class="text-gray-600">Atendemos em todos os bairros de Juiz de Fora, incluindo Centro, Santa Terezinha, São Mateus, Jardim Glória, Bom Pastor, Granbery, entre outros. Também atendemos cidades próximas como Matias Barbosa, Santos Dumont e Ewbank da Câmara, com taxa de deslocamento.</p>
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </div>
411
+ </section>
412
+
413
+ <!-- Footer -->
414
+ <footer class="bg-gray-900 text-white py-12">
415
+ <div class="container mx-auto px-4">
416
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
417
+ <div>
418
+ <h3 class="text-xl font-bold mb-4">Marido de Aluguel JF</h3>
419
+ <p class="text-gray-400">Serviços profissionais de montagem de móveis em Juiz de Fora e região.</p>
420
+ <div class="mt-4 flex space-x-4">
421
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
422
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
423
+ <a href="https://wa.me/5532988811640" class="text-gray-400 hover:text-white"><i class="fab fa-whatsapp"></i></a>
424
+ </div>
425
+ </div>
426
+ <div>
427
+ <h4 class="font-bold mb-4">Serviços</h4>
428
+ <ul class="space-y-2 text-gray-400">
429
+ <li><a href="#" class="hover:text-white">Montagem de Móveis</a></li>
430
+ <li><a href="#" class="hover:text-white">Instalação de TV</a></li>
431
+ <li><a href="#" class="hover:text-white">Montagem de Guarda-Roupa</a></li>
432
+ <li><a href="#" class="hover:text-white">Instalação de Cortinas</a></li>
433
+ <li><a href="#" class="hover:text-white">Pequenos Reparos</a></li>
434
+ </ul>
435
+ </div>
436
+ <div>
437
+ <h4 class="font-bold mb-4">Links Úteis</h4>
438
+ <ul class="space-y-2 text-gray-400">
439
+ <li><a href="#services" class="hover:text-white">Serviços</a></li>
440
+ <li><a href="#about" class="hover:text-white">Sobre Nós</a></li>
441
+ <li><a href="#contact" class="hover:text-white">Contato</a></li>
442
+ <li><a href="#" class="hover:text-white">Termos de Serviço</a></li>
443
+ <li><a href="#" class="hover:text-white">Política de Privacidade</a></li>
444
+ </ul>
445
+ </div>
446
+ <div>
447
+ <h4 class="font-bold mb-4">Contato</h4>
448
+ <ul class="space-y-2 text-gray-400">
449
+ <li class="flex items-start">
450
+ <i class="fas fa-phone-alt mt-1 mr-2 text-blue-400"></i>
451
+ <a href="tel:32988811640" class="hover:text-white">(32) 98881-1640</a>
452
+ </li>
453
+ <li class="flex items-start">
454
+ <i class="fas fa-map-marker-alt mt-1 mr-2 text-blue-400"></i>
455
+ <span>Juiz de Fora - MG</span>
456
+ </li>
457
+ <li class="flex items-start">
458
+ <i class="fas fa-clock mt-1 mr-2 text-blue-400"></i>
459
+ <span>Seg-Sáb: 8h-18h<br>Dom: 9h-13h</span>
460
+ </li>
461
+ </ul>
462
+ </div>
463
+ </div>
464
+ <div class="border-t border-gray-800 mt-10 pt-6 text-center text-gray-400">
465
+ <p>&copy; 2023 Marido de Aluguel JF - Todos os direitos reservados</p>
466
+ <p class="mt-2 text-sm">CNPJ: XX.XXX.XXX/0001-XX</p>
467
+ </div>
468
+ </div>
469
+ </footer>
470
+
471
+ <!-- Floating WhatsApp Button -->
472
+ <a href="https://wa.me/5532988811640" class="fixed bottom-6 right-6 bg-green-500 text-white p-4 rounded-full shadow-lg hover:bg-green-600 transition duration-300 z-50">
473
+ <i class="fab fa-whatsapp text-2xl"></i>
474
+ </a>
475
+
476
+ <script>
477
+ // Mobile menu toggle
478
+ document.getElementById('menu-toggle').addEventListener('click', function() {
479
+ document.getElementById('mobile-menu').classList.toggle('hidden');
480
+ });
481
+
482
+ // FAQ accordion
483
+ const faqQuestions = document.querySelectorAll('.faq-question');
484
+ faqQuestions.forEach(question => {
485
+ question.addEventListener('click', () => {
486
+ const answer = question.nextElementSibling;
487
+ const icon = question.querySelector('i');
488
+
489
+ answer.classList.toggle('hidden');
490
+ icon.classList.toggle('transform');
491
+ icon.classList.toggle('rotate-180');
492
+ });
493
+ });
494
+
495
+ // Contact form submission
496
+ document.getElementById('contact-form').addEventListener('submit', function(e) {
497
+ e.preventDefault();
498
+ alert('Obrigado pelo seu contato! Entraremos em breve com um orçamento.');
499
+ this.reset();
500
+ });
501
+
502
+ // Generate QR Code
503
+ const qrcode = new QRCode(document.getElementById("qrcode"), {
504
+ text: "https://wa.me/5532988811640",
505
+ width: 200,
506
+ height: 200,
507
+ colorDark: "#000000",
508
+ colorLight: "#ffffff",
509
+ correctLevel: QRCode.CorrectLevel.H
510
+ });
511
+ </script>
512
+ <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=Kesjf/meus-site-de-marido-de-aaluguel" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
513
+ </html>