Fixing texts

messages/en/layout.json

@@ -11,7 +11,7 @@
     "footer": {
       "allRight": "All rights reserved",
       "and": "and",
-      "donation": "Make a donation",
+      "donation": "Donate",
       "legalNotice": "Legal notices"
     }
   },

messages/en/pages/dashboard.json

@@ -208,7 +208,7 @@
         }
       },
       "social": {
-        "title": "Social",
+        "title": "Social Justice",
         "blocks": {
           "social-carbon": {
             "title": "Diversion of resources and food injustice",

messages/en/pages/story.json

@@ -5,7 +5,7 @@
     "explode": {
       "intro": "The salmon industry is a bomb with multiple impacts",
       "social": {
-        "title": "Social",
+        "title": "Social Justice",
         "content": "Diverts food from West African communities."
       },
       "climat": {
@@ -27,7 +27,7 @@
     },
     "edito": {
       "social": {
-        "title": "Social",
+        "title": "Social Justice",
         "content": "Every year, 123,000 to 144,000 tonnes of wild fish are harvested from West African waters to feed Norway's farmed salmon, putting the food security of local communities at risk."
       },
       "climat": {

messages/fr/pages/story.json

@@ -5,7 +5,7 @@
     "explode": {
       "intro": "L’industrie du saumon est une bombe écologique et sociale",
       "social": {
-        "title": "Social",
+        "title": "Justice Social",
         "content": "Détourne la nourriture des communautés d'Afrique de l'Ouest."
       },
       "climat": {

src/app/[locale]/about/about.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import Image from "next/image";
 import { useTranslations } from "next-intl";
 import * as React from "react";
 import "@/lib/env";
@@ -50,14 +49,6 @@ const ExplainSection = () => {
             <h3 className="h3 text-red1 mt-8 mb-4">
               {t("who.content.parts.seastemik.title")}
             </h3>
-            <Image
-              loading="lazy"
-              src="/images/seastemik.avif"
-              width={200}
-              height={100}
-              alt=""
-              className="object-contain"
-            />
             <p
               dangerouslySetInnerHTML={{
                 __html: t.raw("who.content.parts.seastemik.content"),
@@ -86,14 +77,6 @@ const ExplainSection = () => {
             <h3 className="h3 text-red1 mt-8 mb-4">
               {t("who.content.parts.dataforgood.title")}
             </h3>
-            <Image
-              loading="lazy"
-              src="/images/dataforgood.svg"
-              width={200}
-              height={100}
-              alt=""
-              className="object-contain"
-            />
             <p
               dangerouslySetInnerHTML={{
                 __html: t.raw("who.content.parts.dataforgood.content"),