fix: improve copy

safe-global · Oct 27, 2023 · 9cf1df6 · 9cf1df6
1 parent 73adec8
commit 9cf1df6
Show file tree

Hide file tree

Showing 9 changed files with 23 additions and 21 deletions.
diff --git a/public/images/Governance/Parallaxes/DaoStats/proposals.png b/public/images/Governance/Parallaxes/DaoStats/proposals.png
diff --git a/src/components/Core/BannerCta/index.tsx b/src/components/Core/BannerCta/index.tsx
@@ -19,7 +19,7 @@ export const BannerCta = ({ title, buttons, caption }: BaseBlock): ReactElement
           className={css.chip}
           variant="outlined"
         />
-        <Typography variant="h2" color="text.primary" mt={3} mb={5}>
+        <Typography variant="h2" mt={3} mb={5}>
           {title}
         </Typography>
         <ButtonsWrapper buttons={buttons} />

diff --git a/src/components/Core/LinkedCardGrid/index.tsx b/src/components/Core/LinkedCardGrid/index.tsx
@@ -25,7 +25,7 @@ const GridItem = ({ title, text, children, link }: BaseBlock & { children: React
       <a href={link?.href} target="_blank" rel="noreferrer" className={css.cardLink}>
         <div className={css.animationWrapper}>{children}</div>
         <div>
-          <Typography variant="h4" mt={3} mb={1} color="text.primary">
+          <Typography variant="h4" mt={3} mb={1}>
             {title}
           </Typography>
           <Typography color="primary.light">{text}</Typography>

diff --git a/src/components/Core/Masthead/index.tsx b/src/components/Core/Masthead/index.tsx
@@ -22,7 +22,7 @@ export const Masthead = ({ title, buttons, caption, image }: BaseBlock): ReactEl
               className={css.chip}
               variant="outlined"
             />
-            <Typography variant="h2" color="text.primary" mt={3} mb={5}>
+            <Typography variant="h2" mt={3} mb={5}>
               {title}
             </Typography>
             <ButtonsWrapper buttons={buttons} />

diff --git a/src/components/Ecosystem/Cards/index.tsx b/src/components/Ecosystem/Cards/index.tsx
@@ -17,7 +17,7 @@ const Cards = ({ items, stacked = false }: Pick<BaseBlock, 'items'> & { stacked?
             className={clsx(css.card, stacked && css.stacked)}
           >
             <div className={css.cardContent}>
-              <Typography variant="h4" component="div" color="text.primary">
+              <Typography variant="h4" component="div">
                 {title}
               </Typography>
               {image && <img src={image.src} alt={image.alt} className={css.cardImage} />}

diff --git a/src/components/Governance/OurMission/index.tsx b/src/components/Governance/OurMission/index.tsx
@@ -5,11 +5,11 @@ import { Container, Grid, Typography } from '@mui/material'
 import layoutCss from '@/components/common/styles.module.css'
 import css from './styles.module.css'
 
-const GridItemBigTitle = ({ title, text, children, link }: Partial<BaseBlock> & { children?: ReactNode }) => {
+const GridItemBigTitle = ({ title, text, children }: Partial<BaseBlock> & { children?: ReactNode }) => {
   return (
     <Grid item xs={12} md={4} className={css.card}>
       <div>
-        <Typography variant="h4" mb={1} color="text.primary">
+        <Typography variant="h4" mb={1}>
           {title}
         </Typography>
         <Typography color="primary.light">{text}</Typography>
@@ -19,7 +19,7 @@ const GridItemBigTitle = ({ title, text, children, link }: Partial<BaseBlock> &
   )
 }
 
-const OurMission = (props: Omit<BaseBlock, 'items'> & { items?: Partial<BaseBlock & { tagline: string }>[] }) => {
+const OurMission = (props: BaseBlock) => {
   return (
     <Container className={`${layoutCss.containerShort} ${css.gradientEmphasis}`}>
       <HeaderCTA {...props} bigTitle />
@@ -28,10 +28,12 @@ const OurMission = (props: Omit<BaseBlock, 'items'> & { items?: Partial<BaseBloc
         {props.items?.map((item, index) => (
           <GridItemBigTitle key={index} {...item}>
             {item.image ? <img src={item.image.src} alt={item.image.alt} /> : null}
-            {item.tagline ? (
-              <Typography variant="caption" className={css.tagline}>
-                {item.tagline}
-              </Typography>
+            {item.link ? (
+              <a href={item.link.href} target="_blank" rel="noreferrer">
+                <Typography variant="caption" className={css.tagline}>
+                  {item.link.title}
+                </Typography>
+              </a>
             ) : null}
           </GridItemBigTitle>
         ))}

diff --git a/src/components/Home/TitleTextLinkedCardGrid/index.tsx b/src/components/Home/TitleTextLinkedCardGrid/index.tsx
@@ -38,9 +38,7 @@ const TitleTextLinkedCardGrid = ({ title, text, caption, items }: BaseBlock): Re
                       <Typography variant="caption" component="div" pb="77px" color={isLastItem ? 'secondary' : ''}>
                         {item.caption}
                       </Typography>
-                      <Typography variant="h3" color="text.primary">
-                        {item.title}
-                      </Typography>
+                      <Typography variant="h3">{item.title}</Typography>
                       <ArrowIcon className={css.icon} />
                     </a>
                   </div>

diff --git a/src/components/common/ItemGrid/index.tsx b/src/components/common/ItemGrid/index.tsx
@@ -16,7 +16,7 @@ const ItemGrid = ({ title, items }: BaseBlock) => {
             ? items.map(({ title, text, link }, index) => (
                 <Grid key={index} item xs={12} md={12 / items.length} className={css.card}>
                   <div>
-                    <Typography variant="h4" color="text.primary" mb={1}>
+                    <Typography variant="h4" mb={1}>
                       {title}
                     </Typography>
                     <Typography color="primary.light" component="div">

diff --git a/src/content/governance.json b/src/content/governance.json
@@ -14,7 +14,7 @@
         "variant": "button"
       },
       {
-        "text": "See Snapshot",
+        "text": "Vote on Snapshot",
         "href": "https://snapshot.org/#/safe.eth",
         "variant": "link"
       }
@@ -32,7 +32,7 @@
   },
   {
     "component": "Governance/Proposals",
-    "title": "Live proposals",
+    "title": "Latest proposals",
     "text": "Get involved in the latest proposals or write one of your own and let your voice be heard.",
     "link": {
       "title": "View all proposals",
@@ -44,8 +44,7 @@
     "title": "Top delegates",
     "text": "Get to know the most active Safe Guardians and SafeDAO delegates in the ecosystem, ready to receive your delegation.",
     "footer": {
-      "text": "and more than ",
-      "highlight": "2K delegates."
+      "text": "and more than 2K delegates."
     }
   },
   {
@@ -138,7 +137,7 @@
   },
   {
     "component": "Governance/OurMission",
-    "title": "<b>Our mission</b> is to establish smart accounts as the default means for web3 interactions",
+    "title": "<b>Our mission</b> is to accelerate the transition to smart accounts",
     "link": {
       "title": "Read the SafeDAO constitution",
       "href": "https://snapshot.org/#/safe.eth/proposal/0xbb71846f7fdfdd31033bde9cf25c880b46d50d1dda75cbf653d6a94318f96290"
@@ -151,7 +150,10 @@
           "src": "/images/Governance/ecosystem-avatars.png",
           "alt": "Ecosystem avatars"
         },
-        "tagline": "190+ ecosystem projects"
+        "link": {
+          "title": "190+ ecosystem projects",
+          "href": "https://safe.global/ecosystem"
+        }
       },
       {
         "title": "Resilience through decentralisation",