Renew index pages

2022-01-09 18:31:21 +09:00
parent c668b36a36
commit e5b0184be6
9 changed files with 113 additions and 77 deletions
@@ -1,20 +1,24 @@
 /** @jsxImportSource theme-ui */
-import { Box } from '@theme-ui/components'
-import Link from 'next/link'
+import { Box, Text } from '@theme-ui/components'
+import PageLink from '../components/atoms/PageLink'
 import RootNavigator from '../components/organisms/RootNavigator'

 const IndexPage = () => {
  return (
    <Box>
      <RootNavigator />
-
-      <div>
-        <Link href='/honkai3rd'>
-          <a>
-            <h2>Honkai 3rd</h2>
-          </a>
-        </Link>
-      </div>
+      <Box sx={{ p: 3 }}>
+        <Box>
+          <PageLink href='/honkai3rd'>
+            <Text sx={{ fontSize: 3 }}>Honkai 3rd</Text>
+          </PageLink>
+        </Box>
+        <Box>
+          <PageLink href='/genshin'>
+            <Text sx={{ fontSize: 3 }}>Genshin (Under Construction)</Text>
+          </PageLink>
+        </Box>
+      </Box>
    </Box>
  )
 }