add completed illustration assets to homepage

gnosisguild · Oct 18, 2023 · de1105c · de1105c
1 parent de1fb7a
commit de1105c
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 6 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -50,4 +50,4 @@
     ]
   },
   "packageManager": "[email protected]"
-}
+}
diff --git a/frontend/public/cockpit.png b/frontend/public/cockpit.png
diff --git a/frontend/public/mech-idle-less-min.gif b/frontend/public/mech-idle-less-min.gif
diff --git a/frontend/public/mech-idle-less.gif b/frontend/public/mech-idle-less.gif
diff --git a/frontend/src/components/LandingCard/LandingCard.module.css b/frontend/src/components/LandingCard/LandingCard.module.css
@@ -35,10 +35,9 @@
 
 .mech {
   position: absolute;
-  bottom: -2px;
-  left: -40%;
+  bottom: -14px;
+  left: -29%;
   height: 100%;
-  transform: scale(1.55);
 }
 
 .demoInfo {

diff --git a/frontend/src/components/LandingCard/index.tsx b/frontend/src/components/LandingCard/index.tsx
@@ -16,7 +16,11 @@ const LandingCard: React.FC = () => {
         operator of its Mech.
       </p>
       <div className={classes.demoCard}>
-        <img src="/mech-idle.gif" alt="Mech" className={classes.mech} />
+        <img
+          src="/mech-idle-less-min.gif"
+          alt="Mech"
+          className={classes.mech}
+        />
         <ul className={classes.demoInfo}>
           <li>
             <label>Mech</label>

diff --git a/frontend/src/components/Layout/index.tsx b/frontend/src/components/Layout/index.tsx
@@ -27,7 +27,7 @@ const Layout: React.FC<Props> = ({ children, mechAddress }) => {
 
   return (
     <div className={classes.layout}>
-      <img src="/cockpit.jpg" alt="cockpit" className={classes.cockpit} />
+      <img src="/cockpit.png" alt="cockpit" className={classes.cockpit} />
       <header className={classes.header}>
         <div className={classes.nav}>
           <Link to="/">