crie uma dobra abaixo do "sobre o evento" com espaço para imagem - Follow Up Deployment

index.html

@@ -145,6 +145,20 @@
         </div>
     </section>
 
+    <!-- Image Section -->
+    <section class="w-full py-8 fade-in">
+        <div class="container mx-auto px-4">
+            <img src="placeholder-image.jpg" alt="Imagem Destaque" class="w-full h-auto rounded-lg shadow-xl">
+        </div>
+    </section>
+
+    <!-- Full Width Image Section -->
+    <section class="w-full fade-in">
+        <div class="container mx-auto px-4">
+            <img src="placeholder-image.jpg" alt="Imagem Destaque" class="w-full h-auto rounded-lg shadow-xl">
+        </div>
+    </section>
+
     <!-- Objectives Section -->
     <section class="py-16 bg-white">
         <div class="container mx-auto px-4">
@@ -157,19 +171,19 @@
                     
                     <div class="space-y-4">
                         <div class="flex items-start">
-                            <i data-feather="check" class="text-[#ff5a1f] mr-3 mt-1"></i>
+                            <i data-feather="users" class="text-[#ff5a1f] mr-3 mt-1"></i>
                             <span>Reunir os principais players regionais em um único espaço</span>
                         </div>
                         <div class="flex items-start">
-                            <i data-feather="check" class="text-[#ff5a1f] mr-3 mt-1"></i>
+                            <i data-feather="shopping-bag" class="text-[#ff5a1f] mr-3 mt-1"></i>
                             <span>Estimular vendas diretas entre expositores e visitantes</span>
                         </div>
                         <div class="flex items-start">
-                            <i data-feather="check" class="text-[#ff5a1f] mr-3 mt-1"></i>
+                            <i data-feather="star" class="text-[#ff5a1f] mr-3 mt-1"></i>
                             <span>Promover lançamentos e novidades do mercado</span>
                         </div>
                         <div class="flex items-start">
-                            <i data-feather="check" class="text-[#ff5a1f] mr-3 mt-1"></i>
+                            <i data-feather="eye" class="text-[#ff5a1f] mr-3 mt-1"></i>
                             <span>Oportunidades de networking e visibilidade para marcas</span>
                         </div>
                     </div>
@@ -202,7 +216,7 @@
     </section>
 
     <!-- Target Audience Section -->
-    <section class="py-16 bg-grunge">
+    <section class="py-16" style="background-color: #e6e1f9; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxmaWx0ZXIgaWQ9Im5vaXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wNSIgbnVtT2N0YXZlcz0iMTAiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48L2ZpbHRlcj48L2RlZnM+PHJlY3QgZmlsdGVyPSJ1cmwoI25vaXNlKSIgb3BhY2l0eT0iMC4wMiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg==');">
         <div class="container mx-auto px-4">
             <h2 class="serif-title text-4xl font-bold text-[#ff5a1f] mb-12 text-center fade-in">Público-Alvo</h2>
             
@@ -212,6 +226,9 @@
                         <i data-feather="shopping-bag"></i>
                     </div>
                     <h3 class="serif-title text-xl font-bold mb-2">Consumidores</h3>
+                    <div class="mb-4 h-32 bg-gray-100 rounded-lg flex items-center justify-center">
+                        <span class="text-gray-400">Imagem Consumidores</span>
+                    </div>
                     <p>Público interessado em moda, decor e lifestyle, em busca de novidades e experiências exclusivas.</p>
                 </div>
                 
@@ -220,6 +237,9 @@
                         <i data-feather="tag"></i>
                     </div>
                     <h3 class="serif-title text-xl font-bold mb-2">Lojistas e Marcas</h3>
+                    <div class="mb-4 h-32 bg-gray-100 rounded-lg flex items-center justify-center">
+                        <span class="text-gray-400">Imagem Lojistas</span>
+                    </div>
                     <p>Varejistas regionais e nacionais em busca de novos fornecedores e parcerias comerciais.</p>
                 </div>
                 
@@ -228,6 +248,9 @@
                         <i data-feather="users"></i>
                     </div>
                     <h3 class="serif-title text-xl font-bold mb-2">Influenciadores</h3>
+                    <div class="mb-4 h-32 bg-gray-100 rounded-lg flex items-center justify-center">
+                        <span class="text-gray-400">Imagem Influenciadores</span>
+                    </div>
                     <p>Criadores de conteúdo e formadores de opinião dos segmentos abordados no evento.</p>
                 </div>
                 
@@ -236,6 +259,9 @@
                         <i data-feather="briefcase"></i>
                     </div>
                     <h3 class="serif-title text-xl font-bold mb-2">Empreendedores</h3>
+                    <div class="mb-4 h-32 bg-gray-100 rounded-lg flex items-center justify-center">
+                        <span class="text-gray-400">Imagem Empreendedores</span>
+                    </div>
                     <p>Investidores e empresários buscando oportunidades no mercado de moda e lifestyle.</p>
                 </div>
             </div>
@@ -243,8 +269,15 @@
     </section>
 
     <!-- Structure Section -->
-    <section class="py-16 bg-white">
-        <div class="container mx-auto px-4">
+    <section class="py-16 bg-white relative overflow-hidden">
+        <div class="container mx-auto px-4 relative z-10">
+            <!-- Handwritten background elements -->
+            <div class="handwritten-element" style="top: 10%; left: 5%; transform: rotate(-12deg); opacity: 0.6; font-size: 2rem;">moda</div>
+            <div class="handwritten-element" style="top: 25%; right: 8%; transform: rotate(8deg); opacity: 0.5; font-size: 2.5rem;">shop</div>
+            <div class="handwritten-element" style="bottom: 20%; left: 7%; transform: rotate(-5deg); opacity: 0.4; font-size: 2.2rem;">casa</div>
+            <div class="handwritten-element" style="bottom: 30%; right: 5%; transform: rotate(15deg); opacity: 0.3; font-size: 1.8rem;">agro</div>
+            <div class="handwritten-element" style="top: 15%; left: 20%; transform: rotate(-8deg); opacity: 0.5; font-size: 2.3rem;">pet</div>
+            <div class="handwritten-element" style="bottom: 15%; right: 20%; transform: rotate(10deg); opacity: 0.4; font-size: 2.4rem;">decoração</div>
             <h2 class="serif-title text-4xl font-bold text-[#ff5a1f] mb-12 text-center fade-in">Estrutura</h2>
             
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
@@ -452,11 +485,40 @@
     </section>
 
     <!-- Partnership Section -->
-    <section class="py-16 bg-gray-50">
-        <div class="container mx-auto px-4 max-w-3xl text-center fade-in">
-            <h2 class="serif-title text-4xl font-bold text-[#ff5a1f] mb-6">Parceria Municipal</h2>
-            <p class="text-lg mb-6">A ExpoMix conta com o apoio institucional da Prefeitura Municipal, que disponibiliza o local adequado, orientações para liberações necessárias e apoio logístico para a realização do evento.</p>
-            <p class="text-lg">Além disso, o evento contempla ações sociais que beneficiam a comunidade local, reforçando nosso compromisso com o desenvolvimento regional.</p>
+    <section class="py-16 bg-white relative overflow-hidden">
+        <div class="container mx-auto px-4 relative z-10">
+            <div class="flex flex-col lg:flex-row items-center gap-12">
+                <div class="lg:w-1/2 fade-in">
+                    <div class="bg-[#ff5a1f] bg-opacity-10 p-8 rounded-lg">
+                        <h2 class="serif-title text-4xl font-bold text-[#ff5a1f] mb-6">Parceria Municipal</h2>
+                        <p class="text-lg mb-6">A ExpoMix conta com o apoio institucional da Prefeitura Municipal, que disponibiliza:</p>
+                        
+                        <div class="space-y-4">
+                            <div class="flex items-start">
+                                <i data-feather="map-pin" class="text-[#ff5a1f] mr-3 mt-1"></i>
+                                <span>Local adequado para realização do evento</span>
+                            </div>
+                            <div class="flex items-start">
+                                <i data-feather="file-text" class="text-[#ff5a1f] mr-3 mt-1"></i>
+                                <span>Orientações para liberações necessárias</span>
+                            </div>
+                            <div class="flex items-start">
+                                <i data-feather="truck" class="text-[#ff5a1f] mr-3 mt-1"></i>
+                                <span>Apoio logístico completo</span>
+                            </div>
+                            <div class="flex items-start">
+                                <i data-feather="heart" class="text-[#ff5a1f] mr-3 mt-1"></i>
+                                <span>Ações sociais que beneficiam a comunidade local</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="lg:w-1/2 fade-in" style="animation-delay: 0.3s;">
+                    <div class="bg-gray-100 h-96 rounded-lg flex items-center justify-center">
+                        <span class="text-gray-400">Imagem da Prefeitura ou Selo de Parceria</span>
+                    </div>
+                </div>
+            </div>
         </div>
     </section>