style: update mindshare cta component (#2332)

FROM: ![Screenshot 2024-01-24 084618](https://github.com/zesty-io/website/assets/70579069/87dbe76e-60fa-424e-9db5-a4dc2108fac7) TO: ![Screenshot 2024-01-24 084746](https://github.com/zesty-io/website/assets/70579069/57a34be7-ba40-44ef-aa5a-16a882cb27a3) --------- Co-authored-by: root <[email protected]>
zesty-io · Jan 24, 2024 · 18ddcd6 · 18ddcd6
1 parent 77f2548
commit 18ddcd6
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/views/zesty/Article.js b/src/views/zesty/Article.js
@@ -622,6 +622,7 @@ function Article({ content }) {
               {newContent || FillerContent.rich_text}
             </MuiMarkdown>
           </Stack>
+
           <AuthorSection
             authorName={authorName}
             authorDescription={authorDescription}
@@ -662,26 +663,26 @@ function CtaComponent({ title, description, ctaText, ctaLink }) {
             padding: 4,
             gap: 2,
             justifyContent: 'center',
-            alignItems: 'center',
+            alignItems: 'start',
             height: 'auto',
             width: '100%',
-            backgroundColor: '#f0f0f0',
+            backgroundColor: '#101828',
             borderRadius: '8px',
             boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.1)',
-            textAlign: 'center',
+            textAlign: 'left',
           }}
         >
-          <Typography variant="h5" fontWeight={700} color="primary">
+          <Typography variant="h5" fontWeight={700} color="white">
             {title || ''}
           </Typography>
           <MuiMarkdown
             options={{
               overrides: {
-                p: {
+                span: {
                   component: Typography,
                   props: {
                     variant: 'body1',
-                    color: 'text.secondary',
+                    color: '#D0D5DD',
                   },
                 },
               },