Fix links at home page

Author: ardatan

src/Containers/Sections/Hero/index.tsx

@@ -1,11 +1,12 @@
+import { Link } from 'gatsby';
 import React from 'react';
 import HeaderLinks from '../../../components/HeaderLinks';
 import Prism from '../../../components/Prism';
 
 
 const Hero = () => {
     return (
-        <div className="hero">
+      <div className="hero">
         <div className="abs">
           <header aria-hidden>
             <section>
@@ -20,49 +21,52 @@ const Hero = () => {
 
             <div className="marketing-col">
               <h3>Describe your data</h3>
-              <Prism code={
-`type Project {
+              <Prism
+                code={`type Project {
   name: String
   tagline: String
   contributors: [User] 
-}`
-              } language={"graphql"} />
+}`}
+                language={"graphql"}
+              />
             </div>
 
             <div className="marketing-col">
               <h3>Ask for what you want</h3>
-              <Prism code={
-`{
+              <Prism
+                code={`{
   project(name: "GraphQL") {
     tagline
   }
-}`
-              } language={"graphql"} />
+}`}
+                language={"graphql"}
+              />
             </div>
 
             <div className="marketing-col">
               <h3>Get predictable results</h3>
-              <Prism code={
-`{
+              <Prism
+                code={`{
   "project": {
     "tagline": "A query language for APIs"
   }
-}`
-              } language={"json"} />
+}`}
+                language={"json"}
+              />
             </div>
           </section>
 
           <div className="buttons-unit">
-            <a className="button" href="/code/">
+            <Link className="button" to="/code/">
               Get Started
-            </a>
-            <a className="button" href="/learn/">
+            </Link>
+            <Link className="button" to="/learn/">
               Learn More
-            </a>
+            </Link>
           </div>
         </div>
       </div>
-    );
+    )
 };
 
 export default Hero;