Add the social profiles to the footer

frontend/app/layouts/default.vue

@@ -72,6 +72,15 @@ const { data: categories } = await useFetch<Category[]>('/api/categories', {
             <li><NuxtLinkLocale to="/blog">{{ $t('site.allArticles') }}</NuxtLinkLocale></li>
           </ul>
         </nav>
+
+        <nav class="footer-block" :aria-label="$t('site.follow')">
+          <p class="kicker">{{ $t('site.follow') }}</p>
+          <ul>
+            <li v-for="social in SOCIAL_LINKS" :key="social.name">
+              <a :href="social.url" target="_blank" rel="noopener me">{{ social.name }}</a>
+            </li>
+          </ul>
+        </nav>
       </div>
 
       <p class="container copyright kicker" :lang="locale">

frontend/i18n/locales/en.json

@@ -10,7 +10,8 @@
     "categories": "Categories",
     "contact": "Contact",
     "noCategories": "Nothing published yet",
-    "rights": "All rights reserved."
+    "rights": "All rights reserved.",
+    "follow": "Follow"
   },
   "home": {
     "latest": "Latest",

frontend/i18n/locales/es.json

@@ -10,7 +10,8 @@
     "categories": "Categorías",
     "contact": "Contacto",
     "noCategories": "Aún no hay publicaciones",
-    "rights": "Todos los derechos reservados."
+    "rights": "Todos los derechos reservados.",
+    "follow": "Síguenos"
   },
   "home": {
     "latest": "Último",

frontend/i18n/locales/fr.json

@@ -10,7 +10,8 @@
     "categories": "Catégories",
     "contact": "Contact",
     "noCategories": "Rien n'a encore été publié",
-    "rights": "Tous droits réservés."
+    "rights": "Tous droits réservés.",
+    "follow": "Suivez-nous"
   },
   "home": {
     "latest": "Dernier",

frontend/i18n/locales/it.json

@@ -10,7 +10,8 @@
     "categories": "Categorie",
     "contact": "Contatti",
     "noCategories": "Ancora nessuna pubblicazione",
-    "rights": "Tutti i diritti riservati."
+    "rights": "Tutti i diritti riservati.",
+    "follow": "Seguici"
   },
   "home": {
     "latest": "Ultimo",

frontend/shared/utils/site.ts

@@ -3,3 +3,10 @@ export const SITE_NAME = 'CorralitoComing'
 
 /** Public contact address, shown in the footer. */
 export const SITE_EMAIL = 'corralitocoming@gmail.com'
+
+/** Social profiles listed in the footer. Names are brands, so untranslated. */
+export const SOCIAL_LINKS = [
+  { name: 'X', url: 'https://x.com/CORRALITOCOMING' },
+  { name: 'Instagram', url: 'https://www.instagram.com/corralitocoming' },
+  { name: 'Facebook', url: 'https://www.facebook.com/share/1JwXwQWyQA/' },
+] as const