Add social meta and improvement

public/assets/site.webmanifest

+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file

src/components/Layout.tsx

@@ -18,7 +18,9 @@ export const Layout: FC = ({ children }) => {
           </Link>
           <ul className="right hide-on-med-and-down">
             <li>
-              <a href="#home">Home</a>
+              <Link href="/">
+                <a>Home</a>
+              </Link>
             </li>
             <li>
               <a href="/downloads">Downloads</a>
@@ -129,22 +131,42 @@ export const Layout: FC = ({ children }) => {
               <h5 className="white-text">Social</h5>
               <ul>
                 <li>
-                  <a className="red-text text-darken-2" href="mailto:ronindojo@ronindojo.io" rel="noreferrer" target="_blank">
+                  <a
+                    className="red-text text-darken-2"
+                    href="mailto:ronindojo@ronindojo.io"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
                     Contact
                   </a>
                 </li>
                 <li>
-                  <a className="red-text text-darken-2" href="mailto:support@ronindojo.io" rel="noreferrer" target="_blank">
+                  <a
+                    className="red-text text-darken-2"
+                    href="mailto:support@ronindojo.io"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
                     Support
                   </a>
                 </li>
                 <li>
-                  <a className="red-text text-darken-2" href="https://t.me/RoninDojoUI" rel="noreferrer" target="_blank">
+                  <a
+                    className="red-text text-darken-2"
+                    href="https://t.me/RoninDojoUI"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
                     Telegram
                   </a>
                 </li>
                 <li>
-                  <a className="red-text text-darken-2" href="https://twitter.com/RoninDojoUI" rel="noreferrer" target="_blank">
+                  <a
+                    className="red-text text-darken-2"
+                    href="https://twitter.com/RoninDojoUI"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
                     Twitter
                   </a>
                 </li>
@@ -155,7 +177,7 @@ export const Layout: FC = ({ children }) => {
 
         <div className="footer-copyright grey darken-4">
           <div className="container">
-            Founded 2019 @ The Local Talent Bar, America - © {(new Date).getFullYear()} Ronin Dev Group -{" "}
+            Founded 2019 @ The Local Talent Bar, America - © {new Date().getFullYear()} Ronin Dev Group -{" "}
             <Link href="/canary">
               <a className="red-text text-darken-2">Warrant Canary</a>
             </Link>

src/pages/_app.tsx

@@ -5,6 +5,9 @@ import "../css/materialize.css";
 import "../css/defaults.css";
 import "../css/style.css";
 
+const description =
+  'RoninDojo is a Samourai Wallet Community-driven Bitcoin full node stack optimized for Single Board Computers, like the Raspberry Pi 4. Our user interfaces and powerful features are fit for any level Bitcoiner. RoninDojo is focused on providing the tools you need to safely and securely use your Samourai Wallet and Hardware Wallet so you can "Be your own Master!".';
+
 const MyApp = ({ Component, pageProps }) => {
   return (
     <>
@@ -12,6 +15,20 @@ const MyApp = ({ Component, pageProps }) => {
         <meta charSet="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
 
+        <meta name="description" content={description} />
+
+        <meta name="twitter:card" content="summary" />
+        <meta name="twitter:site" content="@RoninDojoUI" />
+        <meta name="twitter:description" content={description} />
+        <meta name="twitter:image" content="https://ronindojo.io/assets/sharing.png" />
+
+        <meta property="og:url" content="https://ronindojo.io" />
+        <meta property="og:type" content="company" />
+        <meta property="og:description" content={description} />
+        <meta property="og:image" content="https://ronindojo.io/assets/sharing.png" />
+
+        <link rel="canonical" href="https://ronindojo.io" />
+
         <link
           href="https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Raleway:wght@300&family=Roboto+Slab&display=swap"
           rel="stylesheet"
@@ -21,6 +38,12 @@ const MyApp = ({ Component, pageProps }) => {
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js" defer />
         <script src="/js/materialize.js" defer />
         <script src="/js/init.js" defer />
+
+        <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png" />
+        <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png" />
+        <link rel="icon" href="/assets/favicon.ico" />
+        <link rel="manifest" href="/assets/site.webmanifest" />
       </Head>
       <Component {...pageProps} />
     </>

src/pages/canary/index.tsx

@@ -7,6 +7,8 @@ const CanaryPage: NextPage = () => {
     <Fragment>
       <Head>
         <title>Warrant Canary | RoninDojo.io</title>
+        <meta property="og:title" content="Warrant Canary | RoninDojo.io" />
+        <meta name="twitter:title" content="Warrant Canary | RoninDojo.io" />
       </Head>
 
       <div className="container">

src/pages/index.tsx

@@ -6,7 +6,9 @@ const HomePage: NextPage = () => {
   return (
     <Fragment>
       <Head>
-        <title>Homepage | RoninDojo.io</title>
+        <title>RoninDojo.io</title>
+        <meta property="og:title" content="RoninDojo.io" />
+        <meta name="twitter:title" content="RoninDojo.io" />
       </Head>
 
       <div id="index-banner" className="parallax-container">

src/pages/pgp/index.tsx

@@ -6,7 +6,9 @@ const PgpPage: NextPage = () => {
   return (
     <Fragment>
       <Head>
-        <title>Warrant Canary | RoninDojo.io</title>
+        <title>PGP | RoninDojo.io</title>
+        <meta property="og:title" content="PGP | RoninDojo.io" />
+        <meta name="twitter:title" content="PGP | RoninDojo.io" />
       </Head>
 
       <div className="container">