change text, images and order countries

src/app/[lang]/dictionaries/es.json

@@ -1,31 +1,21 @@
 {
     "bannerTitle": {
-        "title": "Uniendo Voces para Despertar el Cambio Climático",
+        "title": "UNIENDO VOCES PARA ENFRENTAR EL CAMBIO CLIMÁTICO",
         "subtitle": "Forjamos Futuros Sostenibles, Ciudad por Ciudad.",
         "button": "Comenzar"
     },
     "countriesBanner": {
         "title": "Asambleas",
         "countries": [
-            {
-                "name": "México",
-                "code": "MX",
-                "image": "https://cdn-icons-png.flaticon.com/512/197/197397.png",
-                "city": "Monterrey (zona metropolitana)",
-                "date": "febrero–marzo 2024",
-                "topic": "Cambio Climático en la zona metropolitana. Programa Estatal de Cambio Climático",
-                "leader": "SUR, Instituto del Sur Urbano",
-                "description": "La Asamblea Climática de Nuevo León está integrada por 50 personas ciudadanas seleccionadas al azar, por medio de un mecanismo de sorteo cívico, que se reúnen para deliberar mejoras a las políticas ambientales urbanas para la Zona Metropolitana de Monterrey, en forma de desafío público."
-            },
             {
                 "name": "Brasil",
                 "code": "BR",
                 "image": "https://cdn-icons-png.flaticon.com/512/197/197386.png",
-                "city": "Por definir",
+                "city": "Bujarú",
                 "date": "marzo-mayo 2024",
-                "topic": "Por definir",
-                "leader": "IDEEMOS",
-                "description": ""
+                "topic": "Bio/Eco Economía, renta y calidad de vida en la Amazonia",
+                "leader": "Delibera Brasil",
+                "description": "La Asamblea Climática de Bujaru está formada por 50 vecinos provenientes de la ciudad, incluyendo las comunidades tradicionales, que se reunirán para comprender el contexto, oportunidades y riesgos de la crisis climática en un proceso deliberativo para enviar al gobierno recomendaciones de políticas públicas e inversiones privadas en Bioeconomía Sostenible con generación de ingresos y calidad de vida para todos los que habitan en Bujaru."
             },
             {
                 "name": "Colombia",
@@ -41,21 +31,31 @@
                 "name": "Argentina",
                 "code": "AR",
                 "image": "https://cdn-icons-png.flaticon.com/512/197/197573.png",
-                "city": "Por definir",
+                "city": "Mar del Plata",
                 "date": "julio-septiembre 2024",
                 "topic": "Por definir",
                 "leader": "Democracia en Red",
                 "description": ""
+            },
+            {
+                "name": "México",
+                "code": "MX",
+                "image": "https://cdn-icons-png.flaticon.com/512/197/197397.png",
+                "city": "Monterrey (zona metropolitana)",
+                "date": "febrero–marzo 2024",
+                "topic": "Cambio Climático en la zona metropolitana. Programa Estatal de Cambio Climático",
+                "leader": "SUR, Instituto del Sur Urbano",
+                "description": "La Asamblea Climática de Nuevo León está integrada por 50 personas ciudadanas seleccionadas al azar, por medio de un sorteo cívico, que se reúnen para deliberar y emitir recomendaciones para mejorar las políticas ambientales urbanas de la Zona Metropolitana de Monterrey."
             }
         ]
     },
     "sliderBanner": [
-        "<strong class='has-text-white'>(Re)surgentes</strong> es una red de Asambleas Climáticas, acompañadas por expertas, gobiernos locales, y organizaciones especializadas en democracia deliberativa en América Latina.",
-        "<strong class='has-text-white'>Nuestro objetivo</strong> es fortalecer los procesos de democratización y descentralización de toma de decisiones públicas frente a la crisis climática en América Latina.",
-        "<strong class='has-text-white'>Las Asambleas Climáticas</strong> – son mecanismos de democracia deliberativa que buscan asegurar que personas ciudadanas seleccionadas al azar tomemos un rol central en la toma de decisiones sobre el clima en América Latina."
+        "<strong class='has-text-white'>(Re)surgentes</strong> es una red de Asambleas Climáticas integradas por más de 200 personas elegidas al azar en cuatro ciudades de América Latina, acompañadas por personas expertas, partes interesadas, gobiernos locales, líderes y organizaciones especializadas en democracia deliberativa.",
+        "<strong class='has-text-white'>Nuestro objetivo es </strong> fortalecer los procesos de democratización y descentralización de toma de decisiones públicas frente a la crisis climática en América Latina.",
+        "<strong class='has-text-white'>Las Asambleas Climáticas</strong> – son mecanismos de democracia deliberativa, de discusión y reflexión, impulsados para que personas ciudadanas, seleccionadas al azar, asuman un rol central en la toma de decisiones sobre el clima en América Latina."
     ],
     "pactoBannerSecction": {
         "image": "",
-        "description": "<p>El <strong>pacto</strong> es un instrumento de incidencia pública construido de manera colaborativa donde personas y ciudades definen una visión estratégica para afrontar la crisis climática desde América Latina para el mundo.</p><p class='py-3 has-text-weight-bold'>Cómo funciona:</p><ol ><li>Durante su proceso de deliberación, cada Asamblea decide por lo menos 4 propuestas de principios para el pacto.</li><li>Las propuestas se publican en la plataforma para recibir contribuciones, aportes, y comentarios de la ciudadanía en general, que deberá registrarse con nombre y ciudad para participar del debate y determinación de los principios del pacto.</li><li>Durante el proceso de participación, se generan versiones actualizadas y mejoradas del Pacto Inter-ciudades, gracias a las contribuciones y aportes de las personas.</li><li>Se genera un documento final y se pone a consideración de las personas para su validación final.</li></ol>"
+        "description": "<p>El <strong>pacto interciudad</strong> es un instrumento de inicidencia pública, construido de forma colaborativa, donde personas y ciudades definen una visión estratégica para afrontar la crisis climática desde América Latina para el mundo.</p><p class='py-3 has-text-weight-bold'>¿Cómo funciona?</p><ol ><li> Cada <a href='#countries-banner'> Asamblea Climática </a> elabora al menos 4 propuestas de principios para el Pacto.</li><li> Las propuestas se publican en la plataforma del Pacto Interciudad para recibir contribuciones, aportes y comentarios de la ciudadanía en general.</li><li>Para participar del debate y determinación del Pacto las personas deben registrarse con nombre y ciudad <a href='https://pacto.resurgentes.org/auth/register'> aquí</a> </li><li>Durante el proceso de participación se generarán versiones actualizadas y mejoradas del Pacto con los aportes de las personas registradas.</li><li>Finalmente se redactará un documento final del Pacto Interciudad que se pondrá a consideración de las personas para su validación final.</li> </ol>"
     }
-}
+}

src/app/[lang]/dictionaries/pt.json

@@ -1,31 +1,21 @@
 {
     "bannerTitle": {
-        "title": "Unindo Vozes para Despertar a Mudança Climática.",
-        "subtitle": "Forjamos Futuros Sustentáveis, Cidade por Cidade.",
+        "title": "UNINDO VOZES PARA ENFRENTAR A MUDANÇA CLIMÁTICA.",
+        "subtitle": "Construimos Futuros Sustentáveis, Cidade por Cidade.",
         "button": "Começar"
     },
     "countriesBanner": {
         "title": "Assembleias",
         "countries": [
-            {
-                "name": "México",
-                "code": "MX",
-                "image": "https://cdn-icons-png.flaticon.com/512/197/197397.png",
-                "city": "Monterrey (área metropolitana)",
-                "date": "fevereiro a março de 2024",
-                "topic": "Mudanças Climáticas na área metropolitana. Programa Estadual de Mudanças Climáticas",
-                "leader": "SUR, Instituto del Sur Urbano",
-                "description": "A Assembleia Climática de Nuevo León é formada por 50 cidadãos e cidadãs selecionados aleatoriamente, através de um Sorteio Cívico, que se reúnem para deliberar e fazer recomendações para as políticas urbanas ambientais da região metropolitana de Monterrey."
-            },
             {
                 "name": "Brasil",
                 "code": "BR",
                 "image": "https://cdn-icons-png.flaticon.com/512/197/197386.png",
                 "city": "Bujaru",
                 "date": "março a maio de 2024",
-                "topic": "a ser definido",
-                "leader": "IDEEMOS",
-                "description": ""
+                "topic": "Bioeconomia Sustentável, renda e qualidade de vida na Amazônia",
+                "leader": "Delibera Brasil",
+                "description": "A Assembleia Climática de Bujaru é formada por 50 moradores sorteados em todo o município, incluindo as comunidades tradicionais, que se reunem para entender o contexto, oportunidades e riscos, deliberar e fazer recomendações para políticas públicas e investimentos privados em Bioeconomia Sustentável com geração de renda e qualidade de vida para todas e todos que vivem em Bujaru."
             },
             {
                 "name": "Colômbia",
@@ -46,16 +36,26 @@
                 "topic": "a ser definido",
                 "leader": "Democracia en Red",
                 "description": ""
+            },
+            {
+                "name": "México",
+                "code": "MX",
+                "image": "https://cdn-icons-png.flaticon.com/512/197/197397.png",
+                "city": "Monterrey (área metropolitana)",
+                "date": "fevereiro a março de 2024",
+                "topic": "Mudanças Climáticas na área metropolitana. Programa Estadual de Mudanças Climáticas",
+                "leader": "SUR, Instituto del Sur Urbano",
+                "description": "A Assembleia Climática de Nuevo León é formada por 50 cidadãos e cidadãs selecionados aleatoriamente, através de um Sorteio Cívico, que se reúnem para deliberar e fazer recomendações para as políticas urbanas ambientais da região metropolitana de Monterrey."
             }
         ]
     },
     "sliderBanner": [
-        "<strong class='has-text-white'>(Re)surgentes</strong> é um programa criado por organizações que promovem a  democracia deliberativa na América Latina para integrar a cidadania, governos locais, especialistas e ativistas com um ciclo de Assembleias Cidadãs e um Pacto Intercidades",
+        "<strong class='has-text-white'>(Re)surgentes</strong> é uma rede de Assembleias Climáticas composta por mais de 200 pessoas sorteadas aleatoriamente em quatro cidades da América Latina, acompanhadas por especialistas, partes interessadas, governos locais, líderes e organizações especializadas em democracia deliberativa.",
         "v<strong class='has-text-white'>Nosso objetivo</strong> é fortalecer os processos de democratização e descentralização da tomada de decisões públicas para o enfrentamento da crise climática na América Latina.",
-        "<strong class='has-text-white'>As Assembleias Climáticas </strong>  - são grupos de pessoas, sorteadas na população, que trabalham coletivamente para compreender o contexto, deliberar e assumir um papel central na tomada de decisões sobre políticas climáticas."
+        "<strong class='has-text-white'>As Assembleias Climáticas </strong> são espaços da democracia deliberativa, de discussão e reflexão, criados para que cidadãos, sorteados de forma aleatória, desempenhem um papel central na tomada de decisões sobre o clima na América Latina."
     ],
     "pactoBannerSecction": {
         "image": "",
-        "description": "<p>O <strong>pacto</strong> eé uma iniciativa de incidência pública onde pessoas e cidades definem uma visão estratégica para enfrentar a crise climática, da América Latina para o mundo.</p><p class='py-3 has-text-weight-bold'>Como funciona:</p><ol><li>Cada Assembleia Cidadã  decide sobre pelo menos 4 propostas de princípios para o pacto.</li><li>As propostas são publicadas na plataforma para receber contribuições e comentários de cidadãs/ãos em geral, que devem se cadastrar com nome e cidade para participar.</li><li>Durante o processo são geradas versões atualizadas e aprimoradas do Pacto Intercidades, graças às contribuições das pessoas.</li><li>Um documento final é colocado à consideração das pessoas participantes da plataforma para validação final.</li><li>O Pacto Inter-cidades é divulgado, apresentado e discutido em diferentes fóruns latino-americanos governamentais</li></ol>"
+        "description": "<p>O <strong>Pacto-Intercidades</strong> é um instrumento de incidência pública construído de forma colaborativa, em que pessoas e cidades definem uma visão estratégica para enfrentar a crise climática a partir da América Latina para o mundo.</p><p class='py-3 has-text-weight-bold'>Como funciona:</p><ol><li>Cada <a href='#countries-banner'>Assembleia Climática</a> decide por pelo menos 4 propostas de princípios para o pacto.</li><li>As propostas são publicadas na plataforma do Pacto-Intercidades para receber contribuições, sugestões e comentários da população em geral.</li><li>Para participar do debate e determinação do Pacto, as pessoas devem se registrar com nome e cidade <a href='https://pacto.resurgentes.org/auth/register'>aqui</a>.</li><li>Ao longo do processo de participação são geradas versões atualizadas e aprimoradas do Pacto, graças às contribuições das pessoas.</li><li>Por fim, um documento final do Pacto-Intercidades é gerado e será apresentado para consideração das pessoas para sua validação final.</li></ol>"
     }
 }

src/app/[lang]/page.jsx

@@ -4,23 +4,28 @@ import CountriesBanner from "@/app/_components/landing/countries-banner";
 import CountryBanner from "@/app/_components/landing/country-banner";
 import SliderBanner from "@/app/_components/landing/slider-banner";
 import { getDictionary } from "./dictionaries";
+import { BANNER_BACKGROUND } from "@/utils/constants";
 
 export async function generateStaticParams() {
     return ['es','pt'].map((lang) => {
-      return { lang }
-    })
-  }
+        return { lang }
+    })}
 
 
 export default async function Landing({ params: { lang } }) {
     const dict = await getDictionary(lang)
 
+    const getRandomBackground =()=>{
+        var randomNumber = Math.random();
+        const index=Math.floor(BANNER_BACKGROUND.length*randomNumber)
+        return BANNER_BACKGROUND[index]
+    }
 
 
     return (
         <div className="landing-wrapper">
             <BannerTitle
-                image="/images/image-city.png"
+                image={`/images/banners/${getRandomBackground()}`}
                 title={dict.bannerTitle.title}
                 linkButton="#banner-interciudad"
                 textButton={dict.bannerTitle.button}

src/app/_components/landing/country-banner.jsx

@@ -6,7 +6,7 @@ export default function CountryBanner({ country }) {
         <div className="country mx-auto is-relative">
             <h1 className="is-size-2 has-text-weight-bold">{country.name}</h1>
             <div className="content ">
-                <p><strong>CIUDAD: </strong>{country.name}</p>
+                <p><strong>CIUDAD: </strong>{country.city}</p>
                 <p><strong>ORGANIZACION LÍDER: </strong>{country.leader}</p>
                 <p><strong>FECHA DE COMIENZO: </strong>{country.date}</p>
                 <p>{country.description}</p>

src/app/_components/layout/navbar.jsx

@@ -53,7 +53,7 @@ export default function Navbar() {
             <div className={`navbar-links has-text-white is-flex-grow-1 ${!menuOpen ? 'is-hidden-mobile' : ''}`}>
                 <ul >
                     <li >
-                        <Link onClick={handleOpenMenu} className='link-navbar' href="/" >
+                        <Link onClick={handleOpenMenu} className='link-navbar' href="#" >
                             <span>
                                 Inicio
                             </span>

src/static/scss/common.scss

@@ -136,7 +136,7 @@
   background-size: cover;
 
   .is-overlay {
-    background-color: #ffffff52;
+    background-color: #ffffff87;
   }
 
   .content {

src/utils/constants.js

@@ -0,0 +1,3 @@
+export const BANNER_BACKGROUND = [
+    'banner_argentina.jpg', 'banner_brasil.jpg', 'banner_colombia.avif', 'banner_mexico.avif'
+]