Merge pull request #29 from Vizzuality/dev

main <- dev

src/containers/about/description/index.tsx

@@ -1,7 +1,5 @@
 import Image from 'next/image';
 
-import { HiOutlineExternalLink } from 'react-icons/hi';
-
 import DiscoverMoreButton from '@/components/discover-more-button';
 import {
   Dialog,
@@ -20,13 +18,13 @@ export default function AboutDescription() {
   return (
     <Wrapper className="space-y-10 lg:space-y-20">
       <div className="space-y-4">
-        <p className="uppercase tracking-wide">A Horizon Europe project</p>
+        <p className="uppercase tracking-wide">A Horizon Europe Project</p>
         <h2 className="text-xl font-semibold lg:text-3xl">
           <span className="text-wrap">
             Doing more
             <span className="font-thin">4</span>nature
           </span>
-          <span className="text-nowrap"> with citizen science</span>
+          <span className="md:text-nowrap"> with citizen science</span>
         </h2>
       </div>
       <div className="space-y-4 lg:grid lg:grid-cols-12 lg:space-y-0">
@@ -36,12 +34,13 @@ export default function AboutDescription() {
         <div className="space-y-4 leading-8 lg:col-span-6 lg:col-start-8">
           <p>
             more4nature is a Horizon Europe project that started in January 2024, ending in December
-            2027, formed by a consortium of 21 partners and led by IHE Delft.
+            2027, formed by a consortium of 21 partners and led by Uta Wehn from IHE Delft.
           </p>
           <Separator className="my-4 bg-grey-800/20" />
           <p>
             more4nature is structured into work packages that reflect the&nbsp;
-            <span className="font-bold">socio-technical approach</span> of the project.
+            <span className="font-bold md:text-nowrap">socio-technical approach</span> of the
+            project.
           </p>
           <Dialog>
             <DialogTrigger asChild>
@@ -52,22 +51,15 @@ export default function AboutDescription() {
                 <DialogTitle>Project structure</DialogTitle>
                 <DialogDescription>
                   <p>
-                    WP1 is dedicated to the social aspects of empowering citizens and citizen
+                    WP1 is dedicated to the social dimensions of empowering citizens and citizen
                     science initiatives in collaborative environmental compliance assurance, while
-                    WP2 deals with the technical dimensions of these changes. Both WPs support WP3
-                    which implements 40 cases (in Europe, Latin America, Asia and Africa) on
+                    WP2 deals with the technical aspects of these changes. Both WPs support WP3
+                    which implements 40 cases (in Europe, Latin America, Asia, and Africa) in
                     collaborative environmental compliance assurance for zero pollution,
-                    biodiversity protection and deforestation prevention in Europe and abroad. In
-                    addition, we selected LivingLabs and Fab Labs across Europe. WP4 supports the
-                    creation of impact via the broad communication, dissemination and exploitation
-                    of more4nature results to specific target audiences.
-                  </p>
-                  <p>
-                    To discover more about EU research results,{' '}
-                    <a href="https://cordis.europa.eu/" rel="noopener noreferrer" target="_blank">
-                      <span className="underline">visit CORDIS</span>
-                      <HiOutlineExternalLink className="h-[20px] w-[20px] shrink-0" />
-                    </a>
+                    biodiversity protection, and deforestation prevention in Europe and abroad. In
+                    addition, we collaborate with selected LivingLabs and Fab Labs across Europe.
+                    WP4 supports the creation of impact via the broad communication, dissemination,
+                    and exploitation of more4nature results to specific target audiences.
                   </p>
                 </DialogDescription>
               </DialogHeader>

src/containers/about/objectives/index.tsx

@@ -12,41 +12,47 @@ import Wrapper from '@/components/ui/wrapper';
 
 const OBJECTIVES = [
   {
-    name: 'Create transformative change in citizens, communities and authorities in monitoring, protecting and improving pollution, biodiversity and deforestation.',
+    name: 'Improve the understanding of the dynamics in transformative changes, especially regarding the changing roles of citizens, communities and authorities in monitoring, protecting and improving the environment.',
     description:
-      'Clean rivers, lakes, oceans, soils and skies are the basic building blocks of healthy ecosystems and communities. In this theme, more4nature explores how citizen science can monitor, promote and enforce current policies to prevent air, water and plastic pollution.',
-    imageURL: '/images/objectives/create.webp',
+      'We are defining an overarching conceptual framework for collaborative environmental compliance assurance building on systemic behavioural models that detect obstacles and opportunities for involvement of civil society actors in compliance promotion, monitoring and enforcement. Action research in 40 cases will explore and test a set of behavioural best practices and technical tools and promote their adoption.',
+    imageURL: '/images/objectives/objective-01.webp',
   },
   {
     name: 'Increase trust in citizen-generated data as complementary to official observations and enabling its validation, sharing, and reuse.',
     description:
-      'Thriving wildlife and resilient ecosystems sustain the diversity of life on our planet. In this theme, more4nature explores how citizen science can help by promoting compliance with policies that protect species and ecosystem diversity and monitoring policy effectiveness.',
-    imageURL: '/images/objectives/create.webp',
+      'Thriving wildlife and resilient ecosystems sustain the diversity of life on our planet. In this theme, more4nature explores how citizen science can help promote and monitor compliance with policies that protect species and ecosystem diversity and monitoring policy effectiveness.',
+    imageURL: '/images/objectives/objective-02.webp',
   },
   {
-    name: 'Generation of indicators using the European Open Science Cloud (EOSC) as a platform.',
+    name: 'Generate indicators to monitor policy implementation.',
     description:
-      'Deforestation and forest degradation aggravates climate change and the loss of biodiversity. The main driver of deforestation is the expansion of agricultural land, and the EU is responsible for about 20% of deforestation and forest degradation worldwide mainly through imports of agricultural products. In this theme, more4nature explores how citizen generated data can best support deforestation-free imports and the implementation of complementary international agreements by ensuring uptake of relevant citizen generated data in compliance assurance.',
-    imageURL: '/images/objectives/generation.webp',
+      'We will include citizen generated data in the methodologies for elaborating policy indicators to monitor environmental compliance assurance. There is a need to examine the indicators and compare them with legal thresholds while determining temporal tendencies and future projections in an integrated way for the benefit of local/regional/nations authorities.',
+    imageURL: '/images/objectives/objective-03.webp',
   },
   {
-    name: 'Empower citizens and communities by co-designing actions with local authorities to protect their environment in diverse LivingLabs via guidance, tools and capacity building.',
+    name: 'Empower citizens and communities by co-designing actions with local authorities to protect their environment in diverse LivingLabs via guidance, tools, and capacity building.',
     description:
-      'Deforestation and forest degradation aggravates climate change and the loss of biodiversity. The main driver of deforestation is the expansion of agricultural land, and the EU is responsible for about 20% of deforestation and forest degradation worldwide mainly through imports of agricultural products. In this theme, more4nature explores how citizen generated data can best support deforestation-free imports and the implementation of complementary international agreements by ensuring uptake of relevant citizen generated data in compliance assurance.',
-    imageURL: '/images/objectives/empower.webp',
+      'We will go beyond the collection of high-quality data, looking for ways to include citizen generated data in environmental compliance assurance. Recognizing that this could not be sufficient to achieve real impact, other actions will be co-designed between creative and imaginative communities (LivingLabs) and local authorities. This will configure citizen & community-led actions that can be reused by similar communities following the same guidance and tooling.',
+    imageURL: '/images/objectives/objective-04.webp',
   },
   {
     name: 'Enable authorities and national agencies to combine authoritative data and citizen science data for monitoring of policy frameworks.',
     description:
-      'Citizen science is becoming accepted for biodiversity (e.g. species occurrence quantification and forest monitoring) and air quality (e.g. by the deployment of low-cost sensors) but a deeper transformation is needed in the way authorities collaborate with citizens to integrate CGD in the monitoring frameworks for Zero pollution, biodiversity protection and deforestation prevention.',
-    imageURL: '/images/objectives/enable.webp',
+      'Citizen science is becoming accepted for biodiversity (e.g., species occurrence quantification and forest monitoring) and air quality (e.g., by the deployment of low-cost sensors) but a deeper transformation is needed in the way authorities collaborate with citizens to integrate citizen generated data in the monitoring frameworks for zero pollution, biodiversity protection, and deforestation prevention.',
+    imageURL: '/images/objectives/objective-05.webp',
   },
 ];
 
 export default function Objectives() {
   return (
     <>
-      <Wrapper>
+      <Wrapper className="!pt-0">
+        <p className="mb-10 leading-9 md:mb-20 md:text-lg">
+          The main goal of more4nature is to trigger transformative change in conservation efforts
+          regarding zero pollution, biodiversity protection and deforestation prevention by
+          strengthening the role of citizens and communities in environmental compliance assurance.
+          To achieve this, we have 5 key objectives:
+        </p>
         <Media lessThan="lg">
           <ul className="space-y-10 divide-y divide-grey-800/20">
             {OBJECTIVES.map(({ name, description, imageURL }, index) => (
@@ -72,7 +78,7 @@ export default function Objectives() {
             {OBJECTIVES.map(({ name, description, imageURL }) => (
               <div key={name} className="flex h-full w-full flex-1 flex-row-reverse">
                 <AccordionItem key={name} value={name} className="peer w-full px-14 py-10">
-                  <AccordionTrigger>
+                  <AccordionTrigger className="gap-3">
                     <div className="flex items-center space-x-5">
                       <span className="text-lg">{name}</span>
                     </div>