feat(resources): create intro page for each language

src/templates/languageHome.tsx

@@ -0,0 +1,62 @@
+import { graphql } from "gatsby"
+import React, { FC, Fragment } from "react"
+import { Header } from "../components/Header"
+import { Markdown } from "../components/Markdown"
+import { ResourcesList } from "../components/ResourcesList"
+import { SEO } from "../components/SEO"
+
+// @todo maybe find alternative type for data
+const LanguageHome: FC<any> = ({ data, pageContext }) => {
+  const { relativePath } = data.file
+  const { html, excerpt, fields, frontmatter, timeToRead } = data.file.post
+
+  return (
+    <Fragment>
+      <SEO title={frontmatter.title} description={excerpt} />
+      <Header
+        relativePath={relativePath}
+        basePath="/resources"
+        title={frontmatter.title}
+        authors={fields.authors}
+        createdAt={frontmatter.created_at}
+        timeToRead={timeToRead}
+        recommendedReading={frontmatter.recommended_reading}
+        externalResources={frontmatter.external_resources}
+      />
+      <Markdown content={html} />
+      <ResourcesList relativeDirectory={pageContext.language} />
+    </Fragment>
+  )
+}
+
+export default LanguageHome
+
+export const query = graphql`
+  query LanguageHome($language: String!) {
+    file(
+      sourceInstanceName: { eq: "resources" }
+      relativeDirectory: { eq: $language }
+      base: { eq: "intro.md" }
+    ) {
+      relativePath
+      post: childMarkdownRemark {
+        html
+        excerpt
+        fields {
+          authors {
+            name
+            hash
+            avatar
+          }
+        }
+        frontmatter {
+          created_at
+          title
+          recommended_reading
+          external_resources
+        }
+        timeToRead
+      }
+    }
+  }
+`