change images, and translations

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

@@ -6,13 +6,18 @@
     },
     "countriesBanner": {
         "title": "Asambleas",
+        "city":"Ciudad",
+        "date":"Fecha",
+        "topic":"Tema",
+        "leader_organization":"Organizacion Líder",
+        "start_date":"FECHA DE COMIENZO",
         "countries": [
             {
                 "name": "Brasil",
                 "code": "BR",
                 "image": "https://cdn-icons-png.flaticon.com/512/197/197386.png",
                 "city": "Bujarú",
-                "date": "marzo-mayo 2024",
+                "date": "marzo-junio 2024",
                 "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."
@@ -55,7 +60,7 @@
         "<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": "",
+        "title": "Pacto-Interciudad",
         "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

@@ -6,13 +6,18 @@
     },
     "countriesBanner": {
         "title": "Assembleias",
+        "city":"Cidade",
+        "date":"Data",
+        "topic":"Tema",
+        "leader_organization":"Organização Líder",
+        "start_date":"Data de início",
         "countries": [
             {
                 "name": "Brasil",
                 "code": "BR",
                 "image": "https://cdn-icons-png.flaticon.com/512/197/197386.png",
                 "city": "Bujaru",
-                "date": "março a maio de 2024",
+                "date": "março a junho de 2024",
                 "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."
@@ -51,11 +56,11 @@
     },
     "sliderBanner": [
         "<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'>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 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": "",
+        "title": "Pacto-Intercidades",
         "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

@@ -6,15 +6,16 @@ import SliderBanner from "@/app/_components/landing/slider-banner";
 import { getDictionary } from "./dictionaries";
 
 export async function generateStaticParams() {
-    return ['es','pt'].map((lang) => {
+    return ['es', 'pt'].map((lang) => {
         return { lang }
-    })}
+    })
+}
 
 
 export default async function Landing({ params: { lang } }) {
     const dict = await getDictionary(lang)
 
-    
+
 
     return (
         <div className="landing-wrapper">
@@ -25,16 +26,18 @@ export default async function Landing({ params: { lang } }) {
                 subtitle={dict.bannerTitle.subtitle}
             />
             <CountriesBanner
+                dict={dict}
                 countries={dict.countriesBanner.countries}
                 title={dict.countriesBanner.title}
             />
             <SliderBanner
                 textsSlider={dict.sliderBanner}
             />
             <BannerPactoLanding
+                title={dict.pactoBannerSecction.title}
                 description={dict.pactoBannerSecction.description} />
             <div className="country-banner">
-                {dict.countriesBanner.countries.map(country => <CountryBanner key={country.code} country={country} />)}
+                {dict.countriesBanner.countries.map(country => <CountryBanner key={country.code} dict={dict} country={country} />)}
             </div>
         </div>
     )

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

@@ -1,9 +1,9 @@
 
 
-export default function BannerPactoLanding({ description }) {
+export default function BannerPactoLanding({ title, description }) {
 
     return (<div className="banner-interciudad has-background-cream  py-6 px-2" id="banner-interciudad">
-        <h1 className="has-text-centered is-size-2 is-size-3-touch has-text-weight-bold"> Pacto Inter-Ciudad</h1>
+        <h1 className="has-text-centered is-size-2 is-size-3-touch has-text-weight-bold"> {title}</h1>
         {/* <div className="has-text-centered py-5">
             <img src="/images/image-pacto-interciudad.png" alt="pacto inter-ciudad" />
 

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

@@ -3,7 +3,7 @@ import { getDictionary } from "@/app/[lang]/dictionaries";
 
 
 
-export default function CountriesBanner({ countries, title }) {
+export default function CountriesBanner({ dict,countries, title }) {
     return <div className="countries-banner has-text-centered has-background-cream py-6" id="countries-banner">
         <h1 className="has-text-color-white has-text-centered is-size-2 has-text-weight-bold">{title}</h1>
         <div className="card-group is-flex is-justify-content-space-evenly is-flex-wrap-wrap my-4">
@@ -21,9 +21,9 @@ export default function CountriesBanner({ countries, title }) {
                         </p>
                         <div className="content is-flex-grow-1 is-flex is-flex-direction-column  is-justify-content-center">
                             <ul>
-                                <li><strong>Ciudad: </strong>{country.city}</li>
-                                <li><strong>Fecha: </strong>{country.date}</li>
-                                <li><strong>Tema: </strong>{country.topic}</li>
+                                <li><strong>{dict.countriesBanner.city}: </strong>{country.city}</li>
+                                <li><strong>{dict.countriesBanner.date}: </strong>{country.date}</li>
+                                <li><strong>{dict.countriesBanner.topic}: </strong>{country.topic}</li>
                             </ul>
                         </div>
                     </div>

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

@@ -1,14 +1,14 @@
 
 
-export default function CountryBanner({ country }) {
+export default function CountryBanner({ dict, country }) {
     return (<div className=" has-text-centered is-relative" id={country.code} style={{ backgroundImage: `url('/images/country-background/${country.code}.svg')` }}>
         <div className="is-overlay"></div>
         <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.city}</p>
-                <p><strong>ORGANIZACION LÍDER: </strong>{country.leader}</p>
-                <p><strong>FECHA DE COMIENZO: </strong>{country.date}</p>
+                <p><strong className="is-uppercase" >{dict.countriesBanner.city}: </strong>{country.city}</p>
+                <p><strong className="is-uppercase" >{dict.countriesBanner.leader_organization}: </strong>{country.leader}</p>
+                <p><strong className="is-uppercase" >{dict.countriesBanner.start_date}: </strong>{country.date}</p>
                 <p>{country.description}</p>
             </div>
 

src/app/_components/layout/navbar.jsx

@@ -11,6 +11,23 @@ import { handleOverlay } from "@/store/reducers/config";
 import Logo from "@/app/_components/common/logo";
 import LangSwitch from "../common/lang-switch";
 
+const links = [
+    {
+        "/es": "Inicio",
+        "/pt":"Início",
+        "url": "#"
+    },
+    {
+        "/es": "asambleas",
+        "/pt":"Assembleias",
+        "url": "#countries-banner"
+    },
+    {
+        "/es": "sobre",
+        "/pt": "sobre",
+        "url": "#banner-interciudad"
+    }
+]
 
 export default function Navbar() {
     const [menuOpen, setMenuOpen] = useState(false)
@@ -52,7 +69,14 @@ export default function Navbar() {
             </div>
             <div className={`navbar-links has-text-white is-flex-grow-1 ${!menuOpen ? 'is-hidden-mobile' : ''}`}>
                 <ul >
-                    <li >
+                    {links.map((link,idx) =><li key={idx} >
+                        <Link onClick={handleOpenMenu} className='link-navbar' href={link.url} >
+                            <span>
+                                {link[pathname]}
+                            </span>
+                        </Link>
+                    </li>)}
+                    {/* <li >
                         <Link onClick={handleOpenMenu} className='link-navbar' href="#" >
                             <span>
                                 Inicio
@@ -72,7 +96,7 @@ export default function Navbar() {
                                 sobre
                             </span>
                         </Link>
-                    </li>
+                    </li> */}
 
 
 

src/utils/constants.js

@@ -1,6 +1,6 @@
 export const BANNER_BACKGROUND = [
     'banner_argentina.jpg',
     'banner_brasil.jpg',
-    //'banner_colombia.avif',
-    'banner_mexico.png'
+    'banner_colombia.jpg',
+    'banner_mexico.jpg'
 ]