Merge pull request #1718 from ClimateWatch-Vizzuality/homepage-text-c…

…hange

(1.1) Homepage text addition

app/javascript/app/pages/home/intro-section/intro-section-component.jsx

@@ -18,8 +18,9 @@ const HomeIntroSection = () => (
     <div className={cx(styles.column, styles.homeIntro)}>
       <Icon icon={cwLogo} className={styles.cwLogo} />
       <Intro
-        description="Climate Watch offers open data, visualizations and analysis to help policymakers, researchers and other stakeholders gather insights on countries' climate progress."
+        description='<p>Climate Watch offers open data, visualizations and analysis to help policymakers, researchers and other stakeholders gather insights on countries&apos; climate progress.</p><p>Countries are expected to submit new <a href="https://www.wri.org/insights/nationally-determined-contributions-ndcs-explained" rel="noopener noreferrer" target="_blank">NDCs</a> by early 2025. <a href="/ndc-tracker">Track submissions here</a> and learn about the <a href="https://www.wri.org/ndcs" rel="noopener noreferrer" target="_blank">benefits of strong new NDCs</a>.</p>'
         className={styles.intro}
+        skipAbbrReplace
       />
       <AutocompleteSearch
         className={styles.autocompleteSearch}

app/javascript/app/pages/home/intro-section/intro-section-styles.scss

@@ -12,6 +12,10 @@
 .intro {
   margin-bottom: 14px;
   text-align: center;
+
+  p + p {
+    margin-top: 12px;
+  }
 }
 
 .homeIntro {