2021-02-06 02:38:26 +09:00
|
|
|
import Layout from "./components/Layout"
|
2021-02-06 10:38:30 +09:00
|
|
|
import Navbar from "./components/Navbar"
|
2021-02-06 02:31:04 +09:00
|
|
|
import Link from 'next/link'
|
|
|
|
import Image from 'next/image'
|
2021-02-06 14:30:05 +09:00
|
|
|
import useTranslation from 'next-translate/useTranslation'
|
2021-02-06 14:05:36 +09:00
|
|
|
import { useRouter } from 'next/router'
|
|
|
|
|
|
|
|
export default function Index(props) {
|
|
|
|
const router = useRouter()
|
|
|
|
const { locale, locales, defaultLocale, pathname } = router
|
|
|
|
|
2021-02-06 14:30:05 +09:00
|
|
|
const { t, lang } = useTranslation("index")
|
|
|
|
const welcome = t('welcome')
|
|
|
|
const instead_1 = t('instead_1')
|
|
|
|
const instead_2 = t('instead_2')
|
2021-02-06 14:05:36 +09:00
|
|
|
return (
|
2021-02-06 02:31:04 +09:00
|
|
|
|
|
|
|
<Layout title="ホーム">
|
2021-02-06 10:38:30 +09:00
|
|
|
<Navbar />
|
2021-02-06 09:36:00 +09:00
|
|
|
<div className="my-9">
|
|
|
|
<Image className="rounded-full"
|
2021-02-06 02:46:15 +09:00
|
|
|
src = "/static/images/avatar.png"
|
|
|
|
alt = "yude's avatar"
|
|
|
|
width = {200}
|
|
|
|
height = {200}
|
|
|
|
unoptimized = {true}
|
2021-02-06 02:31:04 +09:00
|
|
|
/>
|
2021-02-06 14:30:05 +09:00
|
|
|
<p>🔨 {welcome} 🔨</p>
|
|
|
|
<p>{instead_1}<Link href="https://yude.moe"><a>yude.moe</a></Link>{instead_2}</p>
|
2021-02-06 02:31:04 +09:00
|
|
|
</div>
|
2021-02-06 09:36:00 +09:00
|
|
|
|
2021-02-06 02:31:04 +09:00
|
|
|
</Layout>
|
|
|
|
)
|
2021-02-06 14:05:36 +09:00
|
|
|
}
|