add basic image

Author: ShMcK

src/components/cta.js

@@ -9,7 +9,7 @@ const CallToAction = () => (
       title="Stay Updated"
       description="Be the first to try out CodeRoad. We'd love your feedback!"
     />
-    <a href='https://tiny.cc/coderoad'>
+    <a href='https://tiny.cc/coderoad' target='_blank'>
     <Button>Get Early Access</Button>
     </a>
   </div>

src/components/hero.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types"
 
 import Button from "../components/button"
 import headerImage from "../images/header.png"
-import mockupFrame from "../images/macbook.png"
+import mockupFrame from "../images/sample.png"
 
 const Header = ({ siteTitle }) => (
   <div
@@ -24,15 +24,15 @@ const Header = ({ siteTitle }) => (
         width: "100vw",
         opacity: 0.5,
       }}
-    />
+    /> 
     <h1 style={{ textAlign: "center" }}>CodeRoad</h1>
     <p style={{ textAlign: "center", maxWidth: 440 }}>
       The VSCode extension for interactive coding tutorials.
     </p>
-    <a href='https://tiny.cc/coderoad'>
+    <a href='https://tiny.cc/coderoad' target='_blank'>
       <Button>Get Early Access</Button>
     </a>
-    <div style={{ margin: 60, position: "relative" }}>
+    <div style={{ margin: 30, marginTop: 60, position: "relative" }}>
         <img
           src={mockupFrame}
           alt="outlines of shapes and confetti in the background "