Merge branch 'create-me-hotsite'

Author: pablodiegoss

src/core/jinja2/core/ME/hotsite.html

@@ -80,7 +80,7 @@
 
             <!-- Banner Section -->
             <div class="w-full mb-8 rounded-lg shadow-lg overflow-hidden">
-                <img src="{{ static('images/icons/me/01JANDIGME_Hotsite_ABERTURA.png') }}"
+                <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA9.png') }}"
                      alt="Banner: Descubra um mundo de lendas em Realidade Virtual!" 
                      class="w-full h-64 md:h-72 object-cover"
                      onerror="this.onerror=null;this.src='https://placehold.co/1200x300/08B59F/ffffff?text=Erro+ao+Carregar+Imagem+do+Banner';"
@@ -96,7 +96,7 @@
                 <!-- EXPOSIÇÃO Box -->
                 <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 border border-gray-200 flex flex-col h-full">
                     <h2 class="text-2xl font-semibold mb-4 text-[#08B59F]">EXPOSIÇÃO</h2>
-                    <img src="{{ static('images/icons/me/01JANDIGME_Hotsite_Exposicao.png') }}"
+                    <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA.png') }}"
                          alt="Imagem: Exposição" 
                          class="w-full h-48 object-cover rounded-lg mb-4 shadow-md"
                          onerror="this.onerror=null;this.src='https://placehold.co/600x300/e0e0e0/333333?text=Erro+ao+Carregar+Imagem';"
@@ -112,7 +112,7 @@ <h2 class="text-2xl font-semibold mb-4 text-[#08B59F]">EXPOSIÇÃO</h2>
                 <!-- ÁLBUM DE FIGURINHAS Box -->
                 <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 border border-gray-200 flex flex-col h-full">
                     <h2 class="text-2xl font-semibold mb-4 text-[#08B59F]">ÁLBUM DE FIGURINHAS</h2>
-                    <img src="{{ static('images/icons/me/06JANDIGME_Hotsite_nossashistorias.png') }}"
+                    <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA5.png') }}"
                          alt="Imagem: Álbum de Figurinhas" 
                          class="w-full h-48 object-cover rounded-lg mb-4 shadow-md"
                          onerror="this.onerror=null;this.src='https://placehold.co/600x300/e0e0e0/333333?text=Erro+ao+Carregar+Imagem';"
@@ -128,7 +128,7 @@ <h2 class="text-2xl font-semibold mb-4 text-[#08B59F]">ÁLBUM DE FIGURINHAS</h2>
                 <!-- MAKING OF Box -->
                 <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 border border-gray-200 lg:col-span-1 md:col-span-2 flex flex-col h-full">
                     <h2 class="text-2xl font-semibold mb-4 text-[#08B59F]">Quem Somos</h2>
-                    <img src="{{ static('images/icons/me/01JANDIGME_mkof.png') }}" alt="Imagem: Making Of" class="w-full h-48 object-cover rounded-lg mb-4 shadow-md">
+                    <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA7.png') }}" alt="Imagem: Making Of" class="w-full h-48 object-cover rounded-lg mb-4 shadow-md">
                     <p class="text-gray-700 mb-6 flex-grow">
                         Conheça nossa equipe e todo o projeto Jandig.
                     </p>
@@ -220,7 +220,7 @@ <h2 class="text-2xl font-semibold mb-4 text-[#08B59F]">O Segredo do Boto</h2>
         <section id="album-figurinhas" class="section striped-bg p-8 rounded-lg shadow-xl mb-8 border border-gray-200">
             <h1 class="text-4xl font-extrabold text-center mb-8 text-[#08B59F]">Álbum de Figurinhas</h1>
             <div class="w-full mb-8 rounded-lg shadow-lg overflow-hidden">
-                <img src="{{ static('images/icons/me/06JANDIGME_Hotsite_nossashistorias.png') }}"
+                <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA8.png') }}"
                      alt="Imagem: Álbum de Figurinhas" 
                      class="w-full h-64 md:h-72 object-cover"
                      onerror="this.onerror=null;this.src='https://placehold.co/1200x300/e0e0e0/333333?text=Erro+ao+Carregar+Imagem+do+%C3%81lbum';"
@@ -235,7 +235,7 @@ <h2 class="text-3xl font-bold text-center mb-6 text-[#08B59F]">Downloads</h2>
                 <!-- Álbum de Figurinhas -->
                 <div class="bg-white p-6 rounded-lg shadow-md text-center border border-gray-200 flex flex-col h-full">
                     <h3 class="text-xl font-semibold mb-4 text-[#08B59F]">Álbum de figurinhas</h3>
-                    <img src="{{ static('images/icons/me/02JANDIGME_Hotsite_Album.png') }}" alt="Álbum de Figurinhas" class="w-full h-40 object-cover rounded-lg mb-4 shadow-md">
+                    <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA2.png') }}" alt="Álbum de Figurinhas" class="w-full h-40 object-cover rounded-lg mb-4 shadow-md">
                     <p class="text-gray-700 mb-4 flex-grow">Layout pronto do álbum em si, imprimível e de fácil montagem. Pode ser impresso a cores ou em preto e branco em qualquer tipo de impressora - caseira ou gráfica rápida. O álbum tem uma breve explicação do uso seguido das três histórias de mitos brasileiros com cenários nos quais você vai colar as figurinhas que ativam as experiências de realidade aumentada. Ao final do álbum você encontra também um pequeno glossário de palavras para ajudar você a entender melhor as histórias e o contexto. O álbum de figurinhas, por exemplo, pode ser usado para colecionar e aprender sobre cada personagem.</p>
                     <a href="#" class="inline-block bg-[#08B59F] hover:bg-[#9500FF] text-white font-bold py-2 px-4 rounded-full transition-colors duration-300 transform hover:scale-105 mt-auto">
                         Em Breve...
@@ -244,7 +244,7 @@ <h3 class="text-xl font-semibold mb-4 text-[#08B59F]">Álbum de figurinhas</h3>
                 <!-- Figurinhas -->
                 <div class="bg-white p-6 rounded-lg shadow-md text-center border border-gray-200 flex flex-col h-full">
                     <h3 class="text-xl font-semibold mb-4 text-[#08B59F]">Figurinhas</h3>
-                    <img src="{{ static('images/icons/me/03JANDIGME_Hotsite_Figurinhas.png') }}" alt="Figurinhas Avulsas" class="w-full h-40 object-cover rounded-lg mb-4 shadow-md">
+                    <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA3.png') }}" alt="Figurinhas Avulsas" class="w-full h-40 object-cover rounded-lg mb-4 shadow-md">
                     <p class="text-gray-700 mb-4 flex-grow">Aqui é onde a diversão acontece! Dividimos as figurinhas em 8 pacotes para impressão para estimular a troca entre amigos dentro ou fora da sala de aula. As figurinhas são os marcadores que com o uso da câmera do celular ativam as experiências do curupira, boitatá e anhangá. As figurinhas avulsas podem ser impressas e usadas em jogos ou atividades de colagem.</p>
                     <a href="#" class="inline-block bg-[#08B59F] hover:bg-[#9500FF] text-white font-bold py-2 px-4 rounded-full transition-colors duration-300 transform hover:scale-105 mt-auto">
                         Em Breve...
@@ -253,7 +253,7 @@ <h3 class="text-xl font-semibold mb-4 text-[#08B59F]">Figurinhas</h3>
                 <!-- Cartaz -->
                 <div class="bg-white p-6 rounded-lg shadow-md text-center border border-gray-200 flex flex-col h-full">
                     <h3 class="text-xl font-semibold mb-4 text-[#08B59F]">Cartaz</h3>
-                    <img src="{{ static('images/icons/me/04JANDIGME_Hotsite_Cartazes.png') }}" alt="Cartazes Educativos" class="w-full h-40 object-cover rounded-lg mb-4 shadow-md">
+                    <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA6.png') }}" alt="Cartazes Educativos" class="w-full h-40 object-cover rounded-lg mb-4 shadow-md">
                     <p class="text-gray-700 mb-4 flex-grow">Um desdobramento do álbum, o cartaz é um ótimo recurso para decorar ambientes educativos ou para serem usados como apoio visual em apresentações.</p>
                     <a href="#" class="inline-block bg-[#08B59F] hover:bg-[#9500FF] text-white font-bold py-2 px-4 rounded-full transition-colors duration-300 transform hover:scale-105 mt-auto">
                         Em Breve...
@@ -262,7 +262,7 @@ <h3 class="text-xl font-semibold mb-4 text-[#08B59F]">Cartaz</h3>
                 <!-- Guia do multiplicador -->
                 <div class="bg-white p-6 rounded-lg shadow-md text-center border border-gray-200 flex flex-col h-full">
                     <h3 class="text-xl font-semibold mb-4 text-[#08B59F]">Guia do multiplicador</h3>
-                    <img src="https://placehold.co/300x300/e0e0e0/333333?text=Guia+do+Multiplicador" alt="Guia do Multiplicador" class="w-full h-40 object-cover rounded-lg mb-4 shadow-md">
+                    <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA4.png') }}" alt="Guia do Multiplicador" class="w-full h-40 object-cover rounded-lg mb-4 shadow-md">
                     <p class="text-gray-700 mb-4 flex-grow">Nossos materiais foram criados para serem flexíveis e adaptáveis. O guia ajuda educadores, pais e entusiastas a levar esta experiência a cada vez mais lugares. O guia é um material de apoio para entender mais dos mitos apresentados pelas experiências de realidade aumentada. Também ajuda você a entrar na plataforma da Jandig que abriga a experiência e compreender a tecnologia que está por trás. Preparamos também algumas sugestões para estimular a criatividade e o uso do álbum de figurinhas e os marcadores.</p>
                     <a href="#" class="inline-block bg-[#08B59F] hover:bg-[#9500FF] text-white font-bold py-2 px-4 rounded-full transition-colors duration-300 transform hover:scale-105 mt-auto">
                         Em Breve...
@@ -333,7 +333,7 @@ <h1 class="text-4xl font-extrabold text-center mb-8 text-[#08B59F]">Exposição<
 
             <!-- Banner Section - Now an Image -->
             <div class="w-full mb-8 rounded-lg shadow-lg overflow-hidden">
-                <img src="{{ static('images/icons/me/01JANDIGME_Hotsite_Exposicao.png') }}"
+                <img src="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA10.png') }}"
                      alt="Banner: Exposição" 
                      class="w-full h-64 md:h-72 object-cover"
                      onerror="this.onerror=null;this.src='https://placehold.co/1200x300/08B59F/ffffff?text=Erro+ao+Carregar+Imagem';"