Add 2 files

index.html

@@ -46,12 +46,33 @@
             overflow: hidden;
         }
         
+        /* Ajuste especial para a seção hero com a imagem específica */
         .hero {
-            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');
+            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/IMG_1078.jpg');
             background-attachment: fixed;
             background-position: center;
             background-repeat: no-repeat;
             background-size: cover;
+            position: relative;
+        }
+        
+        .hero-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: url('https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/IMG_1078.jpg');
+            background-size: cover;
+            background-position: center;
+            opacity: 0.3;
+            filter: blur(8px) brightness(0.7);
+            z-index: 0;
+        }
+        
+        .hero-content {
+            position: relative;
+            z-index: 1;
         }
         
         .sermon-card {
@@ -154,7 +175,7 @@
         
         /* Efeito de vidro */
         .glass-effect {
-            background: rgba(255, 255, 255, 0.1);
+            background: rgba(0, 0, 0, 0.7);
             backdrop-filter: blur(10px);
             -webkit-backdrop-filter: blur(10px);
             border-radius: 10px;
@@ -202,10 +223,11 @@
             flex-direction: column;
             align-items: center;
             gap: 1.5rem;
-            background: rgba(255, 255, 255, 0.9);
+            background: rgba(0, 0, 0, 0.7);
             border-radius: 1rem;
             padding: 2rem;
             box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+            color: white;
         }
 
         @media (min-width: 768px) {
@@ -216,11 +238,12 @@
         }
 
         .leader-image {
-            width: 200px;
-            height: 250px;
+            width: 350px;
+            height: 400px;
             object-fit: cover;
             border-radius: 0.5rem;
             box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+            margin: 0 auto;
         }
 
         .leader-info {
@@ -228,20 +251,20 @@
         }
 
         .leader-name {
-            color: #A63126;
+            color: white;
             font-weight: 700;
             font-size: 1.5rem;
             margin-bottom: 0.5rem;
         }
 
         .leader-title {
-            color: #59190B;
+            color: #F8F8F8;
             font-weight: 600;
             margin-bottom: 1rem;
         }
 
         .leader-bio {
-            color: #333;
+            color: #F8F8F8;
             margin-bottom: 1.5rem;
             line-height: 1.6;
         }
@@ -252,7 +275,7 @@
         }
 
         .social-icon {
-            color: #A63126;
+            color: white;
             font-size: 1.2rem;
             transition: all 0.3s ease;
         }
@@ -261,6 +284,99 @@
             color: #F20505;
             transform: translateY(-2px);
         }
+
+        /* Contact info styles */
+        .contact-info {
+            color: white !important;
+        }
+
+        .contact-icon {
+            background: #F20505;
+            color: white;
+        }
+
+        /* Sermons list style */
+        .sermon-list {
+            display: flex;
+            flex-direction: column;
+            gap: 1rem;
+        }
+
+        .sermon-item {
+            background: rgba(255, 255, 255, 0.9);
+            border-radius: 0.5rem;
+            padding: 1rem;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+            transition: all 0.3s ease;
+        }
+
+        .sermon-item:hover {
+            background: white;
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+        }
+
+        .sermon-item-header {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 0.5rem;
+        }
+
+        .sermon-item-title {
+            font-weight: 600;
+            color: #333;
+        }
+
+        .sermon-item-date {
+            color: #666;
+            font-size: 0.875rem;
+        }
+
+        .sermon-item-description {
+            color: #555;
+            font-size: 0.875rem;
+            margin-bottom: 0.5rem;
+        }
+
+        .sermon-item-footer {
+            display: flex;
+            justify-content: space-between;
+            font-size: 0.875rem;
+        }
+
+        .sermon-item-views {
+            color: #666;
+        }
+
+        .sermon-item-link {
+            color: #F20505;
+            font-weight: 500;
+        }
+
+        /* Darker glass effect for contact */
+        .contact-glass {
+            background: rgba(0, 0, 0, 0.8);
+            backdrop-filter: blur(10px);
+            -webkit-backdrop-filter: blur(10px);
+            border-radius: 10px;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+
+        /* Social media section */
+        .social-media-title {
+            color: white;
+            font-size: 2.5rem;
+            font-weight: bold;
+            margin-bottom: 1rem;
+        }
+
+        .social-media-subtitle {
+            color: white;
+            font-size: 1.2rem;
+            margin-bottom: 2rem;
+            max-width: 800px;
+            margin-left: auto;
+            margin-right: auto;
+        }
     </style>
 </head>
 <body class="bg-avivando-light">
@@ -321,9 +437,10 @@
     </nav>
 
     <!-- Hero Section with Parallax -->
-    <section class="hero text-white pt-32 pb-20 md:pt-40 md:pb-28 parallax-section">
+    <section class="hero text-white pt-32 pb-20 md:pt-40 md:pb-28">
+        <div class="hero-overlay"></div>
         <div class="particles" id="particles-1"></div>
-        <div class="parallax-content container mx-auto px-4 text-center relative z-10">
+        <div class="parallax-content container mx-auto px-4 text-center relative z-10 hero-content">
             <h1 class="text-4xl md:text-6xl font-bold mb-6 draggable-element" id="hero-title">A unção de Deus está aqui</h1>
             <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>
             <div class="flex flex-col sm:flex-row justify-center gap-4">
@@ -349,7 +466,7 @@
     </section>
 
     <!-- Countdown Section -->
-    <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');">
+    <section class="bg-avivando-darkred text-white py-8 parallax-section" style="background-image: url('https://images.unsplash.com/photo-1452421822248-d4c2b47f0c81?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80');">
         <div class="glass-effect container mx-auto px-4">
             <div class="flex flex-col md:flex-row justify-between items-center">
                 <div class="mb-4 md:mb-0">
@@ -391,7 +508,7 @@
                     <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>
                     <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>
                     <div class="flex flex-col sm:flex-row gap-4">
-                        <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">
+                        <a href="#contact" class="bg-avivando-bbrightred hover:bg-avivando-red text-white font-bold py-3 px-6 rounded-full transition duration-300 draggable-element">
                             Visite-nos <i class="fas fa-map-marker-alt ml-2"></i>
                         </a>
                         <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">
@@ -406,6 +523,7 @@
                             <div class="text-4xl font-bold">18+</div>
                             <div class="text-sm">Anos servindo a comunidade</div>
                         </div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -413,37 +531,21 @@
     </section>
 
     <!-- Leaders Section with Parallax -->
-    <section class="py-16 bg-gray-50 parallax-section" style="background-image: url('https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/DSC09900.JPG');">
+    <section class="py-16 parallax-section" style="background-image: url('https://images.unsplash.com/photo-1452421822248-d4c2b47f0c81?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80');">
         <div class="glass-effect container mx-auto px-4">
             <div class="text-center mb-12">
-                <h2 class="text-3xl md:text-4xl font-bold text-avivando-darktext mb-4">Nossos Líderes</h2>
-                <p class="text-avivando-darktext max-w-2xl mx-auto">Conheça os pastores que lideram nossa igreja com amor e dedicação.</p>
+                <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Nossos Líderes</h2>
+                <p class="text-white max-w-2xl mx-auto">Conheça os pastores que lideram nossa igreja com amor e dedicação.</p>
             </div>
             
             <div class="leader-container">
-                <!-- Apóstolo Marcio Mendes -->
+                <!-- Líderes -->
                 <div class="leader-profile draggable-element">
-                    <img src="https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/AP-BPA.png" alt="Apóstolo Marcio Mendes" class="leader-image">
+                    <img src="https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/AP-BPA.png" alt="Apóstolo Marcio e Bispa Vaninha Mendes" class="leader-image">
                     <div class="leader-info">
-                        <h3 class="leader-name">Apóstolo Marcio Mendes</h3>
-                        <p class="leader-title">Fundador e Líder Espiritual</p>
-                        <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>
-                        <div class="leader-social">
-                            <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
-                            <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
-                            <a href="#" class="social-icon"><i class="fab fa-youtube"></i></a>
-                            <a href="#" class="social-icon"><i class="fas fa-globe"></i></a>
-                        </div>
-                    </div>
-                </div>
-                
-                <!-- Bispa Vaninha Mendes -->
-                <div class="leader-profile draggable-element">
-                    <img src="https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/AP-BPA.png" alt="Bispa Vaninha Mendes" class="leader-image">
-                    <div class="leader-info">
-                        <h3 class="leader-name">Bispa Vaninha Mendes</h3>
-                        <p class="leader-title">Co-fundadora e Líder Ministerial</p>
-                        <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>
+                        <h3 class="leader-name">Apóstolo Marcio e Bispa Vaninha Mendes</h3>
+                        <p class="leader-title">Fundadores e Líderes Espirituais</p>
+                        <p class="leader-bio">O Apóstolo Marcio Mendes e a Bispa Vaninha Mendes têm um ministério marcado por sinais, prodígios e maravilhas. Com mais de 20 anos de ministério, eles têm dedicado suas vidas 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. A Bispa Vaninha tem um ministério voltado para mulheres e famílias, com mensagens de cura e restauração, enquanto o Apóstolo Marcio tem um chamado para o avivamento das nações.</p>
                         <div class="leader-social">
                             <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
                             <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
@@ -462,91 +564,78 @@
         <div class="container mx-auto px-4 relative z-10">
             <div class="text-center mb-12">
                 <h2 class="text-3xl md:text-4xl font-bold text-avivando-darktext mb-4">Mensagens Inspiradoras</h2>
-                <p class="text-avivando-darktext max-w-2xl mx-auto">Assista nossas mensagens mais recentes e encontre encorajamento para sua jornada de fé.</p>
+                <p class="text-avivando-darktext max-w-2xl mx-auto">Confira nossas últimas mensagens no YouTube:</p>
             </div>
             
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-                <!-- Sermon 1 - Latest Video -->
-                <div class="sermon-card bg-white rounded-lg overflow-hidden shadow-lg draggable-element">
-                    <div class="relative">
-                        <img src="https://img.youtube.com/vi/VIDEO_ID_1/maxresdefault.jpg" alt="Última Mensagem" class="w-full h-48 object-cover">
-                        <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
-                            <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">
-                                <i class="fas fa-play text-avivando-brightred text-xl"></i>
-                            </a>
-                        </div>
+            <div class="sermon-list max-w-4xl mx-auto">
+                <!-- Sermon 1 -->
+                <div class="sermon-item draggable-element">
+                    <div class="sermon-item-header">
+                        <span class="sermon-item-title">O Poder da Fé em Tempos Difíceis</span>
+                        <span class="sermon-item-date">1 dia atrás</span>
                     </div>
-                    <div class="p-6">
-                        <div class="flex justify-between items-start mb-2">
-                            <span class="text-sm text-avivando-brightred font-medium">Pr. João Silva</span>
-                            <span class="text-sm text-gray-500">Última Mensagem</span>
-                        </div>
-                        <h3 class="text-xl font-bold text-avivando-darktext mb-3">O Poder da Fé em Tempos Difíceis</h3>
-                        <p class="text-gray-600 text-sm mb-4">Nesta mensagem poderosa, aprenda como exercer sua fé mesmo nas circunstâncias mais desafiadoras.</p>
-                        <div class="flex justify-between items-center">
-                            <span class="text-sm text-gray-500"><i class="fas fa-eye mr-1"></i> 2,543 visualizações</span>
-                            <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>
-                        </div>
+                    <div class="sermon-item-description">Como exercer fé genuína mesmo nas circunstâncias mais desafiadoras.</div>
+                    <div class="sermon-item-footer">
+                        <span class="sermon-item-views"><i class="fas fa-eye mr-1"></i> 1,245 visualizações</span>
+                        <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="sermon-item-link">Assistir <i class="fas fa-arrow-right ml-1"></i></a>
                     </div>
                 </div>
                 
-                <!-- Sermon 2 - Live Stream -->
-                <div class="sermon-card bg-white rounded-lg overflow-hidden shadow-lg draggable-element">
-                    <div class="relative">
-                        <img src="https://img.youtube.com/vi/VIDEO_ID_2/maxresdefault.jpg" alt="Culto Ao Vivo" class="w-full h-48 object-cover">
-                        <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
-                            <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">
-                                <i class="fas fa-play text-avivando-brightred text-xl"></i>
-                            </a>
-                        </div>
-                        <div class="absolute top-2 left-2 bg-red-600 text-white text-xs font-bold py-1 px-2 rounded">
-                            AO VIVO AGORA
-                        </div>
+                <!-- Sermon 2 -->
+                <div class="sermon-item draggable-element">
+                    <div class="sermon-item-header">
+                        <span class="sermon-item-title">Mulheres que Impactam Gerações</span>
+                        <span class="sermon-item-date">3 dias atrás</span>
                     </div>
-                    <div class="p-6">
-                        <div class="flex justify-between items-start mb-2">
-                            <span class="text-sm text-avivando-brightred font-medium">Pr. Maria Oliveira</span>
-                            <span class="text-sm text-gray-500">Transmissão Ao Vivo</span>
-                        </div>
-                        <h3 class="text-xl font-bold text-avivando-darktext mb-3">Culto de Avivamento</h3>
-                        <p class="text-gray-600 text-sm mb-4">Participe conosco deste momento especial de adoração e palavra poderosa.</p>
-                        <div class="flex justify-between items-center">
-                            <span class="text-sm text-gray-500"><i class="fas fa-users mr-1"></i> 245 assistindo</span>
-                            <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>
-                        </div>
+                    <div class="sermon-item-description">O papel da mulher cristã na transformação da sociedade.</div>
+                    <div class="sermon-item-footer">
+                        <span class="sermon-item-views"><i class="fas fa-eye mr-1"></i> 987 visualizações</span>
+                        <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="sermon-item-link">Assistir <i class="fas fa-arrow-right ml-1"></i></a>
                     </div>
                 </div>
                 
-                <!-- Sermon 3 - Popular Video -->
-                <div class="sermon-card bg-white rounded-lg overflow-hidden shadow-lg draggable-element">
-                    <div class="relative">
-                        <img src="https://img.youtube.com/vi/VIDEO_ID_3/maxresdefault.jpg" alt="Mensagem em Destaque" class="w-full h-48 object-cover">
-                        <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
-                            <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">
-                                <i class="fas fa-play text-avivando-brightred text-xl"></i>
-                            </a>
-                        </div>
-                        <div class="absolute top-2 left-2 bg-yellow-500 text-white text-xs font-bold py-1 px-2 rounded">
-                            MAIS VISTO
-                        </div>
+                <!-- Sermon 3 -->
+                <div class="sermon-item draggable-element">
+                    <div class="sermon-item-header">
+                        <span class="sermon-item-title">Libertos Para Adorar</span>
+                        <span class="sermon-item-date">1 semana atrás</span>
                     </div>
-                    <div class="p-6">
-                        <div class="flex justify-between items-start mb-2">
-                            <span class="text-sm text-avivando-brightred font-medium">Pr. Carlos Mendes</span>
-                            <span class="text-sm text-gray-500">Mensagem em Destaque</span>
-                        </div>
-                        <h3 class="text-xl font-bold text-avivando-darktext mb-3">Libertos Para Adorar</h3>
-                        <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>
-                        <div class="flex justify-between items-center">
-                            <span class="text-sm text-gray-500"><i class="fas fa-eye mr-1"></i> 15,789 visualizações</span>
-                            <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>
-                        </div>
+                    <div class="sermon-item-description">Como a verdadeira adoração pode libertá-lo de qualquer jugo.</div>
+                    <div class="sermon-item-footer">
+                        <span class="sermon-item-views"><i class="fas fa-eye mr-1"></i> 2,543 visualizações</span>
+                        <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="sermon-item-link">Assistir <i class="fas fa-arrow-right ml-1"></i></a>
+                    </div>
+                </div>
+                
+                <!-- Sermon 4 -->
+                <div class="sermon-item draggable-element">
+                    <div class="sermon-item-header">
+                        <span class="sermon-item-title">O Avivamento Chegou</span>
+                        <span class="sermon-item-date">2 semanas atrás</span>
+                    </div>
+                    <div class="sermon-item-description">Experiencie o poder do Espírito Santo em sua vida.</div>
+                    <div class="sermon-item-footer">
+                        <span class="sermon-item-views"><i class="fas fa-eye mr-1"></i> 3,245 visualizações</span>
+                        <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="sermon-item-link">Assistir <i class="fas fa-arrow-right ml-1"></i></a>
+                    </div>
+                </div>
+                
+                <!-- Sermon 5 -->
+                <div class="sermon-item draggable-element">
+                    <div class="sermon-item-header">
+                        <span class="sermon-item-title">Famílias Restauradas</span>
+                        <span class="sermon-item-date">3 semanas atrás</span>
+                    </div>
+                    <div class="sermon-item-description">Princípios bíblicos para famílias saudáveis e abençoadas.</div>
+                    <div class="sermon-item-footer">
+                        <span class="sermon-item-views"><i class="fas fa-eye mr-1"></i> 1,876 visualizações</span>
+                        <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="sermon-item-link">Assistir <i class="fas fa-arrow-right ml-1"></i></a>
                     </div>
                 </div>
             </div>
             
             <div class="text-center mt-12">
-                <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">
+                <a href="https://www.youtube.com/c/Minist%C3%A9rioAvivandoasNa%C3%A7%C3%B5es" class="inline-block bg-avivando-bbrightred hover:bg-avivando-red text-white font-bold py-3 px-8 rounded-full transition duration-300 draggable-element">
                     Ver Todas as Mensagens <i class="fas fa-arrow-right ml-2"></i>
                 </a>
             </div>
@@ -554,11 +643,11 @@
     </section>
 
     <!-- Events Section -->
-    <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');">
+    <section id="events" class="py-16 bg-gray-50 parallax-section" style="background-image: url('https://images.unsplash.com/photo-1452421822248-d4c2b47f0c81?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80');">
         <div class="glass-effect container mx-auto px-4">
             <div class="text-center mb-12">
-                <h2 class="text-3xl md:text-4xl font-bold text-avivando-darktext mb-4">Nossas Redes Sociais</h2>
-                <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>
+                <h2 class="social-media-title">Nossas Redes Sociais</h2>
+                <p class="social-media-subtitle">Acompanhe nossas últimas postagens e fique por dentro de tudo que acontece na Igreja Avivando.</p>
             </div>
             
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
@@ -577,7 +666,7 @@
                         </div>
                     </div>
                     <div class="p-4 bg-white">
-                        <a href="https://www.instagram.com/avivandooficial/" class="inline-flex items-center text-avivando-brightred hover:text-avivando-red font-medium">
+                        <a href="https://www.instagram.com/avivandooficial/" class="inline-flex items-center text-avivando-bbrightred hover:text-avivando-red font-medium">
                             Ver no Instagram <i class="fas fa-arrow-right ml-2"></i>
                         </a>
                     </div>
@@ -598,7 +687,7 @@
                         </div>
                     </div>
                     <div class="p-4 bg-white">
-                        <a href="https://www.instagram.com/avivandooficial/" class="inline-flex items-center text-avivando-brightred hover:text-avivando-red font-medium">
+                        <a href="https://www.instagram.com/avivandooficial/" class="inline-flex items-center text-avivando-bbrightred hover:text-avivando-red font-medium">
                             Ver no Instagram <i class="fas fa-arrow-right ml-2"></i>
                         </a>
                     </div>
@@ -606,7 +695,7 @@
                 
                 <!-- Instagram Post 3 -->
                 <div class="event-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 draggable-element">
-                    <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">
+                    <img src="https://images.unsplash.com/photo-1524179091875-b4949861b4cc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470q=80" alt="Post do Instagram" class="instagram-image">
                     <div class="instagram-post text-white p-4">
                         <div class="flex items-center mb-4">
                             <i class="fab fa-instagram text-2xl mr-2"></i>
@@ -619,7 +708,7 @@
                         </div>
                     </div>
                     <div class="p-4 bg-white">
-                        <a href="https://www.instagram.com/avivandooficial/" class="inline-flex items-center text-avivando-brightred hover:text-avivando-red font-medium">
+                        <a href="https://www.instagram.com/avivandooficial/" class="inline-flex items-center text-avivando-bbrightred hover:text-avivando-red font-medium">
                             Ver no Instagram <i class="fas fa-arrow-right ml-2"></i>
                         </a>
                     </div>
@@ -627,7 +716,7 @@
             </div>
             
             <div class="text-center mt-12">
-                <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">
+                <a href="https://www.instagram.com/avivandooficial/" class="inline-block bg-white hover:bg-gray-100 text-avivando-bbrightred border-2 border-avivando-bbrightred font-bold py-3 px-8 rounded-full transition duration-300 draggable-element">
                     Siga-nos no Instagram <i class="fab fa-instagram ml-2"></i>
                 </a>
             </div>
@@ -638,7 +727,7 @@
     <section class="py-16 bg-white relative overflow-hidden">
         <div class="particles" id="particles-4"></div>
         <div class="container mx-auto px-4 relative z-10">
-            <div class="bg-avivando-brightred rounded-xl p-8 md:p-12 text-white draggable-element">
+            <div class="bg-avivando-bbrightred rounded-xl p-8 md:p-12 text-white draggable-element">
                 <div class="flex flex-col md:flex-row items-center">
                     <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
                         <h2 class="text-2xl md:text-3xl font-bold mb-4">Receba Nossas Novidades</h2>
@@ -647,7 +736,7 @@
                     <div class="md:w-1/2 w-full">
                         <form class="flex flex-col sm:flex-row gap-4">
                             <input type="email" placeholder="Seu melhor e-mail" class="flex-grow px-4 py-3 rounded-lg focus:outline-none text-gray-800">
-                            <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">
+                            <button type="submit" class="bg-white text-avivando-bbrightred hover:bg-gray-100 font-bold py-3 px-6 rounded-lg transition duration-300 whitespace-nowrap">
                                 Inscrever-se
                             </button>
                         </form>
@@ -659,51 +748,51 @@
     </section>
 
     <!-- Contact Section -->
-    <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');">
-        <div class="glass-effect container mx-auto px-4">
+    <section id="contact" class="py-16 parallax-section" style="background-image: url('https://images.unsplash.com/photo-1452421822248-d4c2b47f0c81?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80');">
+        <div class="contact-glass container mx-auto px-4">
             <div class="flex flex-col md:flex-row">
                 <div class="md:w-1/2 mb-8 md:mb-0 md:pr-12">
-                    <h2 class="text-3xl font-bold text-avivando-darktext mb-6">Entre em Contato</h2>
-                    <p class="text-avivando-darktext mb-8">Estamos aqui para responder suas perguntas, ouvir suas necessidades e ajudá-lo em sua jornada espiritual.</p>
+                    <h2 class="text-3xl font-bold text-white mb-6">Entre em Contato</h2>
+                    <p class="text-white mb-8">Estamos aqui para responder suas perguntas, ouvir suas necessidades e ajudá-lo em sua jornada espiritual.</p>
                     
                     <div class="space-y-6">
                         <div class="flex items-start">
-                            <div class="bg-avivando-red text-white rounded-full p-3 mr-4">
+                            <div class="contact-icon rounded-full p-3 mr-4">
                                 <i class="fas fa-map-marker-alt"></i>
                             </div>
                             <div>
-                                <h4 class="font-bold text-avivando-darktext mb-1">Endereço</h4>
-                                <p class="text-avivando-darktext">Avenida Marechal Deodoro, quadra 27 lote 05<br>Setor Tradicional - Planaltina/DF<br>CEP: 73330-023</p>
+                                <h4 class="font-bold text-white mb-1">Endereço</h4>
+                                <p class="text-white">Avenida Marechal Deodoro, quadra 27 lote 05<br>Setor Tradicional - Planaltina/DF<br>CEP: 73330-023</p>
                             </div>
                         </div>
                         
                         <div class="flex items-start">
-                            <div class="bg-avivando-red text-white rounded-full p-3 mr-4">
+                            <div class="contact-icon rounded-full p-3 mr-4">
                                 <i class="fas fa-phone-alt"></i>
                             </div>
                             <div>
-                                <h4 class="font-bold text-avivando-darktext mb-1">Telefone</h4>
-                                <p class="text-avivando-darktext">(61) 3308-3546<br>Segunda a Sexta, 8h às 12h e 13h às 17h</p>
+                                <h4 class="font-bold text-white mb-1">Telefone</h4>
+                                <p class="text-white">(61) 3308-3546<br>Segunda a Sexta, 8h às 12h e 13h às 17h</p>
                             </div>
                         </div>
                         
                         <div class="flex items-start">
-                            <div class="bg-avivando-red text-white rounded-full p-3 mr-4">
+                            <div class="contact-icon rounded-full p-3 mr-4">
                                 <i class="fas fa-envelope"></i>
                             </div>
                             <div>
-                                <h4 class="font-bold text-avivando-darktext mb-1">E-mail</h4>
-                                <p class="text-avivando-darktext">[email protected]</p>
+                                <h4 class="font-bold text-white mb-1">E-mail</h4>
+                                <p class="text-white">[email protected]</p>
                             </div>
                         </div>
 
                         <div class="flex items-start">
-                            <div class="bg-avivando-red text-white rounded-full p-3 mr-4">
+                            <div class="contact-icon rounded-full p-3 mr-4">
                                 <i class="fas fa-calendar-alt"></i>
                             </div>
                             <div>
-                                <h4 class="font-bold text-avivando-darktext mb-1">Horários de Culto</h4>
-                                <ul class="text-avivando-darktext space-y-1">
+                                <h4 class="font-bold text-white mb-1">Horários de Culto</h4>
+                                <ul class="text-white space-y-1">
                                     <li>Segunda: Culto de Oração - 20h</li>
                                     <li>Terça: Culto de Ensino - 20h</li>
                                     <li>Quinta: Culto de Ensino - 20h</li>
@@ -825,7 +914,7 @@
             
             <div class="border-t border-gray-800 pt-8">
                 <div class="flex flex-col md:flex-row justify-between items-center">
-                    <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 Igreja Avivando. Todos os direitos reservados.</p>
+                    <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2025 Ministério Avivando as Nações. Todos os direitos reservados.</p>
                     <div class="flex space-x-6">
                         <a href="#" class="text-gray-500 hover:text-white text-sm">Política de Privacidade</a>
                         <a href="#" class="text-gray-500 hover:text-white text-sm">Termos de Uso</a>
@@ -997,49 +1086,5 @@
                 const xMovement = (Math.random() - 0.5) * 100;
                 const yMovement = (Math.random() - 0.5) * 100;
                 
-                gsap.to(particle, {
-                    x: `+=${xMovement}`,
-                    y: `+=${yMovement}`,
-                    duration: duration,
-                    repeat: -1,
-                    yoyo: true,
-                    ease: "sine.inOut"
-                });
-            }
-        }
-        
-        // Create particles for each section
-        createParticles('particles-1');
-        createParticles('particles-2');
-        createParticles('particles-3');
-        createParticles('particles-4');
-        createParticles('particles-5');
-        
-        // Hero section animations
-        gsap.from('#hero-title', {
-            y: 50,
-            opacity: 0,
-            duration: 1,
-            delay: 0.3,
-            ease: "power3.out"
-        });
-        
-        gsap.from('#hero-subtitle', {
-            y: 50,
-            opacity: 0,
-            duration: 1,
-            delay: 0.6,
-            ease: "power3.out"
-        });
-        
-        gsap.from('.hero a', {
-            y: 50,
-            opacity: 0,
-            duration: 1,
-            delay: 0.9,
-            stagger: 0.2,
-            ease: "power3.out"
-        });
-    </script>
-<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>
+               
 </html>

prompts.txt

@@ -4,4 +4,7 @@ essas são as paletas de cores da logo da igreja: #403E3B #59190B #A63126 #F2050
 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. 
 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.
 poderia alterar o corpo só pra mim ver como ficaria um site no estilo paralax, drag efect em elementos?
-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.
+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.
+Na parte "nossos líderes" coloca as fontes em branco. Sobre os líderes faça 1 só parte, porque a foto do Apóstolo e da Bispa é 1 só. Na parte de "entre em contato" observe as cores das informações e coloque na cor branca. Lá no final, onde tem "2023 Igreja aVivando." coloque: "2025 Ministério Avivando as Nações". Nas partes "mensagens inspiradoras" coloque ela em lista, coloque pelo menos 5 com os nomes das últimas postagens do canal. Sobre a parte inicial, na parte "A unção de DEus está aqui", coloque esta imagem: https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/IMG_4698.CR3 meio desfocada e deixe a de fundo para fundo mesmo, só dá uma leve desfocada nela.
+na parte do início "a unção de DEus está aqui", coloque essa imagem no fundo: https://huggingface.co/spaces/Lioszada/teste-avivando/resolve/main/IMG_1078.jpg, escurece uma um pouco mais e deixe ela um pouco mais desfocada. Na parte do Nossos Líderes,o título e subtítulo "Nossos Líderes Conheça os pastores que lideram nossa igreja com amor e dedicação." ajuste eles no espaço que está com a camada desfocando o fundo, aumente também a foto do Apóstolo e da Bispa um pouco mais, tá muito pequena e centralize-a no retângulo que está colocando. Sobre a parte "Mensagens Inspiradoras Confira nossas últimas mensagens no YouTube:" coloque essas partes em forma de detalhes, igual numa pasta do windows, e não em ícones grandes. na parte de "Nossas Redes Sociais Acompanhe nossas últimas postagens e fique por dentro de tudo que acontece na Igreja Avivando." coloque essa fonte em branco e ajuste ela no espaço que está desfocado. Escurece mais a parte desfocada do "Entre em Contato Estamos aqui para responder suas perguntas, ouvir suas necessidades e ajudá-lo em sua jornada"
+há um erro aqui, essa imagem de fundo é só para a parte "A unção de Deus está aqui", a imagem de fundo que está pelo site todo anteriormente é para continuar