added SEO headers

Author: Tom Davis

public/img/fast-tw2.png

@@ -17,6 +17,23 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
+
+    <title>Fast DeFi Tutorial</title>
+    <meta name="description" content="The fastest DeFi tutorial on Earth"/>
+    <meta name="author" content="tomuky"/>
+    <meta name="keywords" content="DeFi, crypto, ETH, Ethereum, BTC, Bitcoin, Tutorial, money, blockchain, decentralized, finance"/>
+
+    <meta property="og:url" content="https://fastdefitutorial.com" />
+    <meta property="og:title" content="Fast DeFi Tutorial" />
+    <meta property="og:description" content="The fastest DeFi tutorial on Earth" />
+    <meta property="og:image" content="img/fast-tw2.png"/>
+
+    <meta name="twitter:title" content="Fast DeFi Tutorial"/>
+    <meta name="twitter:card" content="summary"/>
+    <meta name="twitter:site" content="@tomuky"/>
+    <meta name="twitter:creator" content="@tomuky"/>
+    <meta name="twitter:description" content="The fastest DeFi tutorial on Earth" />
+    <meta name="twitter:image" content="img/fast-tw2.png"/>
 
     <!-- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> -->
     <!--

public/index.html

@@ -8,24 +8,7 @@ let RootLayout = () => {
     return (
         <div className={classes.layout}>
             <Helmet>
-                <title>Fast DeFi Tutorial</title>
-                <meta name="description" content="The fastest DeFi tutorial on Earth"/>
-                <meta name="author" content="tomuky"/>
-                <meta name="keywords" content="DeFi, crypto, ETH, Ethereum, BTC, Bitcoin, Tutorial, money, blockchain, decentralized, finance"/>
-
-                <meta property="og:url" content="https://fastdefitutorial.com" />
-                <meta property="og:title" content="Fast DeFi Tutorial" />
-                <meta property="og:description" content="The fastest DeFi tutorial on Earth" />
-                {/* <meta property="og:image" content={require(`../images/bolt-fb2.png`)}/> */}
-                <meta property="og:image" content={require(`../images/fast-tw2.png`)}/>
-
-                <meta name="twitter:title" content="Fast DeFi Tutorial"/>
-                <meta name="twitter:card" content="summary"/>
-                <meta name="twitter:site" content="@tomuky"/>
-                <meta name="twitter:creator" content="@tomuky"/>
-                <meta name="twitter:description" content="The fastest DeFi tutorial on Earth" />
-                {/* <meta name="twitter:image" content={require(`../images/bolt-tw.png`)}/> */}
-                <meta name="twitter:image" content={require(`../images/fast-tw2.png`)}/>
+                {/* nothing */}
             </Helmet>
             <MainNavigation/>
             <MobileHeader/>

src/layout/RootLayout.js

@@ -12,7 +12,7 @@ const Welcome = () => {
                 <p>DeFi is finance using the blockchain.</p>
                 <p>Easy. Straight to the point. Step by step.</p>
                 <p>Questions? You can reach out on <ExternalLink title='Twitter' to='https://twitter.com/tomuky' icon='twitter-logo.png'/></p>
-                <p>Or email at <ExternalLink title='[email protected]' to='mailto:[email protected]' icon='email-icon.png'/></p>
+                <p>Or email <ExternalLink title='[email protected]' to='mailto:[email protected]' icon='email-icon.png'/></p>
                 <p><InternalLink title='Start here' to='/first' icon='first-logo.png'/></p>
             </div>
         </>