Add services/

pages/index.js

@@ -18,7 +18,7 @@ import MinecraftMenu from "./components/Menu/MinecraftMenu"
 
 // Font Awesome
 import { faDiscord, faGit, faGithub } from '@fortawesome/free-brands-svg-icons'
-import { faBook, faUser, faServer, faHouseUser, faHeart } from '@fortawesome/free-solid-svg-icons'
+import { faBook, faUser, faServer, faScrewdriver, faHeart } from '@fortawesome/free-solid-svg-icons'
 
 export default function Index(props) {
   const { t } = useTranslation();
@@ -45,7 +45,7 @@ export default function Index(props) {
           <div className="grid grid-cols-3 gap-10">
             <FAMenu dest="/profile" query={query} icon={faUser} />
             <FAMenu dest="/server" query={query} icon={faServer} />
-            <FAMenu dest="/house" query={query} icon={faHouseUser} />
+            <FAMenu dest="/services" query={query} icon={faScrewdriver} />
             <FAMenu dest="https://scrapbox.io/yude" query={query} icon={faBook} />
             <FAMenu dest="https://discord.gg/X6srY7X" query={query} icon={faDiscord} />          
             <FAMenu dest="https://github.com/yudejp" query={query} icon={faGithub} />

pages/services.js

@@ -0,0 +1,49 @@
+// Base layout
+import Layout from "./components/Layout"
+
+// i18n
+import { useTranslation, useLanguageQuery, LanguageSwitcher } from 'next-export-i18n';
+
+// React Router etc.
+import { useRouter } from 'next/router'
+import React from "react"
+
+// React Markdown
+import ReactMarkdown from "react-markdown"
+import gfm from 'remark-gfm';
+import ja from '../docs/services/ja.md'
+import en from '../docs/services/en.md'
+
+// next-seo
+import { NextSeo } from 'next-seo';
+
+export default function Tos(props) {
+    const { t } = useTranslation();
+    const [query] = useLanguageQuery();
+    
+    if (!query) {
+      return <p>Loading...</p>
+    } else {
+    return(
+          <>
+            <NextSeo
+              title="サービス"
+              description="yude.jp で運用中のサービス"
+            />
+            <Layout title={t('services')}>
+              <div>
+                {query["lang"] === 'ja' ? (
+                  <ReactMarkdown plugins={[gfm]}>
+                      {ja}
+                  </ReactMarkdown>
+                ) : (
+                  <ReactMarkdown plugins={[gfm]}>
+                      {en}
+                  </ReactMarkdown>
+                )}
+              </div>
+            </Layout>
+          </>
+        )
+      }
+    }