Hugging Face's logo

Spaces:
Lioszada
/
teste-avivando
Running

App Files Community
Lioszada commited on
Commit
5d689cd
·
verified ·
1 Parent(s): d0798af

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +677 -362
  2. prompts.txt +7 -1
index.html CHANGED
@@ -3,8 +3,29 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Igreja Avivamento - Uma comunidade de fé e amor</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
10
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@@ -12,13 +33,25 @@
12
  body {
13
  font-family: 'Poppins', sans-serif;
14
  scroll-behavior: smooth;
 
 
15
  }
16
 
17
- .hero {
18
- background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1503951914875-452162b0f3f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
 
 
19
  background-size: cover;
 
 
 
 
 
 
 
20
  background-position: center;
21
  background-repeat: no-repeat;
 
22
  }
23
 
24
  .sermon-card {
@@ -50,21 +83,203 @@
50
  .dropdown:hover .dropdown-menu {
51
  display: block;
52
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53
  </style>
54
  </head>
55
- <body class="bg-gray-50">
 
 
 
 
 
56
  <!-- Top Bar -->
57
- <div class="bg-blue-800 text-white py-2 px-4 text-sm">
58
  <div class="container mx-auto flex justify-between items-center">
59
  <div class="flex space-x-4">
60
- <span><i class="fas fa-phone-alt mr-1"></i> (XX) XXXX-XXXX</span>
61
- <span><i class="fas fa-envelope mr-1"></i> contato@igrejaavivamento.com</span>
62
  </div>
63
  <div class="flex space-x-4">
64
- <a href="#" class="hover:text-blue-200"><i class="fab fa-facebook-f"></i></a>
65
- <a href="#" class="hover:text-blue-200"><i class="fab fa-instagram"></i></a>
66
- <a href="#" class="hover:text-blue-200"><i class="fab fa-youtube"></i></a>
67
- <a href="#" class="hover:text-blue-200"><i class="fab fa-whatsapp"></i></a>
68
  </div>
69
  </div>
70
  </div>
@@ -73,28 +288,18 @@
73
  <nav class="navbar fixed w-full z-50 bg-white py-4">
74
  <div class="container mx-auto px-4 flex justify-between items-center">
75
  <div class="flex items-center">
76
- <a href="#" class="text-2xl font-bold text-blue-800 flex items-center">
77
- <i class="fas fa-church mr-2"></i>
78
- <span>Igreja Avivamento</span>
79
  </a>
80
  </div>
81
 
82
  <div class="hidden md:flex space-x-8">
83
- <div class="dropdown relative">
84
- <button class="text-gray-800 hover:text-blue-700 font-medium flex items-center">
85
- Início <i class="fas fa-chevron-down ml-1 text-xs"></i>
86
- </button>
87
- <div class="dropdown-menu absolute hidden bg-white mt-2 py-2 w-48 rounded shadow-lg">
88
- <a href="#" class="block px-4 py-2 hover:bg-blue-50">Sobre Nós</a>
89
- <a href="#" class="block px-4 py-2 hover:bg-blue-50">Nossa Visão</a>
90
- <a href="#" class="block px-4 py-2 hover:bg-blue-50">Liderança</a>
91
- </div>
92
- </div>
93
- <a href="#" class="text-gray-800 hover:text-blue-700 font-medium">Ministérios</a>
94
- <a href="#" class="text-gray-800 hover:text-blue-700 font-medium">Eventos</a>
95
- <a href="#" class="text-gray-800 hover:text-blue-700 font-medium">Mensagens</a>
96
- <a href="#" class="text-gray-800 hover:text-blue-700 font-medium">Contato</a>
97
- <a href="#" class="text-gray-800 hover:text-blue-700 font-medium">Doações</a>
98
  </div>
99
 
100
  <div class="md:hidden">
@@ -107,85 +312,98 @@
107
  <!-- Mobile Menu -->
108
  <div id="mobile-menu" class="hidden md:hidden bg-white absolute w-full left-0 px-4 pb-4 shadow-lg">
109
  <a href="#" class="block py-2 border-b border-gray-100">Início</a>
110
- <a href="#" class="block py-2 border-b border-gray-100">Ministérios</a>
111
- <a href="#" class="block py-2 border-b border-gray-100">Eventos</a>
112
- <a href="#" class="block py-2 border-b border-gray-100">Mensagens</a>
113
- <a href="#" class="block py-2 border-b border-gray-100">Contato</a>
114
- <a href="#" class="block py-2">Doações</a>
115
  </div>
116
  </nav>
117
 
118
- <!-- Hero Section -->
119
- <section class="hero text-white pt-32 pb-20 md:pt-40 md:pb-28">
120
- <div class="container mx-auto px-4 text-center">
121
- <h1 class="text-4xl md:text-6xl font-bold mb-6">Viva uma vida com propósito</h1>
122
- <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Junte-se a nós em nossa jornada de fé, amor e comunhão</p>
 
123
  <div class="flex flex-col sm:flex-row justify-center gap-4">
124
- <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition duration-300">
125
  Próximo Evento <i class="fas fa-arrow-right ml-2"></i>
126
  </a>
127
- <a href="#" class="bg-transparent hover:bg-white hover:text-blue-800 border-2 border-white text-white font-bold py-3 px-8 rounded-full transition duration-300">
128
  Culto Online <i class="fas fa-play-circle ml-2"></i>
129
  </a>
130
  </div>
131
  </div>
 
 
 
 
 
 
 
 
 
 
 
132
  </section>
133
 
134
  <!-- Countdown Section -->
135
- <section class="bg-blue-800 text-white py-8">
136
- <div class="container mx-auto px-4">
137
  <div class="flex flex-col md:flex-row justify-between items-center">
138
  <div class="mb-4 md:mb-0">
139
- <h3 class="text-xl font-bold">Próximo Culto de Avivamento</h3>
140
- <p class="text-blue-200">Sábado, 25 de Novembro às 19h</p>
141
  </div>
142
  <div class="flex space-x-4 text-center">
143
- <div class="bg-blue-900 rounded-lg p-4 w-20">
144
  <div class="text-2xl font-bold" id="days">00</div>
145
  <div class="text-xs">Dias</div>
146
  </div>
147
- <div class="bg-blue-900 rounded-lg p-4 w-20">
148
  <div class="text-2xl font-bold" id="hours">00</div>
149
  <div class="text-xs">Horas</div>
150
  </div>
151
- <div class="bg-blue-900 rounded-lg p-4 w-20">
152
  <div class="text-2xl font-bold" id="minutes">00</div>
153
  <div class="text-xs">Minutos</div>
154
  </div>
155
- <div class="bg-blue-900 rounded-lg p-4 w-20">
156
  <div class="text-2xl font-bold" id="seconds">00</div>
157
  <div class="text-xs">Segundos</div>
158
  </div>
159
  </div>
160
- <a href="#" class="mt-4 md:mt-0 bg-white text-blue-800 hover:bg-blue-100 font-bold py-3 px-6 rounded-full transition duration-300">
161
  Mais Informações
162
  </a>
163
  </div>
164
  </div>
165
  </section>
166
 
167
- <!-- Welcome Section -->
168
- <section class="py-16 bg-white">
169
- <div class="container mx-auto px-4">
 
170
  <div class="flex flex-col md:flex-row items-center">
171
  <div class="md:w-1/2 mb-8 md:mb-0 md:pr-12">
172
- <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-6">Bem-vindo à Igreja Avivamento</h2>
173
- <p class="text-gray-600 mb-6">Somos uma comunidade cristã comprometida em compartilhar o amor de Deus e transformar vidas através da mensagem do Evangelho. Nossa missão é levar esperança, fé e propósito a todos que nos procuram.</p>
174
- <p class="text-gray-600 mb-8">Independentemente de onde você está em sua jornada espiritual, há um lugar para você aqui. Venha como você é e descubra o que significa viver uma vida cheia de propósito e significado.</p>
175
  <div class="flex flex-col sm:flex-row gap-4">
176
- <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-full transition duration-300">
177
- Nossa História <i class="fas fa-book-open ml-2"></i>
178
  </a>
179
- <a href="#" class="bg-gray-100 hover:bg-gray-200 text-gray-800 font-bold py-3 px-6 rounded-full transition duration-300">
180
- Conheça a Liderança <i class="fas fa-users ml-2"></i>
181
  </a>
182
  </div>
183
  </div>
184
  <div class="md:w-1/2">
185
- <div class="relative">
186
- <img src="https://images.unsplash.com/photo-1452421822248-d4c2b47f0c81?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80" alt="Igreja Avivamento" class="rounded-lg shadow-xl w-full">
187
- <div class="absolute -bottom-6 -right-6 bg-blue-600 text-white p-6 rounded-lg shadow-lg hidden md:block">
188
- <div class="text-4xl font-bold">15+</div>
189
  <div class="text-sm">Anos servindo a comunidade</div>
190
  </div>
191
  </div>
@@ -194,90 +412,141 @@
194
  </div>
195
  </section>
196
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
197
  <!-- Sermons Section -->
198
- <section class="py-16 bg-gray-50">
199
- <div class="container mx-auto px-4">
 
200
  <div class="text-center mb-12">
201
- <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Mensagens Inspiradoras</h2>
202
- <p class="text-gray-600 max-w-2xl mx-auto">Assista nossas mensagens mais recentes e encontre encorajamento para sua jornada de fé.</p>
203
  </div>
204
 
205
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
206
- <!-- Sermon 1 -->
207
- <div class="sermon-card bg-white rounded-lg overflow-hidden shadow-lg">
208
  <div class="relative">
209
- <img src="https://images.unsplash.com/photo-1507034589631-9433cc6bc453?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1388&q=80" alt="Sermon" class="w-full h-48 object-cover">
210
  <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
211
- <button class="bg-white bg-opacity-80 hover:bg-opacity-100 rounded-full p-4 transition duration-300">
212
- <i class="fas fa-play text-blue-600 text-xl"></i>
213
- </button>
214
  </div>
215
  </div>
216
  <div class="p-6">
217
  <div class="flex justify-between items-start mb-2">
218
- <span class="text-sm text-blue-600 font-medium">Pr. João Silva</span>
219
- <span class="text-sm text-gray-500">12 Nov, 2023</span>
220
  </div>
221
- <h3 class="text-xl font-bold text-gray-800 mb-3">Encontrando Paz em Tempos Difíceis</h3>
222
- <p class="text-gray-600 text-sm mb-4">Nesta mensagem, exploramos como encontrar paz interior mesmo quando enfrentamos desafios em nossas vidas.</p>
223
  <div class="flex justify-between items-center">
224
- <span class="text-sm text-gray-500"><i class="fas fa-eye mr-1"></i> 1,245 visualizações</span>
225
- <a href="#" class="text-blue-600 hover:text-blue-800 text-sm font-medium">Assistir Agora <i class="fas fa-arrow-right ml-1"></i></a>
226
  </div>
227
  </div>
228
  </div>
229
 
230
- <!-- Sermon 2 -->
231
- <div class="sermon-card bg-white rounded-lg overflow-hidden shadow-lg">
232
  <div class="relative">
233
- <img src="https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Sermon" class="w-full h-48 object-cover">
234
  <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
235
- <button class="bg-white bg-opacity-80 hover:bg-opacity-100 rounded-full p-4 transition duration-300">
236
- <i class="fas fa-play text-blue-600 text-xl"></i>
237
- </button>
 
 
 
238
  </div>
239
  </div>
240
  <div class="p-6">
241
  <div class="flex justify-between items-start mb-2">
242
- <span class="text-sm text-blue-600 font-medium">Pr. Maria Oliveira</span>
243
- <span class="text-sm text-gray-500">5 Nov, 2023</span>
244
  </div>
245
- <h3 class="text-xl font-bold text-gray-800 mb-3">O Poder do Louvor e Adoração</h3>
246
- <p class="text-gray-600 text-sm mb-4">Descubra como o louvor pode transformar sua vida e trazer você mais perto de Deus em qualquer circunstância.</p>
247
  <div class="flex justify-between items-center">
248
- <span class="text-sm text-gray-500"><i class="fas fa-eye mr-1"></i> 987 visualizações</span>
249
- <a href="#" class="text-blue-600 hover:text-blue-800 text-sm font-medium">Assistir Agora <i class="fas fa-arrow-right ml-1"></i></a>
250
  </div>
251
  </div>
252
  </div>
253
 
254
- <!-- Sermon 3 -->
255
- <div class="sermon-card bg-white rounded-lg overflow-hidden shadow-lg">
256
  <div class="relative">
257
- <img src="https://images.unsplash.com/photo-1429962714451-bb934ecdc4ec?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Sermon" class="w-full h-48 object-cover">
258
  <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
259
- <button class="bg-white bg-opacity-80 hover:bg-opacity-100 rounded-full p-4 transition duration-300">
260
- <i class="fas fa-play text-blue-600 text-xl"></i>
261
- </button>
 
 
 
262
  </div>
263
  </div>
264
  <div class="p-6">
265
  <div class="flex justify-between items-start mb-2">
266
- <span class="text-sm text-blue-600 font-medium">Pr. Carlos Mendes</span>
267
- <span class="text-sm text-gray-500">29 Out, 2023</span>
268
  </div>
269
- <h3 class="text-xl font-bold text-gray-800 mb-3">Vivendo com Propósito</h3>
270
- <p class="text-gray-600 text-sm mb-4">Como descobrir e viver o propósito que Deus tem para sua vida, encontrando significado em tudo que você faz.</p>
271
  <div class="flex justify-between items-center">
272
- <span class="text-sm text-gray-500"><i class="fas fa-eye mr-1"></i> 1,532 visualizações</span>
273
- <a href="#" class="text-blue-600 hover:text-blue-800 text-sm font-medium">Assistir Agora <i class="fas fa-arrow-right ml-1"></i></a>
274
  </div>
275
  </div>
276
  </div>
277
  </div>
278
 
279
  <div class="text-center mt-12">
280
- <a href="#" class="inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition duration-300">
281
  Ver Todas as Mensagens <i class="fas fa-arrow-right ml-2"></i>
282
  </a>
283
  </div>
@@ -285,233 +554,91 @@
285
  </section>
286
 
287
  <!-- Events Section -->
288
- <section class="py-16 bg-white">
289
- <div class="container mx-auto px-4">
290
  <div class="text-center mb-12">
291
- <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Próximos Eventos</h2>
292
- <p class="text-gray-600 max-w-2xl mx-auto">Junte-se a nós em nossos eventos e encontros que edificam a fé e fortalecem a comunidade.</p>
293
  </div>
294
 
295
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
296
- <!-- Event 1 -->
297
- <div class="event-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100">
298
- <div class="relative">
299
- <img src="https://images.unsplash.com/photo-1529107386315-e1a2ed48a620?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Event" class="w-full h-48 object-cover">
300
- <div class="absolute top-4 right-4 bg-blue-600 text-white text-sm font-bold py-1 px-3 rounded-full">
301
- 25 Nov
 
302
  </div>
303
- </div>
304
- <div class="p-6">
305
- <div class="flex items-center text-sm text-gray-500 mb-3">
306
- <i class="far fa-clock mr-2"></i>
307
- <span>19:00 - 21:30</span>
308
- <i class="fas fa-map-marker-alt ml-4 mr-2"></i>
309
- <span>Igreja Avivamento</span>
310
  </div>
311
- <h3 class="text-xl font-bold text-gray-800 mb-3">Culto de Avivamento</h3>
312
- <p class="text-gray-600 text-sm mb-4">Um tempo especial de adoração, palavra e manifestação do Espírito Santo. Traga sua família e amigos!</p>
313
- <a href="#" class="inline-block text-blue-600 hover:text-blue-800 font-medium text-sm">
314
- Mais Detalhes <i class="fas fa-arrow-right ml-1"></i>
315
- </a>
316
  </div>
317
- </div>
318
-
319
- <!-- Event 2 -->
320
- <div class="event-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100">
321
- <div class="relative">
322
- <img src="https://images.unsplash.com/photo-1541178735493-479c1a27ed24?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80" alt="Event" class="w-full h-48 object-cover">
323
- <div class="absolute top-4 right-4 bg-blue-600 text-white text-sm font-bold py-1 px-3 rounded-full">
324
- 02 Dez
325
- </div>
326
- </div>
327
- <div class="p-6">
328
- <div class="flex items-center text-sm text-gray-500 mb-3">
329
- <i class="far fa-clock mr-2"></i>
330
- <span>09:00 - 12:00</span>
331
- <i class="fas fa-map-marker-alt ml-4 mr-2"></i>
332
- <span>Parque Central</span>
333
- </div>
334
- <h3 class="text-xl font-bold text-gray-800 mb-3">Piquenique da Família</h3>
335
- <p class="text-gray-600 text-sm mb-4">Um dia especial para famílias se conectarem, brincarem e celebrarem juntas a vida e a fé em Cristo.</p>
336
- <a href="#" class="inline-block text-blue-600 hover:text-blue-800 font-medium text-sm">
337
- Mais Detalhes <i class="fas fa-arrow-right ml-1"></i>
338
  </a>
339
  </div>
340
  </div>
341
 
342
- <!-- Event 3 -->
343
- <div class="event-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100">
344
- <div class="relative">
345
- <img src="https://images.unsplash.com/photo-1521791136064-7986c2920216?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80" alt="Event" class="w-full h-48 object-cover">
346
- <div class="absolute top-4 right-4 bg-blue-600 text-white text-sm font-bold py-1 px-3 rounded-full">
347
- 10 Dez
 
348
  </div>
349
- </div>
350
- <div class="p-6">
351
- <div class="flex items-center text-sm text-gray-500 mb-3">
352
- <i class="far fa-clock mr-2"></i>
353
- <span>08:00 - 18:00</span>
354
- <i class="fas fa-map-marker-alt ml-4 mr-2"></i>
355
- <span>Retiro Monte Alto</span>
356
  </div>
357
- <h3 class="text-xl font-bold text-gray-800 mb-3">Retiro Espiritual</h3>
358
- <p class="text-gray-600 text-sm mb-4">Um dia inteiro para se desconectar do mundo e se conectar com Deus através de ensinamentos, oração e comunhão.</p>
359
- <a href="#" class="inline-block text-blue-600 hover:text-blue-800 font-medium text-sm">
360
- Mais Detalhes <i class="fas fa-arrow-right ml-1"></i>
361
- </a>
362
  </div>
363
- </div>
364
- </div>
365
-
366
- <div class="text-center mt-12">
367
- <a href="#" class="inline-block bg-white hover:bg-gray-100 text-blue-600 border-2 border-blue-600 font-bold py-3 px-8 rounded-full transition duration-300">
368
- Ver Todos os Eventos <i class="fas fa-arrow-right ml-2"></i>
369
- </a>
370
- </div>
371
- </div>
372
- </section>
373
-
374
- <!-- Ministries Section -->
375
- <section class="py-16 bg-gray-50">
376
- <div class="container mx-auto px-4">
377
- <div class="text-center mb-12">
378
- <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Nossos Ministérios</h2>
379
- <p class="text-gray-600 max-w-2xl mx-auto">Descubra como você pode se envolver e servir em nossa comunidade de fé.</p>
380
- </div>
381
-
382
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
383
- <!-- Ministry 1 -->
384
- <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition duration-300">
385
- <div class="p-6 text-center">
386
- <div class="bg-blue-100 text-blue-600 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
387
- <i class="fas fa-child text-2xl"></i>
388
- </div>
389
- <h3 class="text-xl font-bold text-gray-800 mb-3">Ministério Infantil</h3>
390
- <p class="text-gray-600 text-sm">Ensino bíblico criativo e divertido para crianças de 0 a 12 anos.</p>
391
- <a href="#" class="inline-block mt-4 text-blue-600 hover:text-blue-800 text-sm font-medium">
392
- Saiba Mais <i class="fas fa-arrow-right ml-1"></i>
393
  </a>
394
  </div>
395
  </div>
396
 
397
- <!-- Ministry 2 -->
398
- <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition duration-300">
399
- <div class="p-6 text-center">
400
- <div class="bg-blue-100 text-blue-600 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
401
- <i class="fas fa-users text-2xl"></i>
 
 
402
  </div>
403
- <h3 class="text-xl font-bold text-gray-800 mb-3">Jovens</h3>
404
- <p class="text-gray-600 text-sm">Um espaço para jovens crescerem na fé e construírem relacionamentos saudáveis.</p>
405
- <a href="#" class="inline-block mt-4 text-blue-600 hover:text-blue-800 text-sm font-medium">
406
- Saiba Mais <i class="fas fa-arrow-right ml-1"></i>
407
- </a>
408
- </div>
409
- </div>
410
-
411
- <!-- Ministry 3 -->
412
- <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition duration-300">
413
- <div class="p-6 text-center">
414
- <div class="bg-blue-100 text-blue-600 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
415
- <i class="fas fa-hands-helping text-2xl"></i>
416
  </div>
417
- <h3 class="text-xl font-bold text-gray-800 mb-3">Ação Social</h3>
418
- <p class="text-gray-600 text-sm">Levar amor e ajuda prática para pessoas em situação de vulnerabilidade.</p>
419
- <a href="#" class="inline-block mt-4 text-blue-600 hover:text-blue-800 text-sm font-medium">
420
- Saiba Mais <i class="fas fa-arrow-right ml-1"></i>
421
- </a>
422
  </div>
423
- </div>
424
-
425
- <!-- Ministry 4 -->
426
- <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition duration-300">
427
- <div class="p-6 text-center">
428
- <div class="bg-blue-100 text-blue-600 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
429
- <i class="fas fa-music text-2xl"></i>
430
- </div>
431
- <h3 class="text-xl font-bold text-gray-800 mb-3">Louvor e Adoração</h3>
432
- <p class="text-gray-600 text-sm">Ministério que lidera a congregação em adoração através da música.</p>
433
- <a href="#" class="inline-block mt-4 text-blue-600 hover:text-blue-800 text-sm font-medium">
434
- Saiba Mais <i class="fas fa-arrow-right ml-1"></i>
435
  </a>
436
  </div>
437
  </div>
438
  </div>
439
- </div>
440
- </section>
441
-
442
- <!-- Testimonials Section -->
443
- <section class="py-16 bg-blue-800 text-white">
444
- <div class="container mx-auto px-4">
445
- <div class="text-center mb-12">
446
- <h2 class="text-3xl md:text-4xl font-bold mb-4">O Que Dizem Sobre Nós</h2>
447
- <p class="text-blue-200 max-w-2xl mx-auto">Histórias de vida transformadas pelo poder de Deus em nossa comunidade.</p>
448
- </div>
449
 
450
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
451
- <!-- Testimonial 1 -->
452
- <div class="bg-blue-700 rounded-lg p-6">
453
- <div class="flex items-center mb-4">
454
- <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Testimonial" class="w-12 h-12 rounded-full mr-4">
455
- <div>
456
- <h4 class="font-bold">Ana Carolina</h4>
457
- <p class="text-blue-200 text-sm">Membro há 3 anos</p>
458
- </div>
459
- </div>
460
- <p class="text-blue-100">"Encontrei na Igreja Avivamento uma família espiritual que me acolheu em um momento muito difícil da minha vida. Hoje sou uma pessoa completamente transformada pelo amor de Deus."</p>
461
- <div class="mt-4 text-yellow-400">
462
- <i class="fas fa-star"></i>
463
- <i class="fas fa-star"></i>
464
- <i class="fas fa-star"></i>
465
- <i class="fas fa-star"></i>
466
- <i class="fas fa-star"></i>
467
- </div>
468
- </div>
469
-
470
- <!-- Testimonial 2 -->
471
- <div class="bg-blue-700 rounded-lg p-6">
472
- <div class="flex items-center mb-4">
473
- <img src="https://randomuser.me/api/portraits/men/45.jpg" alt="Testimonial" class="w-12 h-12 rounded-full mr-4">
474
- <div>
475
- <h4 class="font-bold">Ricardo Almeida</h4>
476
- <p class="text-blue-200 text-sm">Membro há 5 anos</p>
477
- </div>
478
- </div>
479
- <p class="text-blue-100">"Através dos ensinamentos bíblicos e do apoio da comunidade, consegui superar vícios e reconstruir minha vida. Hoje sou um novo homem em Cristo!"</p>
480
- <div class="mt-4 text-yellow-400">
481
- <i class="fas fa-star"></i>
482
- <i class="fas fa-star"></i>
483
- <i class="fas fa-star"></i>
484
- <i class="fas fa-star"></i>
485
- <i class="fas fa-star"></i>
486
- </div>
487
- </div>
488
-
489
- <!-- Testimonial 3 -->
490
- <div class="bg-blue-700 rounded-lg p-6">
491
- <div class="flex items-center mb-4">
492
- <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Testimonial" class="w-12 h-12 rounded-full mr-4">
493
- <div>
494
- <h4 class="font-bold">Fernanda Gomes</h4>
495
- <p class="text-blue-200 text-sm">Membro há 1 ano</p>
496
- </div>
497
- </div>
498
- <p class="text-blue-100">"Meus filhos estão crescendo com valores cristãos sólidos graças ao ministério infantil. Como mãe, não poderia estar mais grata por esta igreja que se tornou nosso lar espiritual."</p>
499
- <div class="mt-4 text-yellow-400">
500
- <i class="fas fa-star"></i>
501
- <i class="fas fa-star"></i>
502
- <i class="fas fa-star"></i>
503
- <i class="fas fa-star"></i>
504
- <i class="fas fa-star-half-alt"></i>
505
- </div>
506
- </div>
507
  </div>
508
  </div>
509
  </section>
510
 
511
  <!-- Newsletter Section -->
512
- <section class="py-16 bg-white">
513
- <div class="container mx-auto px-4">
514
- <div class="bg-blue-600 rounded-xl p-8 md:p-12 text-white">
 
515
  <div class="flex flex-col md:flex-row items-center">
516
  <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
517
  <h2 class="text-2xl md:text-3xl font-bold mb-4">Receba Nossas Novidades</h2>
@@ -520,11 +647,11 @@
520
  <div class="md:w-1/2 w-full">
521
  <form class="flex flex-col sm:flex-row gap-4">
522
  <input type="email" placeholder="Seu melhor e-mail" class="flex-grow px-4 py-3 rounded-lg focus:outline-none text-gray-800">
523
- <button type="submit" class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-3 px-6 rounded-lg transition duration-300 whitespace-nowrap">
524
  Inscrever-se
525
  </button>
526
  </form>
527
- <p class="text-blue-200 text-xs mt-2">Nós respeitamos sua privacidade. Nunca enviamos spam.</p>
528
  </div>
529
  </div>
530
  </div>
@@ -532,69 +659,85 @@
532
  </section>
533
 
534
  <!-- Contact Section -->
535
- <section class="py-16 bg-gray-50">
536
- <div class="container mx-auto px-4">
537
  <div class="flex flex-col md:flex-row">
538
  <div class="md:w-1/2 mb-8 md:mb-0 md:pr-12">
539
- <h2 class="text-3xl font-bold text-gray-800 mb-6">Entre em Contato</h2>
540
- <p class="text-gray-600 mb-8">Estamos aqui para responder suas perguntas, ouvir suas necessidades e ajudá-lo em sua jornada espiritual.</p>
541
 
542
  <div class="space-y-6">
543
  <div class="flex items-start">
544
- <div class="bg-blue-100 text-blue-600 rounded-full p-3 mr-4">
545
  <i class="fas fa-map-marker-alt"></i>
546
  </div>
547
  <div>
548
- <h4 class="font-bold text-gray-800 mb-1">Endereço</h4>
549
- <p class="text-gray-600">Rua da Fé, 123 - Centro<br>CEP 12345-678 - Sua Cidade/UF</p>
550
  </div>
551
  </div>
552
 
553
  <div class="flex items-start">
554
- <div class="bg-blue-100 text-blue-600 rounded-full p-3 mr-4">
555
  <i class="fas fa-phone-alt"></i>
556
  </div>
557
  <div>
558
- <h4 class="font-bold text-gray-800 mb-1">Telefone</h4>
559
- <p class="text-gray-600">(XX) XXXX-XXXX<br>Segunda a Sexta, 9h às 17h</p>
560
  </div>
561
  </div>
562
 
563
  <div class="flex items-start">
564
- <div class="bg-blue-100 text-blue-600 rounded-full p-3 mr-4">
565
  <i class="fas fa-envelope"></i>
566
  </div>
567
  <div>
568
- <h4 class="font-bold text-gray-800 mb-1">E-mail</h4>
569
- <p class="text-gray-600">contato@igrejaavivamento.com<br>Oração: oracao@igrejaavivamento.com</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
570
  </div>
571
  </div>
572
  </div>
573
  </div>
574
 
575
  <div class="md:w-1/2">
576
- <div class="bg-white p-8 rounded-lg shadow-lg">
577
- <h3 class="text-xl font-bold text-gray-800 mb-6">Envie uma Mensagem</h3>
578
  <form>
579
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
580
  <div>
581
- <label for="name" class="block text-gray-700 text-sm font-medium mb-1">Nome*</label>
582
- <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">
583
  </div>
584
  <div>
585
- <label for="email" class="block text-gray-700 text-sm font-medium mb-1">E-mail*</label>
586
- <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
587
  </div>
588
  </div>
589
  <div class="mb-4">
590
- <label for="subject" class="block text-gray-700 text-sm font-medium mb-1">Assunto*</label>
591
- <input type="text" id="subject" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
592
  </div>
593
  <div class="mb-6">
594
- <label for="message" class="block text-gray-700 text-sm font-medium mb-1">Mensagem*</label>
595
- <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>
596
  </div>
597
- <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300">
598
  Enviar Mensagem
599
  </button>
600
  </form>
@@ -605,26 +748,25 @@
605
  </section>
606
 
607
  <!-- Map Section -->
608
- <div class="h-96 w-full">
609
- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12345.678901234567!2d-46.12345678901234!3d-23.123456789012345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjPCsDA3JzI0LjQiUyA0NsKwMDcnMjQuNCJX!5e0!3m2!1spt-BR!2sbr!4v1234567890123!5m2!1spt-BR!2sbr" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
 
610
  </div>
611
 
612
  <!-- Footer -->
613
- <footer class="bg-gray-900 text-white pt-16 pb-8">
614
  <div class="container mx-auto px-4">
615
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
616
  <!-- About -->
617
  <div>
618
- <h3 class="text-xl font-bold mb-4 flex items-center">
619
- <i class="fas fa-church mr-2"></i>
620
- <span>Igreja Avivamento</span>
621
  </h3>
622
  <p class="text-gray-400 mb-4">Uma comunidade cristã comprometida em compartilhar o amor de Deus e transformar vidas através da mensagem do Evangelho.</p>
623
  <div class="flex space-x-4">
624
- <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
625
- <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
626
- <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a>
627
- <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-whatsapp"></i></a>
628
  </div>
629
  </div>
630
 
@@ -633,11 +775,11 @@
633
  <h3 class="text-lg font-bold mb-4">Links Rápidos</h3>
634
  <ul class="space-y-2">
635
  <li><a href="#" class="text-gray-400 hover:text-white">Início</a></li>
636
- <li><a href="#" class="text-gray-400 hover:text-white">Sobre Nós</a></li>
637
- <li><a href="#" class="text-gray-400 hover:text-white">Ministérios</a></li>
638
- <li><a href="#" class="text-gray-400 hover:text-white">Eventos</a></li>
639
- <li><a href="#" class="text-gray-400 hover:text-white">Mensagens</a></li>
640
- <li><a href="#" class="text-gray-400 hover:text-white">Contato</a></li>
641
  </ul>
642
  </div>
643
 
@@ -646,20 +788,24 @@
646
  <h3 class="text-lg font-bold mb-4">Horários de Culto</h3>
647
  <ul class="space-y-3 text-gray-400">
648
  <li class="flex justify-between">
649
- <span>Domingo</span>
650
- <span>9h e 19h</span>
651
  </li>
652
  <li class="flex justify-between">
653
- <span>Terça-feira</span>
654
- <span>20h (Oração)</span>
655
  </li>
656
  <li class="flex justify-between">
657
- <span>Quinta-feira</span>
658
- <span>20h (Estudo Bíblico)</span>
659
  </li>
660
  <li class="flex justify-between">
661
  <span>Sábado</span>
662
- <span>19h (Jovens)</span>
 
 
 
 
663
  </li>
664
  </ul>
665
  </div>
@@ -670,7 +816,7 @@
670
  <p class="text-gray-400 mb-4">Assine para receber nossas novidades e devocionais.</p>
671
  <form class="flex">
672
  <input type="email" placeholder="Seu e-mail" class="px-4 py-2 rounded-l-lg focus:outline-none text-gray-800 w-full">
673
- <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-4 rounded-r-lg">
674
  <i class="fas fa-paper-plane"></i>
675
  </button>
676
  </form>
@@ -679,7 +825,7 @@
679
 
680
  <div class="border-t border-gray-800 pt-8">
681
  <div class="flex flex-col md:flex-row justify-between items-center">
682
- <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 Igreja Avivamento. Todos os direitos reservados.</p>
683
  <div class="flex space-x-6">
684
  <a href="#" class="text-gray-500 hover:text-white text-sm">Política de Privacidade</a>
685
  <a href="#" class="text-gray-500 hover:text-white text-sm">Termos de Uso</a>
@@ -706,25 +852,194 @@
706
  }
707
  });
708
 
709
- // Countdown Timer
710
  function updateCountdown() {
711
  const now = new Date();
712
- const eventDate = new Date('November 25, 2023 19:00:00');
713
- const diff = eventDate - now;
714
 
715
- const days = Math.floor(diff / (1000 * 60 * 60 * 24));
716
- const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
717
- const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
718
- const seconds = Math.floor((diff % (1000 * 60)) / 1000);
 
 
 
 
 
 
719
 
720
- document.getElementById('days').textContent = days.toString().padStart(2, '0');
721
- document.getElementById('hours').textContent = hours.toString().padStart(2, '0');
722
- document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');
723
- document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
724
  }
725
 
726
  setInterval(updateCountdown, 1000);
727
  updateCountdown();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
728
  </script>
729
  <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=Lioszada/teste-avivando" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
730
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Igreja Avivando - Uma comunidade de fé e amor</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
9
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
10
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/Draggable.min.js"></script>
11
+ <script>
12
+ tailwind.config = {
13
+ theme: {
14
+ extend: {
15
+ colors: {
16
+ 'avivando-dark': '#0D0D0D',
17
+ 'avivando-brown': '#403E3B',
18
+ 'avivando-darkred': '#59190B',
19
+ 'avivando-red': '#A63126',
20
+ 'avivando-brightred': '#F20505',
21
+ 'avivando-light': '#F8F8F8',
22
+ 'avivando-lighttext': '#FFFFFF',
23
+ 'avivando-darktext': '#333333'
24
+ }
25
+ }
26
+ }
27
+ }
28
+ </script>
29
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
30
  <style>
31
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
 
33
  body {
34
  font-family: 'Poppins', sans-serif;
35
  scroll-behavior: smooth;
36
+ overflow-x: hidden;
37
+ color: #333;
38
  }
39
 
40
+ .parallax-section {
41
+ background-attachment: fixed;
42
+ background-position: center;
43
+ background-repeat: no-repeat;
44
  background-size: cover;
45
+ position: relative;
46
+ overflow: hidden;
47
+ }
48
+
49
+ .hero {
50
+ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/DSC09900.JPG');
51
+ background-attachment: fixed;
52
  background-position: center;
53
  background-repeat: no-repeat;
54
+ background-size: cover;
55
  }
56
 
57
  .sermon-card {
 
83
  .dropdown:hover .dropdown-menu {
84
  display: block;
85
  }
86
+
87
+ .instagram-post {
88
+ background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
89
+ }
90
+
91
+ /* WhatsApp Button */
92
+ .whatsapp-button {
93
+ position: fixed;
94
+ bottom: 30px;
95
+ right: 30px;
96
+ z-index: 99;
97
+ background: #25D366;
98
+ color: white;
99
+ border-radius: 50px;
100
+ text-align: center;
101
+ font-size: 30px;
102
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
103
+ width: 60px;
104
+ height: 60px;
105
+ line-height: 60px;
106
+ transition: all 0.3s ease;
107
+ }
108
+
109
+ .whatsapp-button:hover {
110
+ background: #128C7E;
111
+ transform: scale(1.1);
112
+ }
113
+
114
+ .instagram-image {
115
+ height: 300px;
116
+ object-fit: cover;
117
+ width: 100%;
118
+ }
119
+
120
+ .leader-card {
121
+ transition: all 0.3s ease;
122
+ }
123
+
124
+ .leader-card:hover {
125
+ transform: translateY(-5px);
126
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
127
+ }
128
+
129
+ /* Efeitos parallax */
130
+ .parallax-layer {
131
+ position: absolute;
132
+ width: 100%;
133
+ height: 100%;
134
+ top: 0;
135
+ left: 0;
136
+ will-change: transform;
137
+ }
138
+
139
+ .parallax-content {
140
+ position: relative;
141
+ z-index: 2;
142
+ }
143
+
144
+ /* Elementos arrastáveis */
145
+ .draggable-element {
146
+ cursor: grab;
147
+ user-select: none;
148
+ touch-action: none;
149
+ }
150
+
151
+ .draggable-element:active {
152
+ cursor: grabbing;
153
+ }
154
+
155
+ /* Efeito de vidro */
156
+ .glass-effect {
157
+ background: rgba(255, 255, 255, 0.1);
158
+ backdrop-filter: blur(10px);
159
+ -webkit-backdrop-filter: blur(10px);
160
+ border-radius: 10px;
161
+ border: 1px solid rgba(255, 255, 255, 0.2);
162
+ }
163
+
164
+ /* Animação flutuante */
165
+ @keyframes float {
166
+ 0% { transform: translateY(0px); }
167
+ 50% { transform: translateY(-20px); }
168
+ 100% { transform: translateY(0px); }
169
+ }
170
+
171
+ .floating {
172
+ animation: float 6s ease-in-out infinite;
173
+ }
174
+
175
+ /* Efeito de partículas */
176
+ .particles {
177
+ position: absolute;
178
+ width: 100%;
179
+ height: 100%;
180
+ top: 0;
181
+ left: 0;
182
+ overflow: hidden;
183
+ z-index: 1;
184
+ }
185
+
186
+ .particle {
187
+ position: absolute;
188
+ background-color: rgba(255, 255, 255, 0.5);
189
+ border-radius: 50%;
190
+ pointer-events: none;
191
+ }
192
+
193
+ /* Leader section styles */
194
+ .leader-container {
195
+ display: flex;
196
+ flex-direction: column;
197
+ gap: 2rem;
198
+ }
199
+
200
+ .leader-profile {
201
+ display: flex;
202
+ flex-direction: column;
203
+ align-items: center;
204
+ gap: 1.5rem;
205
+ background: rgba(255, 255, 255, 0.9);
206
+ border-radius: 1rem;
207
+ padding: 2rem;
208
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
209
+ }
210
+
211
+ @media (min-width: 768px) {
212
+ .leader-profile {
213
+ flex-direction: row;
214
+ align-items: flex-start;
215
+ }
216
+ }
217
+
218
+ .leader-image {
219
+ width: 200px;
220
+ height: 250px;
221
+ object-fit: cover;
222
+ border-radius: 0.5rem;
223
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
224
+ }
225
+
226
+ .leader-info {
227
+ flex: 1;
228
+ }
229
+
230
+ .leader-name {
231
+ color: #A63126;
232
+ font-weight: 700;
233
+ font-size: 1.5rem;
234
+ margin-bottom: 0.5rem;
235
+ }
236
+
237
+ .leader-title {
238
+ color: #59190B;
239
+ font-weight: 600;
240
+ margin-bottom: 1rem;
241
+ }
242
+
243
+ .leader-bio {
244
+ color: #333;
245
+ margin-bottom: 1.5rem;
246
+ line-height: 1.6;
247
+ }
248
+
249
+ .leader-social {
250
+ display: flex;
251
+ gap: 1rem;
252
+ }
253
+
254
+ .social-icon {
255
+ color: #A63126;
256
+ font-size: 1.2rem;
257
+ transition: all 0.3s ease;
258
+ }
259
+
260
+ .social-icon:hover {
261
+ color: #F20505;
262
+ transform: translateY(-2px);
263
+ }
264
  </style>
265
  </head>
266
+ <body class="bg-avivando-light">
267
+ <!-- WhatsApp Button -->
268
+ <a href="https://wa.me/5561996732422" class="whatsapp-button">
269
+ <i class="fab fa-whatsapp"></i>
270
+ </a>
271
+
272
  <!-- Top Bar -->
273
+ <div class="bg-avivando-darkred text-avivando-lighttext py-2 px-4 text-sm">
274
  <div class="container mx-auto flex justify-between items-center">
275
  <div class="flex space-x-4">
276
+ <span><i class="fas fa-phone-alt mr-1"></i> (61) 3308-3546</span>
277
+ <span><i class="fas fa-envelope mr-1"></i> igreja.avivando@gmail.com</span>
278
  </div>
279
  <div class="flex space-x-4">
280
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="hover:text-avivando-brightred"><i class="fab fa-youtube"></i></a>
281
+ <a href="https://www.instagram.com/avivandooficial/" class="hover:text-avivando-brightred"><i class="fab fa-instagram"></i></a>
282
+ <a href="https://wa.me/5561996732422" class="hover:text-avivando-brightred"><i class="fab fa-whatsapp"></i></a>
 
283
  </div>
284
  </div>
285
  </div>
 
288
  <nav class="navbar fixed w-full z-50 bg-white py-4">
289
  <div class="container mx-auto px-4 flex justify-between items-center">
290
  <div class="flex items-center">
291
+ <a href="#" class="text-2xl font-bold text-avivando-darkred flex items-center">
292
+ <img src="https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/LOGO%20AVIVANDO%20HORIZONTAL.png" alt="Igreja Avivando" class="h-12">
 
293
  </a>
294
  </div>
295
 
296
  <div class="hidden md:flex space-x-8">
297
+ <a href="#" class="text-gray-800 hover:text-avivando-brightred font-medium">Início</a>
298
+ <a href="#events" class="text-gray-800 hover:text-avivando-brightred font-medium">Eventos</a>
299
+ <a href="#sermons" class="text-gray-800 hover:text-avivando-brightred font-medium">Mensagens</a>
300
+ <a href="#contact" class="text-gray-800 hover:text-avivando-brightred font-medium">Contato</a>
301
+ <a href="https://www.instagram.com/avivandooficial/" class="text-gray-800 hover:text-avivando-brightred font-medium">Mídias</a>
302
+ <a href="ofertas.html" class="text-gray-800 hover:text-avivando-brightred font-medium">Ofertas</a>
 
 
 
 
 
 
 
 
 
303
  </div>
304
 
305
  <div class="md:hidden">
 
312
  <!-- Mobile Menu -->
313
  <div id="mobile-menu" class="hidden md:hidden bg-white absolute w-full left-0 px-4 pb-4 shadow-lg">
314
  <a href="#" class="block py-2 border-b border-gray-100">Início</a>
315
+ <a href="#events" class="block py-2 border-b border-gray-100">Eventos</a>
316
+ <a href="#sermons" class="block py-2 border-b border-gray-100">Mensagens</a>
317
+ <a href="#contact" class="block py-2 border-b border-gray-100">Contato</a>
318
+ <a href="https://www.instagram.com/avivandooficial/" class="block py-2 border-b border-gray-100">Mídias</a>
319
+ <a href="ofertas.html" class="block py-2">Ofertas</a>
320
  </div>
321
  </nav>
322
 
323
+ <!-- Hero Section with Parallax -->
324
+ <section class="hero text-white pt-32 pb-20 md:pt-40 md:pb-28 parallax-section">
325
+ <div class="particles" id="particles-1"></div>
326
+ <div class="parallax-content container mx-auto px-4 text-center relative z-10">
327
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 draggable-element" id="hero-title">A unção de Deus está aqui</h1>
328
+ <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto draggable-element" id="hero-subtitle">Venha viver dias sobrenaturais conosco</p>
329
  <div class="flex flex-col sm:flex-row justify-center gap-4">
330
+ <a href="#events" class="bg-avivando-brightred hover:bg-avivando-red text-white font-bold py-3 px-8 rounded-full transition duration-300 draggable-element">
331
  Próximo Evento <i class="fas fa-arrow-right ml-2"></i>
332
  </a>
333
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="bg-transparent hover:bg-white hover:text-avivando-darkred border-2 border-white text-white font-bold py-3 px-8 rounded-full transition duration-300 draggable-element">
334
  Culto Online <i class="fas fa-play-circle ml-2"></i>
335
  </a>
336
  </div>
337
  </div>
338
+
339
+ <!-- Floating cross elements -->
340
+ <div class="absolute top-1/4 left-1/4 text-white text-4xl opacity-20 floating" style="transform: rotate(15deg);">
341
+ <i class="fas fa-cross"></i>
342
+ </div>
343
+ <div class="absolute top-1/3 right-1/4 text-white text-6xl opacity-20 floating" style="transform: rotate(-10deg); animation-delay: 1s;">
344
+ <i class="fas fa-cross"></i>
345
+ </div>
346
+ <div class="absolute bottom-1/4 left-1/3 text-white text-5xl opacity-20 floating" style="transform: rotate(5deg); animation-delay: 2s;">
347
+ <i class="fas fa-cross"></i>
348
+ </div>
349
  </section>
350
 
351
  <!-- Countdown Section -->
352
+ <section class="bg-avivando-darkred text-white py-8 parallax-section" style="background-image: url('https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/DSC09900.JPG');">
353
+ <div class="glass-effect container mx-auto px-4">
354
  <div class="flex flex-col md:flex-row justify-between items-center">
355
  <div class="mb-4 md:mb-0">
356
+ <h3 class="text-xl font-bold" id="next-service-title">Próximo Culto de Avivamento</h3>
357
+ <p class="text-avivando-lighttext" id="next-service-time">Terça-feira às 20h</p>
358
  </div>
359
  <div class="flex space-x-4 text-center">
360
+ <div class="bg-avivando-dark rounded-lg p-4 w-20 draggable-element">
361
  <div class="text-2xl font-bold" id="days">00</div>
362
  <div class="text-xs">Dias</div>
363
  </div>
364
+ <div class="bg-avivando-dark rounded-lg p-4 w-20 draggable-element">
365
  <div class="text-2xl font-bold" id="hours">00</div>
366
  <div class="text-xs">Horas</div>
367
  </div>
368
+ <div class="bg-avivando-dark rounded-lg p-4 w-20 draggable-element">
369
  <div class="text-2xl font-bold" id="minutes">00</div>
370
  <div class="text-xs">Minutos</div>
371
  </div>
372
+ <div class="bg-avivando-dark rounded-lg p-4 w-20 draggable-element">
373
  <div class="text-2xl font-bold" id="seconds">00</div>
374
  <div class="text-xs">Segundos</div>
375
  </div>
376
  </div>
377
+ <a href="#events" class="mt-4 md:mt-0 bg-white text-avivando-darkred hover:bg-gray-100 font-bold py-3 px-6 rounded-full transition duration-300 draggable-element">
378
  Mais Informações
379
  </a>
380
  </div>
381
  </div>
382
  </section>
383
 
384
+ <!-- Welcome Section with Parallax -->
385
+ <section class="py-16 bg-white relative overflow-hidden">
386
+ <div class="particles" id="particles-2"></div>
387
+ <div class="container mx-auto px-4 relative z-10">
388
  <div class="flex flex-col md:flex-row items-center">
389
  <div class="md:w-1/2 mb-8 md:mb-0 md:pr-12">
390
+ <h2 class="text-3xl md:text-4xl font-bold text-avivando-darktext mb-6 draggable-element">Bem-vindo à Igreja Avivando</h2>
391
+ <p class="text-avivando-darktext mb-6 draggable-element">Somos uma comunidade cristã comprometida em compartilhar o amor de Deus e transformar vidas através da mensagem do Evangelho. Nossa missão é levar esperança, fé e propósito a todos que nos procuram.</p>
392
+ <p class="text-avivando-darktext mb-8 draggable-element">Independentemente de onde você está em sua jornada espiritual, há um lugar para você aqui. Venha como você é e descubra o que significa viver uma vida cheia de propósito e significado.</p>
393
  <div class="flex flex-col sm:flex-row gap-4">
394
+ <a href="#contact" class="bg-avivando-brightred hover:bg-avivando-red text-white font-bold py-3 px-6 rounded-full transition duration-300 draggable-element">
395
+ Visite-nos <i class="fas fa-map-marker-alt ml-2"></i>
396
  </a>
397
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="bg-gray-100 hover:bg-gray-200 text-gray-800 font-bold py-3 px-6 rounded-full transition duration-300 draggable-element">
398
+ Nosso Canal <i class="fab fa-youtube ml-2"></i>
399
  </a>
400
  </div>
401
  </div>
402
  <div class="md:w-1/2">
403
+ <div class="relative draggable-element">
404
+ <img src="https://images.unsplash.com/photo-1452421822248-d4c2b47f0c81?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80" alt="Igreja Avivando" class="rounded-lg shadow-xl w-full">
405
+ <div class="absolute -bottom-6 -right-6 bg-avivando-brightred text-white p-6 rounded-lg shadow-lg hidden md:block">
406
+ <div class="text-4xl font-bold">18+</div>
407
  <div class="text-sm">Anos servindo a comunidade</div>
408
  </div>
409
  </div>
 
412
  </div>
413
  </section>
414
 
415
+ <!-- Leaders Section with Parallax -->
416
+ <section class="py-16 bg-gray-50 parallax-section" style="background-image: url('https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/DSC09900.JPG');">
417
+ <div class="glass-effect container mx-auto px-4">
418
+ <div class="text-center mb-12">
419
+ <h2 class="text-3xl md:text-4xl font-bold text-avivando-darktext mb-4">Nossos Líderes</h2>
420
+ <p class="text-avivando-darktext max-w-2xl mx-auto">Conheça os pastores que lideram nossa igreja com amor e dedicação.</p>
421
+ </div>
422
+
423
+ <div class="leader-container">
424
+ <!-- Apóstolo Marcio Mendes -->
425
+ <div class="leader-profile draggable-element">
426
+ <img src="https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/AP-BPA.png" alt="Apóstolo Marcio Mendes" class="leader-image">
427
+ <div class="leader-info">
428
+ <h3 class="leader-name">Apóstolo Marcio Mendes</h3>
429
+ <p class="leader-title">Fundador e Líder Espiritual</p>
430
+ <p class="leader-bio">O Apóstolo Marcio Mendes tem um ministério marcado por sinais, prodígios e maravilhas. Com mais de 20 anos de ministério, ele tem dedicado sua vida ao avivamento e à pregação do Evangelho com poder. Sua paixão é ver vidas transformadas pelo poder de Deus e igrejas cheias do Espírito Santo.</p>
431
+ <div class="leader-social">
432
+ <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
433
+ <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
434
+ <a href="#" class="social-icon"><i class="fab fa-youtube"></i></a>
435
+ <a href="#" class="social-icon"><i class="fas fa-globe"></i></a>
436
+ </div>
437
+ </div>
438
+ </div>
439
+
440
+ <!-- Bispa Vaninha Mendes -->
441
+ <div class="leader-profile draggable-element">
442
+ <img src="https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/AP-BPA.png" alt="Bispa Vaninha Mendes" class="leader-image">
443
+ <div class="leader-info">
444
+ <h3 class="leader-name">Bispa Vaninha Mendes</h3>
445
+ <p class="leader-title">Co-fundadora e Líder Ministerial</p>
446
+ <p class="leader-bio">A Bispa Vaninha Mendes tem um ministério voltado para mulheres e famílias, com mensagens de cura e restauração. Com graça e sabedoria, ela tem ajudado inúmeras mulheres a encontrarem seu propósito em Deus. Seu ensino prático e bíblico tem abençoado gerações, trazendo equilíbrio entre família, ministério e vida espiritual.</p>
447
+ <div class="leader-social">
448
+ <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
449
+ <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
450
+ <a href="#" class="social-icon"><i class="fab fa-youtube"></i></a>
451
+ <a href="#" class="social-icon"><i class="fas fa-globe"></i></a>
452
+ </div>
453
+ </div>
454
+ </div>
455
+ </div>
456
+ </div>
457
+ </section>
458
+
459
  <!-- Sermons Section -->
460
+ <section id="sermons" class="py-16 bg-white relative overflow-hidden">
461
+ <div class="particles" id="particles-3"></div>
462
+ <div class="container mx-auto px-4 relative z-10">
463
  <div class="text-center mb-12">
464
+ <h2 class="text-3xl md:text-4xl font-bold text-avivando-darktext mb-4">Mensagens Inspiradoras</h2>
465
+ <p class="text-avivando-darktext max-w-2xl mx-auto">Assista nossas mensagens mais recentes e encontre encorajamento para sua jornada de fé.</p>
466
  </div>
467
 
468
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
469
+ <!-- Sermon 1 - Latest Video -->
470
+ <div class="sermon-card bg-white rounded-lg overflow-hidden shadow-lg draggable-element">
471
  <div class="relative">
472
+ <img src="https://img.youtube.com/vi/VIDEO_ID_1/maxresdefault.jpg" alt="Última Mensagem" class="w-full h-48 object-cover">
473
  <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
474
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="bg-white bg-opacity-80 hover:bg-opacity-100 rounded-full p-4 transition duration-300">
475
+ <i class="fas fa-play text-avivando-brightred text-xl"></i>
476
+ </a>
477
  </div>
478
  </div>
479
  <div class="p-6">
480
  <div class="flex justify-between items-start mb-2">
481
+ <span class="text-sm text-avivando-brightred font-medium">Pr. João Silva</span>
482
+ <span class="text-sm text-gray-500">Última Mensagem</span>
483
  </div>
484
+ <h3 class="text-xl font-bold text-avivando-darktext mb-3">O Poder da Fé em Tempos Difíceis</h3>
485
+ <p class="text-gray-600 text-sm mb-4">Nesta mensagem poderosa, aprenda como exercer sua fé mesmo nas circunstâncias mais desafiadoras.</p>
486
  <div class="flex justify-between items-center">
487
+ <span class="text-sm text-gray-500"><i class="fas fa-eye mr-1"></i> 2,543 visualizações</span>
488
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="text-avivando-brightred hover:text-avivando-red text-sm font-medium">Assistir Agora <i class="fas fa-arrow-right ml-1"></i></a>
489
  </div>
490
  </div>
491
  </div>
492
 
493
+ <!-- Sermon 2 - Live Stream -->
494
+ <div class="sermon-card bg-white rounded-lg overflow-hidden shadow-lg draggable-element">
495
  <div class="relative">
496
+ <img src="https://img.youtube.com/vi/VIDEO_ID_2/maxresdefault.jpg" alt="Culto Ao Vivo" class="w-full h-48 object-cover">
497
  <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
498
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="bg-white bg-opacity-80 hover:bg-opacity-100 rounded-full p-4 transition duration-300">
499
+ <i class="fas fa-play text-avivando-brightred text-xl"></i>
500
+ </a>
501
+ </div>
502
+ <div class="absolute top-2 left-2 bg-red-600 text-white text-xs font-bold py-1 px-2 rounded">
503
+ AO VIVO AGORA
504
  </div>
505
  </div>
506
  <div class="p-6">
507
  <div class="flex justify-between items-start mb-2">
508
+ <span class="text-sm text-avivando-brightred font-medium">Pr. Maria Oliveira</span>
509
+ <span class="text-sm text-gray-500">Transmissão Ao Vivo</span>
510
  </div>
511
+ <h3 class="text-xl font-bold text-avivando-darktext mb-3">Culto de Avivamento</h3>
512
+ <p class="text-gray-600 text-sm mb-4">Participe conosco deste momento especial de adoração e palavra poderosa.</p>
513
  <div class="flex justify-between items-center">
514
+ <span class="text-sm text-gray-500"><i class="fas fa-users mr-1"></i> 245 assistindo</span>
515
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="text-avivando-brightred hover:text-avivando-red text-sm font-medium">Assistir Agora <i class="fas fa-arrow-right ml-1"></i></a>
516
  </div>
517
  </div>
518
  </div>
519
 
520
+ <!-- Sermon 3 - Popular Video -->
521
+ <div class="sermon-card bg-white rounded-lg overflow-hidden shadow-lg draggable-element">
522
  <div class="relative">
523
+ <img src="https://img.youtube.com/vi/VIDEO_ID_3/maxresdefault.jpg" alt="Mensagem em Destaque" class="w-full h-48 object-cover">
524
  <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
525
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="bg-white bg-opacity-80 hover:bg-opacity-100 rounded-full p-4 transition duration-300">
526
+ <i class="fas fa-play text-avivando-brightred text-xl"></i>
527
+ </a>
528
+ </div>
529
+ <div class="absolute top-2 left-2 bg-yellow-500 text-white text-xs font-bold py-1 px-2 rounded">
530
+ MAIS VISTO
531
  </div>
532
  </div>
533
  <div class="p-6">
534
  <div class="flex justify-between items-start mb-2">
535
+ <span class="text-sm text-avivando-brightred font-medium">Pr. Carlos Mendes</span>
536
+ <span class="text-sm text-gray-500">Mensagem em Destaque</span>
537
  </div>
538
+ <h3 class="text-xl font-bold text-avivando-darktext mb-3">Libertos Para Adorar</h3>
539
+ <p class="text-gray-600 text-sm mb-4">Descubra como a verdadeira adoração pode libertá-lo de qualquer jugo e opressão.</p>
540
  <div class="flex justify-between items-center">
541
+ <span class="text-sm text-gray-500"><i class="fas fa-eye mr-1"></i> 15,789 visualizações</span>
542
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="text-avivando-brightred hover:text-avivando-red text-sm font-medium">Assistir Agora <i class="fas fa-arrow-right ml-1"></i></a>
543
  </div>
544
  </div>
545
  </div>
546
  </div>
547
 
548
  <div class="text-center mt-12">
549
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="inline-block bg-avivando-brightred hover:bg-avivando-red text-white font-bold py-3 px-8 rounded-full transition duration-300 draggable-element">
550
  Ver Todas as Mensagens <i class="fas fa-arrow-right ml-2"></i>
551
  </a>
552
  </div>
 
554
  </section>
555
 
556
  <!-- Events Section -->
557
+ <section id="events" class="py-16 bg-gray-50 parallax-section" style="background-image: url('https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/DSC09900.JPG');">
558
+ <div class="glass-effect container mx-auto px-4">
559
  <div class="text-center mb-12">
560
+ <h2 class="text-3xl md:text-4xl font-bold text-avivando-darktext mb-4">Nossas Redes Sociais</h2>
561
+ <p class="text-avivando-darktext max-w-2xl mx-auto">Acompanhe nossas últimas postagens e fique por dentro de tudo que acontece na Igreja Avivando.</p>
562
  </div>
563
 
564
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
565
+ <!-- Instagram Post 1 -->
566
+ <div class="event-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 draggable-element">
567
+ <img src="https://images.unsplash.com/photo-1529107386315-e1a2ed316ab9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Post do Instagram" class="instagram-image">
568
+ <div class="instagram-post text-white p-4">
569
+ <div class="flex items-center mb-4">
570
+ <i class="fab fa-instagram text-2xl mr-2"></i>
571
+ <span class="font-bold">@avivandooficial</span>
572
  </div>
573
+ <p class="mb-4">Não perca nosso culto especial de aniversário de 18 anos! Deus tem preparado algo extraordinário para esse dia.</p>
574
+ <div class="flex justify-between items-center text-sm">
575
+ <span><i class="far fa-heart mr-1"></i> 245 curtidas</span>
576
+ <span><i class="far fa-comment mr-1"></i> 32 comentários</span>
 
 
 
577
  </div>
 
 
 
 
 
578
  </div>
579
+ <div class="p-4 bg-white">
580
+ <a href="https://www.instagram.com/avivandooficial/" class="inline-flex items-center text-avivando-brightred hover:text-avivando-red font-medium">
581
+ Ver no Instagram <i class="fas fa-arrow-right ml-2"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
582
  </a>
583
  </div>
584
  </div>
585
 
586
+ <!-- Instagram Post 2 -->
587
+ <div class="event-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 draggable-element">
588
+ <img src="https://images.unsplash.com/photo-1501281668745-f7f57925c3b4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Post do Instagram" class="instagram-image">
589
+ <div class="instagram-post text-white p-4">
590
+ <div class="flex items-center mb-4">
591
+ <i class="fab fa-instagram text-2xl mr-2"></i>
592
+ <span class="font-bold">@avivandooficial</span>
593
  </div>
594
+ <p class="mb-4">Fotos do último culto de jovens - foi tremendo! O Espírito Santo se moveu poderosamente entre os jovens.</p>
595
+ <div class="flex justify-between items-center text-sm">
596
+ <span><i class="far fa-heart mr-1"></i> 189 curtidas</span>
597
+ <span><i class="far fa-comment mr-1"></i> 24 comentários</span>
 
 
 
598
  </div>
 
 
 
 
 
599
  </div>
600
+ <div class="p-4 bg-white">
601
+ <a href="https://www.instagram.com/avivandooficial/" class="inline-flex items-center text-avivando-brightred hover:text-avivando-red font-medium">
602
+ Ver no Instagram <i class="fas fa-arrow-right ml-2"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
603
  </a>
604
  </div>
605
  </div>
606
 
607
+ <!-- Instagram Post 3 -->
608
+ <div class="event-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 draggable-element">
609
+ <img src="https://images.unsplash.com/photo-1524179091875-b4949861b4cc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Post do Instagram" class="instagram-image">
610
+ <div class="instagram-post text-white p-4">
611
+ <div class="flex items-center mb-4">
612
+ <i class="fab fa-instagram text-2xl mr-2"></i>
613
+ <span class="font-bold">@avivandooficial</span>
614
  </div>
615
+ <p class="mb-4">Inscrições abertas para o próximo batismo! Um momento especial de pública declaração de fé.</p>
616
+ <div class="flex justify-between items-center text-sm">
617
+ <span><i class="far fa-heart mr-1"></i> 312 curtidas</span>
618
+ <span><i class="far fa-comment mr-1"></i> 45 comentários</span>
 
 
 
 
 
 
 
 
 
619
  </div>
 
 
 
 
 
620
  </div>
621
+ <div class="p-4 bg-white">
622
+ <a href="https://www.instagram.com/avivandooficial/" class="inline-flex items-center text-avivando-brightred hover:text-avivando-red font-medium">
623
+ Ver no Instagram <i class="fas fa-arrow-right ml-2"></i>
 
 
 
 
 
 
 
 
 
624
  </a>
625
  </div>
626
  </div>
627
  </div>
 
 
 
 
 
 
 
 
 
 
628
 
629
+ <div class="text-center mt-12">
630
+ <a href="https://www.instagram.com/avivandooficial/" class="inline-block bg-white hover:bg-gray-100 text-avivando-brightred border-2 border-avivando-brightred font-bold py-3 px-8 rounded-full transition duration-300 draggable-element">
631
+ Siga-nos no Instagram <i class="fab fa-instagram ml-2"></i>
632
+ </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
633
  </div>
634
  </div>
635
  </section>
636
 
637
  <!-- Newsletter Section -->
638
+ <section class="py-16 bg-white relative overflow-hidden">
639
+ <div class="particles" id="particles-4"></div>
640
+ <div class="container mx-auto px-4 relative z-10">
641
+ <div class="bg-avivando-brightred rounded-xl p-8 md:p-12 text-white draggable-element">
642
  <div class="flex flex-col md:flex-row items-center">
643
  <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
644
  <h2 class="text-2xl md:text-3xl font-bold mb-4">Receba Nossas Novidades</h2>
 
647
  <div class="md:w-1/2 w-full">
648
  <form class="flex flex-col sm:flex-row gap-4">
649
  <input type="email" placeholder="Seu melhor e-mail" class="flex-grow px-4 py-3 rounded-lg focus:outline-none text-gray-800">
650
+ <button type="submit" class="bg-white text-avivando-brightred hover:bg-gray-100 font-bold py-3 px-6 rounded-lg transition duration-300 whitespace-nowrap">
651
  Inscrever-se
652
  </button>
653
  </form>
654
+ <p class="text-avivando-lighttext text-xs mt-2">Nós respeitamos sua privacidade. Nunca enviamos spam.</p>
655
  </div>
656
  </div>
657
  </div>
 
659
  </section>
660
 
661
  <!-- Contact Section -->
662
+ <section id="contact" class="py-16 bg-gray-50 parallax-section" style="background-image: url('https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/DSC09900.JPG');">
663
+ <div class="glass-effect container mx-auto px-4">
664
  <div class="flex flex-col md:flex-row">
665
  <div class="md:w-1/2 mb-8 md:mb-0 md:pr-12">
666
+ <h2 class="text-3xl font-bold text-avivando-darktext mb-6">Entre em Contato</h2>
667
+ <p class="text-avivando-darktext mb-8">Estamos aqui para responder suas perguntas, ouvir suas necessidades e ajudá-lo em sua jornada espiritual.</p>
668
 
669
  <div class="space-y-6">
670
  <div class="flex items-start">
671
+ <div class="bg-avivando-red text-white rounded-full p-3 mr-4">
672
  <i class="fas fa-map-marker-alt"></i>
673
  </div>
674
  <div>
675
+ <h4 class="font-bold text-avivando-darktext mb-1">Endereço</h4>
676
+ <p class="text-avivando-darktext">Avenida Marechal Deodoro, quadra 27 lote 05<br>Setor Tradicional - Planaltina/DF<br>CEP: 73330-023</p>
677
  </div>
678
  </div>
679
 
680
  <div class="flex items-start">
681
+ <div class="bg-avivando-red text-white rounded-full p-3 mr-4">
682
  <i class="fas fa-phone-alt"></i>
683
  </div>
684
  <div>
685
+ <h4 class="font-bold text-avivando-darktext mb-1">Telefone</h4>
686
+ <p class="text-avivando-darktext">(61) 3308-3546<br>Segunda a Sexta, 8h às 12h e 13h às 17h</p>
687
  </div>
688
  </div>
689
 
690
  <div class="flex items-start">
691
+ <div class="bg-avivando-red text-white rounded-full p-3 mr-4">
692
  <i class="fas fa-envelope"></i>
693
  </div>
694
  <div>
695
+ <h4 class="font-bold text-avivando-darktext mb-1">E-mail</h4>
696
+ <p class="text-avivando-darktext">igreja.avivando@gmail.com</p>
697
+ </div>
698
+ </div>
699
+
700
+ <div class="flex items-start">
701
+ <div class="bg-avivando-red text-white rounded-full p-3 mr-4">
702
+ <i class="fas fa-calendar-alt"></i>
703
+ </div>
704
+ <div>
705
+ <h4 class="font-bold text-avivando-darktext mb-1">Horários de Culto</h4>
706
+ <ul class="text-avivando-darktext space-y-1">
707
+ <li>Segunda: Culto de Oração - 20h</li>
708
+ <li>Terça: Culto de Ensino - 20h</li>
709
+ <li>Quinta: Culto de Ensino - 20h</li>
710
+ <li>Sábado: Consagração - 8h | Jovens - 20h</li>
711
+ <li>Domingo: Academia Bíblica - 9h | Celebração - 19h</li>
712
+ </ul>
713
  </div>
714
  </div>
715
  </div>
716
  </div>
717
 
718
  <div class="md:w-1/2">
719
+ <div class="bg-white p-8 rounded-lg shadow-lg draggable-element">
720
+ <h3 class="text-xl font-bold text-avivando-darktext mb-6">Envie uma Mensagem</h3>
721
  <form>
722
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
723
  <div>
724
+ <label for="name" class="block text-avivando-darktext text-sm font-medium mb-1">Nome*</label>
725
+ <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-avivando-brightred">
726
  </div>
727
  <div>
728
+ <label for="email" class="block text-avivando-darktext text-sm font-medium mb-1">E-mail*</label>
729
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-avivando-brightred">
730
  </div>
731
  </div>
732
  <div class="mb-4">
733
+ <label for="subject" class="block text-avivando-darktext text-sm font-medium mb-1">Assunto*</label>
734
+ <input type="text" id="subject" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-avivando-brightred">
735
  </div>
736
  <div class="mb-6">
737
+ <label for="message" class="block text-avivando-darktext text-sm font-medium mb-1">Mensagem*</label>
738
+ <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-avivando-brightred"></textarea>
739
  </div>
740
+ <button type="submit" class="w-full bg-avivando-brightred hover:bg-avivando-red text-white font-bold py-3 px-4 rounded-lg transition duration-300">
741
  Enviar Mensagem
742
  </button>
743
  </form>
 
748
  </section>
749
 
750
  <!-- Map Section -->
751
+ <div class="h-96 w-full relative">
752
+ <div class="particles" id="particles-5"></div>
753
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3836.123456789012!2d-47.613722!3d-15.613722!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTXCsDM2JzQ5LjQiUyA0N8KwMzYnNDkuNCJX!5e0!3m2!1spt-BR!2sbr!4v1234567890123!5m2!1spt-BR!2sbr" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
754
  </div>
755
 
756
  <!-- Footer -->
757
+ <footer class="bg-avivando-dark text-avivando-lighttext pt-16 pb-8">
758
  <div class="container mx-auto px-4">
759
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
760
  <!-- About -->
761
  <div>
762
+ <h3 class="text-xl font-bold mb-4">
763
+ <img src="https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/LOGO%20AVIVANDO%20HORIZONTAL%20BRANCA.png" alt="Igreja Avivando" class="h-12">
 
764
  </h3>
765
  <p class="text-gray-400 mb-4">Uma comunidade cristã comprometida em compartilhar o amor de Deus e transformar vidas através da mensagem do Evangelho.</p>
766
  <div class="flex space-x-4">
767
+ <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a>
768
+ <a href="https://www.instagram.com/avivandooficial/" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
769
+ <a href="https://wa.me/5561996732422" class="text-gray-400 hover:text-white"><i class="fab fa-whatsapp"></i></a>
 
770
  </div>
771
  </div>
772
 
 
775
  <h3 class="text-lg font-bold mb-4">Links Rápidos</h3>
776
  <ul class="space-y-2">
777
  <li><a href="#" class="text-gray-400 hover:text-white">Início</a></li>
778
+ <li><a href="#events" class="text-gray-400 hover:text-white">Eventos</a></li>
779
+ <li><a href="#sermons" class="text-gray-400 hover:text-white">Mensagens</a></li>
780
+ <li><a href="#contact" class="text-gray-400 hover:text-white">Contato</a></li>
781
+ <li><a href="https://www.instagram.com/avivandooficial/" class="text-gray-400 hover:text-white">Mídias</a></li>
782
+ <li><a href="ofertas.html" class="text-gray-400 hover:text-white">Ofertas</a></li>
783
  </ul>
784
  </div>
785
 
 
788
  <h3 class="text-lg font-bold mb-4">Horários de Culto</h3>
789
  <ul class="space-y-3 text-gray-400">
790
  <li class="flex justify-between">
791
+ <span>Segunda</span>
792
+ <span>20h (Oração)</span>
793
  </li>
794
  <li class="flex justify-between">
795
+ <span>Terça</span>
796
+ <span>20h (Ensino)</span>
797
  </li>
798
  <li class="flex justify-between">
799
+ <span>Quinta</span>
800
+ <span>20h (Ensino)</span>
801
  </li>
802
  <li class="flex justify-between">
803
  <span>Sábado</span>
804
+ <span>8h (Consagração)<br>20h (Jovens)</span>
805
+ </li>
806
+ <li class="flex justify-between">
807
+ <span>Domingo</span>
808
+ <span>9h (Academia Bíblica)<br>19h (Celebração)</span>
809
  </li>
810
  </ul>
811
  </div>
 
816
  <p class="text-gray-400 mb-4">Assine para receber nossas novidades e devocionais.</p>
817
  <form class="flex">
818
  <input type="email" placeholder="Seu e-mail" class="px-4 py-2 rounded-l-lg focus:outline-none text-gray-800 w-full">
819
+ <button type="submit" class="bg-avivando-brightred hover:bg-avivando-red text-white px-4 rounded-r-lg">
820
  <i class="fas fa-paper-plane"></i>
821
  </button>
822
  </form>
 
825
 
826
  <div class="border-t border-gray-800 pt-8">
827
  <div class="flex flex-col md:flex-row justify-between items-center">
828
+ <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 Igreja Avivando. Todos os direitos reservados.</p>
829
  <div class="flex space-x-6">
830
  <a href="#" class="text-gray-500 hover:text-white text-sm">Política de Privacidade</a>
831
  <a href="#" class="text-gray-500 hover:text-white text-sm">Termos de Uso</a>
 
852
  }
853
  });
854
 
855
+ // Countdown Timer to next service
856
  function updateCountdown() {
857
  const now = new Date();
858
+ const day = now.getDay(); // Sunday = 0, Monday = 1, etc.
859
+ const hour = now.getHours();
860
 
861
+ // Define all service times
862
+ const services = [
863
+ { day: 1, hour: 20, title: "Culto de Oração", time: "Segunda-feira às 20h" }, // Monday
864
+ { day: 2, hour: 20, title: "Culto de Ensino", time: "Terça-feira às 20h" }, // Tuesday
865
+ { day: 4, hour: 20, title: "Culto de Ensino", time: "Quinta-feira às 20h" }, // Thursday
866
+ { day: 6, hour: 8, title: "Consagração", time: "Sábado às 8h" }, // Saturday morning
867
+ { day: 6, hour: 20, title: "Culto de Jovens", time: "Sábado às 20h" }, // Saturday evening
868
+ { day: 0, hour: 9, title: "Academia Bíblica", time: "Domingo às 9h" }, // Sunday morning
869
+ { day: 0, hour: 19, title: "Culto de Celebração", time: "Domingo às 19h" } // Sunday evening
870
+ ];
871
 
872
+ // Find the next service
873
+ let nextService = null;
874
+ let minDiff = Infinity;
875
+
876
+ for (const service of services) {
877
+ // Create a date for the service
878
+ const serviceDate = new Date(now);
879
+ let daysUntilService = (service.day - day + 7) % 7;
880
+
881
+ // If it's the same day but the hour hasn't passed yet
882
+ if (daysUntilService === 0 && hour < service.hour) {
883
+ daysUntilService = 0;
884
+ } else if (daysUntilService === 0) {
885
+ // If it's the same day but the hour has passed, look for next week
886
+ daysUntilService = 7;
887
+ }
888
+
889
+ serviceDate.setDate(now.getDate() + daysUntilService);
890
+ serviceDate.setHours(service.hour, 0, 0, 0);
891
+
892
+ const diff = serviceDate - now;
893
+
894
+ if (diff > 0 && diff < minDiff) {
895
+ minDiff = diff;
896
+ nextService = service;
897
+ nextService.date = serviceDate;
898
+ }
899
+ }
900
+
901
+ // Update the countdown display
902
+ if (nextService) {
903
+ document.getElementById('next-service-title').textContent = `Próximo ${nextService.title}`;
904
+ document.getElementById('next-service-time').textContent = nextService.time;
905
+
906
+ const diff = nextService.date - now;
907
+
908
+ const days = Math.floor(diff / (1000 * 60 * 60 * 24));
909
+ const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
910
+ const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
911
+ const seconds = Math.floor((diff % (1000 * 60)) / 1000);
912
+
913
+ document.getElementById('days').textContent = days.toString().padStart(2, '0');
914
+ document.getElementById('hours').textContent = hours.toString().padStart(2, '0');
915
+ document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');
916
+ document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');
917
+ }
918
  }
919
 
920
  setInterval(updateCountdown, 1000);
921
  updateCountdown();
922
+
923
+ // GSAP Animations
924
+ gsap.registerPlugin(ScrollTrigger, Draggable);
925
+
926
+ // Initialize Draggable elements
927
+ const draggables = document.querySelectorAll('.draggable-element');
928
+ draggables.forEach(el => {
929
+ Draggable.create(el, {
930
+ bounds: 'body',
931
+ inertia: true,
932
+ onDragEnd: function() {
933
+ gsap.to(this.target, {
934
+ x: 0,
935
+ y: 0,
936
+ duration: 0.5,
937
+ ease: "elastic.out(1, 0.5)"
938
+ });
939
+ }
940
+ });
941
+ });
942
+
943
+ // Parallax effects
944
+ gsap.utils.toArray('.parallax-section').forEach(section => {
945
+ const bg = section.querySelector('.particles');
946
+
947
+ gsap.to(bg, {
948
+ yPercent: 20,
949
+ ease: "none",
950
+ scrollTrigger: {
951
+ trigger: section,
952
+ scrub: true
953
+ }
954
+ });
955
+ });
956
+
957
+ // Scroll animations
958
+ gsap.utils.toArray('.leader-profile, .sermon-card, .event-card').forEach(card => {
959
+ gsap.from(card, {
960
+ scrollTrigger: {
961
+ trigger: card,
962
+ start: "top 80%",
963
+ toggleActions: "play none none none"
964
+ },
965
+ y: 50,
966
+ opacity: 0,
967
+ duration: 0.8,
968
+ ease: "power2.out"
969
+ });
970
+ });
971
+
972
+ // Floating particles effect
973
+ function createParticles(containerId, count = 30) {
974
+ const container = document.getElementById(containerId);
975
+ if (!container) return;
976
+
977
+ for (let i = 0; i < count; i++) {
978
+ const particle = document.createElement('div');
979
+ particle.classList.add('particle');
980
+
981
+ // Random size between 2px and 6px
982
+ const size = Math.random() * 4 + 2;
983
+ particle.style.width = `${size}px`;
984
+ particle.style.height = `${size}px`;
985
+
986
+ // Random position
987
+ particle.style.left = `${Math.random() * 100}%`;
988
+ particle.style.top = `${Math.random() * 100}%`;
989
+
990
+ // Random opacity
991
+ particle.style.opacity = Math.random() * 0.5 + 0.1;
992
+
993
+ container.appendChild(particle);
994
+
995
+ // Animation
996
+ const duration = Math.random() * 20 + 10;
997
+ const xMovement = (Math.random() - 0.5) * 100;
998
+ const yMovement = (Math.random() - 0.5) * 100;
999
+
1000
+ gsap.to(particle, {
1001
+ x: `+=${xMovement}`,
1002
+ y: `+=${yMovement}`,
1003
+ duration: duration,
1004
+ repeat: -1,
1005
+ yoyo: true,
1006
+ ease: "sine.inOut"
1007
+ });
1008
+ }
1009
+ }
1010
+
1011
+ // Create particles for each section
1012
+ createParticles('particles-1');
1013
+ createParticles('particles-2');
1014
+ createParticles('particles-3');
1015
+ createParticles('particles-4');
1016
+ createParticles('particles-5');
1017
+
1018
+ // Hero section animations
1019
+ gsap.from('#hero-title', {
1020
+ y: 50,
1021
+ opacity: 0,
1022
+ duration: 1,
1023
+ delay: 0.3,
1024
+ ease: "power3.out"
1025
+ });
1026
+
1027
+ gsap.from('#hero-subtitle', {
1028
+ y: 50,
1029
+ opacity: 0,
1030
+ duration: 1,
1031
+ delay: 0.6,
1032
+ ease: "power3.out"
1033
+ });
1034
+
1035
+ gsap.from('.hero a', {
1036
+ y: 50,
1037
+ opacity: 0,
1038
+ duration: 1,
1039
+ delay: 0.9,
1040
+ stagger: 0.2,
1041
+ ease: "power3.out"
1042
+ });
1043
  </script>
1044
  <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=Lioszada/teste-avivando" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1045
  </html>
prompts.txt CHANGED
@@ -1 +1,7 @@
1
- Gostaria de gerar um novo site da minha igreja parecido com esse: https://avivando.com/
 
 
 
 
 
 
 
1
+ Gostaria de gerar um novo site da minha igreja parecido com esse: https://avivando.com/
2
+ faça todo o site em um só, sem direcionar para outros links. No começo, troque toda a logo por https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/LOGO%20AVIVANDO%20HORIZONTAL.png. Ontem tem telefone, coloque (61) 3308-3546, o e-mail da igreja é [email protected]. Na página inicial, troque o slogan por: A unção de Deus está aqui e abaixo coloque Venha viver dias sobrenaturais conosco. Na parte da palavra tem que linkar com o Youtube da igreja: https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es. Na parte de eventos tem que linkar com o instagram da igreja: https://www.instagram.com/avivandooficial/. Tira a parte dos ministérios e do "O que dizem sobre nós". Estamos localizados no endereço: Avenida Marechal Deodoro, quadra 27 lote 05 setor tradicional - planaltina/df. Funciona de segunda a sexta, de 08h-12, 13h-17h, temos cultos nas terças e quintas às 20h, tem culto de oração na segunda às 20h, consagração no sábado às 08h, culto de jovens sábados às 20h, academia bíblica todo domingo às 09h e culto de celebração aos domingos às 19h. nossa localização é https://g.co/kgs/D5s6uBK
3
+ essas são as paletas de cores da logo da igreja: #403E3B #59190B #A63126 #F20505 #0D0D0D. A logo no início você pode aumentar ela, está muito pequena, preciso dela grande e bem visível. Oberve o timer para o próximo culto de acordo com os horários de cultos que tem na barra de informações. a igreja tem 18 anos servindo a comunidade. na parte de "Mensagens inspiradoras", atrele o link que mandei do Youtube com as últimas mensagens que foram postadas ou do ao vivo. em "Próximos eventos" troque por uma parte em que você coloca a rede social da igreja, com os últimos posts visívels do instagram. Coloque também um botão de whatsapp, para a pessoa entrar em contato, o número é 61996732422. Ajuste no mapa o endereço está marcado errado, ajuste pelo link que havia enviado e também pelo endereço nas informações.
4
+ ajuste o mapa, ainda está errado, o CEP é 73330-023 e o lote é o 27. na parte do instagram, mostre a imagem da publicação. a logo do começo pode alterar e deixar ela grande usando a https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/LOGO%20AVIVANDO%20HORIZONTAL.png e na última parte onde também tem a logo, troque ela por essa https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/LOGO%20AVIVANDO%20HORIZONTAL%20BRANCA.png.
5
+ a logo https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/LOGO%20AVIVANDO%20HORIZONTAL.png pode diminuir um pouco. Na aba de início, eventos, mensagens e contato, coloque também aba de Ofertas e Mídias, onde mídias pode colocar o instagram da igreja e ofertas é um link para uma página diferente onde vai ter as informações de oferta. Abaixo de "Bem-vindo à Igreja Avivando" faça uma parte onde possa ser falado sobre o Apóstolo Marcio Mendes e a Bispa Vaninha mendes, fotos deles aqui: https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/AP-BPA.png.
6
+ poderia alterar o corpo só pra mim ver como ficaria um site no estilo paralax, drag efect em elementos?
7
+ A imagem de fundo pode ser essa: https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/DSC09900.JPG . A imagem dos nossos líderes pode ser em vertical e ao lado a bio e rede social deles, ajusta as cores onde tem fundo e letra escura.