diff --git a/pages/components/Menu/FontAwesomeMenu.js b/pages/components/Menu/FontAwesomeMenu.js
new file mode 100644
index 0000000..fc41d73
--- /dev/null
+++ b/pages/components/Menu/FontAwesomeMenu.js
@@ -0,0 +1,39 @@
+// i18n
+import useTranslation from 'next-translate/useTranslation'
+
+// Router
+import { useRouter } from 'next/router'
+import React, { useEffect, useState } from 'react'
+
+// Next.js
+import Link from 'next/link'
+
+// Load FontAwesome
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { fab } from '@fortawesome/free-brands-svg-icons'
+import { fas } from '@fortawesome/free-solid-svg-icons'
+library.add(fab, fas)
+
+const FontAwesomeMenu = (props) => {
+ const { icon, href } = props
+ const siteTitle = "yude.jp"
+ const router = useRouter()
+ const { locale, locales, defaultLocale, pathname } = router
+
+ const { t, lang } = useTranslation("common")
+ const footer = t('footer')
+ const source = t('source')
+ const tos = t('tos')
+ return (
+
+ )
+}
+
+export default FontAwesomeMenu
\ No newline at end of file
diff --git a/pages/index.js b/pages/index.js
index b25da47..fa2dcde 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,9 +1,9 @@
import Layout from "./components/Layout"
+import FontAwesomeMenu from "./components/Menu/FontAwesomeMenu"
+
import Link from 'next/link'
-import { faDiscord, faGit, faMastodon, faGithub } from '@fortawesome/free-brands-svg-icons'
-import { faBlog, faBook, faUser, faServer, faHouseUser, faHeart } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import Image from 'next/image'
+
import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router'
@@ -25,29 +25,24 @@ export default function Index(props) {
/>
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
+
+
+