footer + blog post

src/components/footer.js

@@ -1,21 +1,20 @@
 import React from 'react'
+// import Ichthys from '../svg/ichthys.svg'
+import { useSiteMetadata } from '../hooks/use-site-metadata'
 
 export const Footer = () => {
   const year = new Date().getFullYear()
-  // const { biolinkUrl } = useSiteMetadata()
+  const { githubUrl } = useSiteMetadata()
 
   return (
     <footer className="mt-4 flex items-center justify-center gap-2 bg-surface py-6 shadow-inner">
       <div>© {year}</div>
-      {/* <a href={biolinkUrl} className="!no-underline">
-        Stephen Cavender
-      </a> */}
-      <h2 className="text-2xl font-bold">
-        Footer
-      </h2>
+      <a href={githubUrl} className="!no-underline">
+        Artur Akmalov
+      </a>
       {/* <Ichthys alt="ichthys" className="w-8" /> */}
     </footer>
   )
 }
 
-export default Footer
+export default Footer

src/hooks/use-site-metadata.js

@@ -0,0 +1,22 @@
+import { useStaticQuery, graphql } from 'gatsby'
+
+export const useSiteMetadata = () => {
+  const { site } = useStaticQuery(
+    graphql`
+      query SiteMetaData {
+        site {
+          siteMetadata {
+            title
+            siteUrl
+            description
+            image
+            keywords
+            githubUrl
+            linkedInUrl
+          }
+        }
+      }
+    `
+  )
+  return site.siteMetadata
+}

src/pages/about.js

@@ -1,14 +1,19 @@
 import * as React from "react"
 import Header from "../components/header"
+import Footer from "../components/footer"
 
 
 const AboutPage = () => {
   return (
     <main>
-      <Header></Header>
-      <h1 className="text-3xl font-bold">
-        About page
-      </h1>
+      <Header />
+      <div className="mx-auto max-w-screen-xl">
+        <div className="ml-7 mt-6 justify-between">
+          <h1>About page</h1>
+          <p>Info about me</p>
+        </div>
+      </div>
+      <Footer />
     </main>
   )
 }

src/pages/index.js

@@ -1,7 +1,7 @@
 import * as React from "react"
 // import { Link } from 'gatsby'
-import Footer from "../components/footer"
 import Header from "../components/header"
+import Footer from "../components/footer"
 
 const IndexPage = () => {
   return (