From 37b30382c8efaea088a9dbb48ede76e4faf3911c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa?= <mherrezuelo94@hotmail.com>
Date: Wed, 30 Jul 2025 14:00:52 +0200
Subject: [PATCH] amend lang links url

---
 components/Footer.vue         | 38 +++++++++++++++++--------------
 components/NavBar.vue         | 42 +++++++++++++++++++----------------
 components/WhatIs.vue         | 15 ++++++++-----
 data/es/index.json            |  2 +-
 pages/[langcode]/nosotras.vue | 16 +++++++++++++
 5 files changed, 71 insertions(+), 42 deletions(-)
 create mode 100644 pages/[langcode]/nosotras.vue

diff --git a/components/Footer.vue b/components/Footer.vue
index 43db294..837e3e5 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -2,51 +2,52 @@
   <footer class="bg-background-dark text-white py-12 px-4 md:px-8 flex flex-col gap-8 rounded-t-3xl">
     <div class="flex flex-col lg:flex-row gap-16 md:gap-12 lg:gap-16">
 
-      <div class="flex flex-col justify-between items-center md:items-start w-full md:w-1/3 lg:w-1/6">
+      <div class="flex flex-col gap-6 items-center md:items-start w-full md:w-1/3 lg:w-1/6">
         <div class="mb-4">
           <img src="/assets/svg/logo.svg" alt="Kit-ECO.SOCIAL Logo" class="h-15 w-auto">
         </div>
         <p class="mb-4 text-center md:text-start">Síguenos y entérate de los próximos eventos, novedades y recursos.</p>
         <ul class="flex space-x-4">
           <li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white">
-            <a href="#" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full w-full">
+            <NuxtLink to="#" class="flex items-center justify-center h-full w-full">
               <img src="/assets/svg/instagram.svg" alt="Instagram" class="w-4 h-4">
-            </a>
+            </NuxtLink>
           </li>
           <li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white">
-            <a href="#" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full w-full">
+            <NuxtLink to="#" class="flex items-center justify-center h-full w-full">
               <img src="/assets/svg/facebook.svg" alt="Facebook" class="w-4 h-4">
-            </a>
+            </NuxtLink>
           </li>
           <li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white">
-            <a href="#" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full w-full">
+            <NuxtLink to="#" class="flex items-center justify-center h-full w-full">
               <img src="/assets/svg/linkedin.svg" alt="LinkedIn" class="w-4 h-4">
-            </a>
+            </NuxtLink>
           </li>
           <li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white">
-            <a href="#" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full w-full">
+            <NuxtLink to="#" class="flex items-center justify-center h-full w-full">
               <img src="/assets/svg/x.svg" alt="X-Twitter" class="w-4 h-4">
-            </a>
+            </NuxtLink>
           </li>
         </ul>
+        <a href="mailto:info@kit-eco.social">info@kit-eco.social</a>
       </div>
 
       <div class="flex flex-col md:flex-row justify-between gap-16 md:gap-0 lg:gap-16 w-full lg:w-5/6">
         <div class="flex md:w-2/3 lg:w-1/2">
           <div class="flex flex-col w-1/2">
-            <h3 class="font-semibold text-lg mb-4">Herramientas</h3>
+            <h3 class="font-semibold text-lg mb-6">Herramientas</h3>
             <ul class="space-y-3 text-left">
-              <li><a href="#" class="hover:underline">Consumo Cuidado</a></li>
-              <li><a href="#" class="hover:underline">Aula Virtual</a></li>
-              <li><a href="#" class="hover:underline">Iguales</a></li>
-              <li><a href="#" class="hover:underline">ODS</a></li>
-              <li><a href="#" class="hover:underline">Certifica-T</a></li>
-              <li><a href="#" class="hover:underline">Foro</a></li>
+              <li><NuxtLink :to="`/${langcode}/consumo-cuidado`" class="hover:font-semibold">Consumo Cuidado</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/aula-virtual`" class="hover:font-semibold">Aula Virtual</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/iguales`" class="hover:font-semibold">Iguales</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/ods`" class="hover:font-semibold">ODS</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/certifica-t`" class="hover:font-semibold">Certifica-T</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/foro`" class="hover:font-semibold">Foro</NuxtLink></li>
             </ul>
           </div>
   
           <div class="flex flex-col w-1/2">
-            <h3 class="font-semibold text-lg mb-4">Enlaces rápidos</h3>
+            <h3 class="font-semibold text-lg mb-6">Enlaces rápidos</h3>
             <ul class="space-y-3 text-left">
               <li><a href="#" class="hover:underline">Nosotras</a></li>
               <li><a href="#" class="hover:underline">Contactanos</a></li>
@@ -77,6 +78,9 @@
 import { getCurrentYear } from "@/utils/dates.js";
 export default {
   computed: {
+    langcode() {
+      return this.$store.getters.langcode;
+    },
     year() {
       return getCurrentYear();
     },
diff --git a/components/NavBar.vue b/components/NavBar.vue
index 5a4840e..d2dc1e6 100644
--- a/components/NavBar.vue
+++ b/components/NavBar.vue
@@ -2,7 +2,7 @@
   <nav class="relative">
     <div class="mx-auto flex justify-between items-center h-20">
       <!-- Logo -->
-      <NuxtLink to="/">
+      <NuxtLink :to="`/${langcode}/`">
         <img
           width="121.22628021240234"
           height="48"
@@ -13,8 +13,8 @@
 
       <!-- Desktop menu -->
       <ul class="hidden lg:flex items-center gap-6 font-semibold text-sm">
-        <li><NuxtLink to="/" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">INICIO</NuxtLink></li>
-        <li><NuxtLink to="/nosotras" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">NOSOTRAS</NuxtLink></li>
+        <li><NuxtLink :to="`/${langcode}/`" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">INICIO</NuxtLink></li>
+        <li><NuxtLink :to="`/${langcode}/nosotras`" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">NOSOTRAS</NuxtLink></li>
 
         <!-- Dropdown -->
         <li class="relative" ref="dropdownRef">
@@ -35,19 +35,19 @@
               v-show="dropdownOpen"
               class="absolute right-0 mt-2 w-56 bg-white rounded-3xl shadow-lg p-4 space-y-2 z-50 text-sm text-center"
             >
-              <li><NuxtLink to="/consumo" class="block hover:bg-button hover:text-white px-2 py-1 rounded-t-2xl">CONSUMO CUIDADO</NuxtLink></li>
-              <li><NuxtLink to="/aula-virtual" class="block hover:bg-button hover:text-white px-2 py-1">AULA VIRTUAL</NuxtLink></li>
-              <li><NuxtLink to="/iguales" class="block hover:bg-button hover:text-white px-2 py-1">IGUALES</NuxtLink></li>
-              <li><NuxtLink to="/ods" class="block hover:bg-button hover:text-white px-2 py-1">ODS</NuxtLink></li>
-              <li><NuxtLink to="/certifica" class="block hover:bg-button hover:text-white px-2 py-1">CERTIFICA-T</NuxtLink></li>
-              <li><NuxtLink to="/foro" class="block hover:bg-button hover:text-white px-2 py-1 rounded-b-2xl">FORO</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/consumo`" class="block hover:bg-button hover:text-white px-2 py-1 rounded-t-2xl">CONSUMO CUIDADO</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/aula-virtual`" class="block hover:bg-button hover:text-white px-2 py-1">AULA VIRTUAL</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/iguales`" class="block hover:bg-button hover:text-white px-2 py-1">IGUALES</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/ods`" class="block hover:bg-button hover:text-white px-2 py-1">ODS</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/certifica`" class="block hover:bg-button hover:text-white px-2 py-1">CERTIFICA-T</NuxtLink></li>
+              <li><NuxtLink :to="`/${langcode}/foro`" class="block hover:bg-button hover:text-white px-2 py-1 rounded-b-2xl">FORO</NuxtLink></li>
             </ul>
           </transition>
         </li>
 
         <!-- CTA -->
         <li>
-          <NuxtLink to="/aula" >
+          <NuxtLink :to="`/${langcode}/aula-virtual`">
             <ButtonCTA color="aula-base" size="lg">
               AULA VIRTUAL
             </ButtonCTA>
@@ -75,15 +75,15 @@
     >
     <div v-show="menuIsOpen" class="lg:hidden p-5 bg-gradient-conic rounded-3xl min-h-svh">
         <ul class="space-y-4 text-sm text-end w-fit ml-auto">
-          <li class="p-2"><NuxtLink to="/">INICIO</NuxtLink></li>
-          <li class="p-2"><NuxtLink to="/nosotras">NOSOTRAS</NuxtLink></li>
+          <li class="p-2"><NuxtLink :to="`/${langcode}/`">INICIO</NuxtLink></li>
+          <li class="p-2"><NuxtLink :to="`/${langcode}/nosotras`">NOSOTRAS</NuxtLink></li>
           <li class="p-2 border-b">HERRAMIENTAS</li>
-          <li class="p-2"><NuxtLink to="/consumo">CONSUMO CUIDADO</NuxtLink></li>
-          <li class="p-2"><NuxtLink to="/aula">AULA VIRTUAL</NuxtLink></li>
-          <li class="p-2"><NuxtLink to="/iguales">IGUALES</NuxtLink></li>
-          <li class="p-2"><NuxtLink to="/ods">ODS</NuxtLink></li>
-          <li class="p-2"><NuxtLink to="/certifica">CERTIFICA-T</NuxtLink></li>
-          <li class="p-2"><NuxtLink to="/foro">FORO</NuxtLink></li>
+          <li class="p-2"><NuxtLink :to="`/${langcode}/consumo`">CONSUMO CUIDADO</NuxtLink></li>
+          <li class="p-2"><NuxtLink :to="`/${langcode}/aula`">AULA VIRTUAL</NuxtLink></li>
+          <li class="p-2"><NuxtLink :to="`/${langcode}/iguales`">IGUALES</NuxtLink></li>
+          <li class="p-2"><NuxtLink :to="`/${langcode}/ods`">ODS</NuxtLink></li>
+          <li class="p-2"><NuxtLink :to="`/${langcode}/certifica`">CERTIFICA-T</NuxtLink></li>
+          <li class="p-2"><NuxtLink :to="`/${langcode}/foro`">FORO</NuxtLink></li>
         </ul>
       </div>
     </transition>
@@ -96,10 +96,14 @@ export default {
   data() {
     return {
       dropdownOpen: false,
-      // mobileMenuOpen: false,
       menuIsOpen: false,
     };
   },
+  computed: {
+    langcode() {
+      return this.$store.getters.langcode;
+    },
+  },
   mounted() {
     document.addEventListener('click', this.handleClickOutside);
   },
diff --git a/components/WhatIs.vue b/components/WhatIs.vue
index 6f17a1d..2c910cc 100644
--- a/components/WhatIs.vue
+++ b/components/WhatIs.vue
@@ -14,11 +14,11 @@
           <p v-html="item.content"></p>
         </li>
       </ul>
-      <NuxtLink v-if="button" :to="button.link" class=" w-fit">
-          <ButtonCTA :color="button.color" class="uppercase">
-            {{ button.label }}
-          </ButtonCTA>
-        </NuxtLink>
+      <NuxtLink v-if="button" :to="`/${langcode}/${button.link}`" class=" w-fit">
+        <ButtonCTA :color="button.color" class="uppercase">
+          {{ button.label }}
+        </ButtonCTA>
+      </NuxtLink>
     </div>
     <div class="lg:w-2/5 h-full">
       <img 
@@ -65,6 +65,11 @@ export default {
       }),
     },
   },
+  computed: {
+    langcode() {
+      return this.$store.getters.langcode;
+    },
+  },
   
 };
 </script>
diff --git a/data/es/index.json b/data/es/index.json
index 9f2ed81..7d04620 100644
--- a/data/es/index.json
+++ b/data/es/index.json
@@ -50,7 +50,7 @@
       ],
       "button": {
         "label": "descubre quienes impulsan el proyecto",
-        "link": "/nosotras",
+        "link": "nosotras",
         "color": "button"
       }
     }
diff --git a/pages/[langcode]/nosotras.vue b/pages/[langcode]/nosotras.vue
new file mode 100644
index 0000000..57197b1
--- /dev/null
+++ b/pages/[langcode]/nosotras.vue
@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <h1>Nosotras</h1>
+    <p>Contenido sobre nosotras.</p>
+  </div>
+</template>
+
+<script>
+  export default {
+    
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file