Merge pull request #807 from Vizzuality/LET-1389-text-changes

FE: Platform narrative is directed to Colombia as a whole [LET-1389][LET-1377]
Vizzuality · Dec 18, 2023 · 11986ae · 11986ae
2 parents 8cac4b7 + 355d1e3
commit 11986ae
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 41 deletions.
diff --git a/frontend/containers/for-public-pages/description/component.tsx b/frontend/containers/for-public-pages/description/component.tsx
@@ -32,21 +32,19 @@ export const Description: FC<DescriptionProps> = ({
       </LayoutContainer>
 
       <LayoutContainer className="mt-5 md:mt-32">
-        <div className="flex flex-col mdpy-14 md:grid md:grid-cols-2">
-          <div className="flex flex-col justify-center order-2 p-6 pb-10 overflow-hidden text-white md:py-10 md:order-1 md:-mt-28 rounded-b-2xl md:rounded-3xl md:rounded-br-none bg-green-dark md:px-14">
+        <div className="flex flex-col md:grid md:grid-cols-2">
+          <div className="flex flex-col justify-center order-2 p-6 pb-10 overflow-hidden text-white md:order-1 md:-mt-20 rounded-b-2xl md:rounded-3xl md:rounded-br-none bg-green-dark md:px-14">
             {leftTexts.map((text) => (
               <Fragment key={text.id}>
-                <div className="font-serif text-3xl font-semibold lg:text-4xl xl:text-5xl">
-                  {text.title}
-                </div>
+                <div className="font-serif text-2xl lg:text-3xl xl:text-4xl">{text.title}</div>
                 <p className="mt-4 mb-6">{text.description}</p>
               </Fragment>
             ))}
           </div>
           <div className="order-1 overflow-hidden md:order-2 rounded-t-2xl md:rounded-3xl md:rounded-l-none">
             <div
               className={cx(
-                'flex items-center justify-center w-full h-full bg-cover  bg-blend-overlay bg-black bg-opacity-25',
+                'flex items-center justify-center w-full h-full bg-cover bg-blend-overlay bg-black bg-opacity-25',
                 {
                   "bg-[url('/images/for-investor/for-investors-why-to-invest.jpg')]":
                     page === 'for-investors',
@@ -55,10 +53,8 @@ export const Description: FC<DescriptionProps> = ({
                 }
               )}
             >
-              <div className="max-w-lg p-6 pt-10 text-white md:p-10 md:max-w-md">
-                <h2 className="mb-6 font-serif text-3xl font-bold lg:text-4xl">
-                  {rightText.title}
-                </h2>
+              <div className="max-w-lg py-24 pl-6 text-white md:max-w-md flex flex-col space-y-6">
+                <h2 className="font-serif text-3xl lg:text-4xl">{rightText.title}</h2>
                 <p className="text-lg">{rightText.description}</p>
               </div>
             </div>

diff --git a/frontend/containers/home/hero/component.tsx b/frontend/containers/home/hero/component.tsx
@@ -10,8 +10,8 @@ export const Hero = () => {
       <div className="px-4 sm:text-center sm:px-6 lg:px-8">
         <h1 className="font-serif text-3xl font-bold sm:mx-auto sm:max-w-xl md:max-w-5xl md:text-6xl text-green-light">
           <FormattedMessage
-            defaultMessage="Be part of the biggest change in the Colombian Amazon"
-            id="ZiErTG"
+            defaultMessage="Be part of the biggest change in Colombia"
+            id="t6aHUj"
           />
         </h1>
         <p className="mt-2 text-base text-white sm:mx-auto md:max-w-2xl sm:text-lg md:text-xl">

diff --git a/frontend/layouts/static-page/footer/component.tsx b/frontend/layouts/static-page/footer/component.tsx
@@ -56,8 +56,8 @@ export const Footer: React.FC<FooterProps> = ({
             </Link>
             <p className="max-w-xs mt-2 font-serif text-xl font-semibold leading-7">
               <FormattedMessage
-                defaultMessage="Be part of the biggest change in the colombian Amazon"
-                id="GOg6XJ"
+                defaultMessage="Be part of the biggest change in Colombia"
+                id="t6aHUj"
               />
             </p>
             <p className="mt-5 text-xs font-medium">

diff --git a/frontend/pages/for-investors.tsx b/frontend/pages/for-investors.tsx
@@ -166,8 +166,8 @@ const ForInvestorsPage: PageComponent<ForInvestorsPageProps, StaticPageLayoutPro
         descriptions={[
           <FormattedMessage
             key="desc-1"
-            defaultMessage="HeCo Invest manages a <n>wide range of investment and financing opportunities (investment opportunities for loan, equity or grant funding)</n> in various sector categories and priority landscapes for the conservation and development of the <n>Colombian Amazon region</n>."
-            id="g69fjK"
+            defaultMessage="HeCo Invest manages <n>a wide range of investment and financing opportunities (investment opportunities for loan, equity or grant funding)</n> in various sector categories and priority landscapes for the conservation and <n>development of Colombia</n>, primarily focusing on the Amazon region."
+            id="FFqTal"
             values={{
               n: (chunk: string) => <span className="font-semibold">{chunk}</span>,
             }}
@@ -184,52 +184,51 @@ const ForInvestorsPage: PageComponent<ForInvestorsPageProps, StaticPageLayoutPro
         leftTexts={[
           {
             id: 'population',
-            title: <FormattedMessage defaultMessage="30 million" id="m1w8ew" />,
+            title: (
+              <FormattedMessage
+                defaultMessage="<n>10%</n> of the world's biodiversity is located in Colombia"
+                id="TlSP7S"
+                values={{
+                  n: (chunk: string) => <span className="font-semibold">{chunk}</span>,
+                }}
+              />
+            ),
             description: (
               <>
-                <FormattedMessage defaultMessage="people live in the Amazon region." id="xUR9nd" />
-                <br />
                 <FormattedMessage
-                  defaultMessage="1.5 million indigenous people and more than 5 million Afro-descendants."
-                  id="Sg5j0W"
+                  defaultMessage="Colombia’s natural wealth places the country in the 2nd position in the world biodiversity ranking."
+                  id="N2KahC"
                 />
               </>
             ),
           },
           {
             id: 'carbon',
-            title: <FormattedMessage defaultMessage="123.000 million" id="2HumLB" />,
+            title: (
+              <FormattedMessage
+                defaultMessage="Colombia has <n>1,494</n> protected areas"
+                id="bbUwNS"
+                values={{
+                  n: (chunk: string) => <span className="font-semibold">{chunk}</span>,
+                }}
+              />
+            ),
             description: (
               <>
                 <FormattedMessage
-                  defaultMessage="tons of carbon are stored in the Amazon."
-                  id="Ejc7dP"
-                />
-                <br />
-                <FormattedMessage
-                  defaultMessage="It is one of the most important terrestrial carbon sink on Earth, helping to mitigate climate change."
-                  id="7mgGgs"
+                  defaultMessage="Colombia’s protected areas cover an area of about 49 million hectares. This represents 17% of the country's land area and 30% of the marine area."
+                  id="0drR8b"
                 />
               </>
             ),
           },
-          {
-            id: 'biodiversity',
-            title: <FormattedMessage defaultMessage="10%" id="HlDhAh" />,
-            description: (
-              <FormattedMessage
-                defaultMessage="of the planet’s known biodiversity lives in the Amazon, the largest tropical rainforest on the planet."
-                id="iUt7so"
-              />
-            ),
-          },
         ]}
         rightText={{
           title: <FormattedMessage defaultMessage="Why invest in the Amazon" id="mQk71L" />,
           description: (
             <FormattedMessage
-              defaultMessage="Investing in the Amazon means contributing to improving the quality of life of more than 30 million people. It is also contributing to the development and conservation of a vital region for South America and the world."
-              id="4zK41e"
+              defaultMessage="Investing in the Amazon means contributing to improving the quality of life for more than 30 million people. Additionally, it contributes to the development and conservation of one of the most diverse regions with extensive coverage of protected areas in Colombia. It is also a vital region for South America and the world."
+              id="CCGdq4"
             />
           ),
         }}