Add Core intro image (#125)

safe-global · Feb 23, 2023 · 63eb832 · 63eb832
1 parent 95b5299
commit 63eb832
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 4 deletions.
diff --git a/public/images/anim1-placeholder.png b/public/images/anim1-placeholder.png
diff --git a/public/images/anim2-placeholder.png b/public/images/anim2-placeholder.png
diff --git a/public/images/core-chip.png b/public/images/core-chip.png
diff --git a/src/components/Core/Intro/index.tsx b/src/components/Core/Intro/index.tsx
@@ -6,8 +6,8 @@ const CoreIntro = ({ title, text, image, link }: BaseBlock) => {
   return (
     <Container>
       <Grid container className={css.container} spacing={{ xs: 6, md: '30px' }} justifyContent="space-between">
-        <Grid item md={6}>
-          <img {...image} />
+        <Grid item md={6} display="flex" justifyContent="center">
+          <img className={css.coreImage} {...image} />
         </Grid>
         <Grid item md={6}>
           <Typography className={css.title} variant="h1" mb={4}>

diff --git a/src/components/Core/Intro/styles.module.css b/src/components/Core/Intro/styles.module.css
@@ -9,6 +9,11 @@
   letter-spacing: -0.01em;
 }
 
+.coreImage {
+  width: 450px;
+  height: auto;
+}
+
 @media(min-width: 600px) {
   .container {
     margin-top: 100px;

diff --git a/src/content/core.json b/src/content/core.json
@@ -3,8 +3,8 @@
     "title": "Safe <u>CORE</u> is Account Abstraction",
     "text": "Full stack. Ready. Battle Tested. Open Source.",
     "image": {
-      "src": "/images/anim1-placeholder.png",
-      "alt": "Safe blob 2"
+      "src": "/images/core-chip.png",
+      "alt": "Safe Core chip"
     },
     "link": {
       "title": "View documentation",