diff --git a/assets/honkai3rd/nav-icons/grand-instructor.webp b/assets/honkai3rd/nav-icons/grand-instructor.webp
new file mode 100644
index 00000000..5c4b5ed9
Binary files /dev/null and b/assets/honkai3rd/nav-icons/grand-instructor.webp differ
diff --git a/assets/honkai3rd/nav-icons/lustrious-crytallum.webp b/assets/honkai3rd/nav-icons/lustrious-crytallum.webp
new file mode 100644
index 00000000..1839b6be
Binary files /dev/null and b/assets/honkai3rd/nav-icons/lustrious-crytallum.webp differ
diff --git a/assets/honkai3rd/nav-icons/versions.png b/assets/honkai3rd/nav-icons/versions.png
deleted file mode 100644
index a6e0c1f8..00000000
Binary files a/assets/honkai3rd/nav-icons/versions.png and /dev/null differ
diff --git a/assets/honkai3rd/nav-icons/versions.webp b/assets/honkai3rd/nav-icons/versions.webp
new file mode 100644
index 00000000..74d3bd31
Binary files /dev/null and b/assets/honkai3rd/nav-icons/versions.webp differ
diff --git a/assets/honkai3rd/novels/ae-ko-KR-banner.png b/assets/honkai3rd/novels/ae-ko-KR-banner.png
new file mode 100644
index 00000000..2c685819
Binary files /dev/null and b/assets/honkai3rd/novels/ae-ko-KR-banner.png differ
diff --git a/public/locales/en-US/common.json b/public/locales/en-US/common.json
index 2c9b582e..ac132f61 100644
--- a/public/locales/en-US/common.json
+++ b/public/locales/en-US/common.json
@@ -8,7 +8,9 @@
     "stigmata": "Stigmata",
     "elfs": "ELFs",
     "elysian-realm": "Elysian Realm",
-    "wip": "WIP"
+    "wip": "WIP",
+    "media": "Media",
+    "novels": "Novels"
   },
   "nav": {},
   "index": {
diff --git a/public/locales/ko-KR/common.json b/public/locales/ko-KR/common.json
index 8193b00c..a83e5a1b 100644
--- a/public/locales/ko-KR/common.json
+++ b/public/locales/ko-KR/common.json
@@ -8,7 +8,9 @@
     "weapons": "무기",
     "stigmata": "성흔",
     "elfs": "인형",
-    "wip": "작업중"
+    "wip": "작업중",
+    "media": "미디어",
+    "novels": "소설"
   },
   "battlesuits-list": {
     "heading": "발키리",
diff --git a/src/components/organisms/Honkai3rdNavigator.tsx b/src/components/organisms/Honkai3rdNavigator.tsx
index 8145c974..0b5fa346 100644
--- a/src/components/organisms/Honkai3rdNavigator.tsx
+++ b/src/components/organisms/Honkai3rdNavigator.tsx
@@ -59,6 +59,7 @@ const Honkai3rdNavigator = ({ close }: Honkai3rdNavigatorProps) => {
         <NavItem target='stigmata' />
         <NavItem target='elfs' />
         <NavItem target='elysian-realm' />
+        <NavItem target='media' />
       </Box>
 
       <NextLink
@@ -96,6 +97,7 @@ interface NavItemProps {
     | 'weapons'
     | 'elfs'
     | 'elysian-realm'
+    | 'media'
 }
 
 const NavItem = ({ target }: NavItemProps) => {
@@ -111,11 +113,7 @@ const NavItem = ({ target }: NavItemProps) => {
           p: 1,
         }}
       >
-        <SquareImageBox
-          size={30}
-          mr={1}
-          src={`${assetsBucketBaseUrl}/honkai3rd/nav-icons/${target}.png`}
-        />
+        <SquareImageBox size={30} mr={1} src={getIconByTarget(target)} />
         <Text
           sx={{
             overflow: 'hidden',
@@ -129,3 +127,14 @@ const NavItem = ({ target }: NavItemProps) => {
     </NextLink>
   )
 }
+
+function getIconByTarget(target: string) {
+  switch (target) {
+    case 'versions':
+      return `${assetsBucketBaseUrl}/honkai3rd/nav-icons/versions.webp`
+    case 'media':
+      return `${assetsBucketBaseUrl}/honkai3rd/nav-icons/grand-instructor.webp`
+    default:
+      return `${assetsBucketBaseUrl}/honkai3rd/nav-icons/${target}.png`
+  }
+}
diff --git a/src/pages/honkai3rd/media/index.tsx b/src/pages/honkai3rd/media/index.tsx
new file mode 100644
index 00000000..1743dbb5
--- /dev/null
+++ b/src/pages/honkai3rd/media/index.tsx
@@ -0,0 +1,71 @@
+/** @jsxImportSource theme-ui */
+import {
+  Box,
+  Heading,
+  Flex,
+  Card,
+  Image,
+  Paragraph,
+  Link,
+} from '@theme-ui/components'
+import Breadcrumb from '../../../components/organisms/Breadcrumb'
+import { useTranslation } from '../../../lib/i18n'
+import Head from '../../../components/atoms/Head'
+import Honkai3rdLayout from '../../../components/layouts/Honkai3rdLayout'
+import { assetsBucketBaseUrl } from 'lib/consts'
+import { getI18NProps } from 'server/i18n'
+import { NextPageContext } from 'next'
+
+const MediaPage = () => {
+  const { t } = useTranslation()
+
+  return (
+    <Honkai3rdLayout>
+      <Head
+        title={`${t('common.media')} - ${t('common.honkai-3rd')} - ${t(
+          'common.abyss-lab'
+        )}`}
+        description={''}
+      />
+      <Box p={3}>
+        <Breadcrumb
+          items={[
+            { href: '/honkai3rd', label: t('common.honkai-3rd') },
+            { href: '/honkai3rd/media', label: t('common.media') },
+          ]}
+        />
+
+        <Heading as='h1'>{t('common.media')}</Heading>
+        <Heading as='h2'>{t('common.novels')}</Heading>
+
+        <Flex sx={{ mb: 3 }}>
+          <Link href={'/ko-KR/honkai3rd/novels/ae'} target='_blank'>
+            <Card p={2}>
+              <Image
+                width={300}
+                src={`${assetsBucketBaseUrl}/honkai3rd/novels/ae-ko-KR-banner.png`}
+                alt='네겐트로피 Beta'
+                sx={{ borderRadius: 5 }}
+              />
+              <Box sx={{ textAlign: 'center' }}>🇰🇷 네겐트로피 Beta(작업중)</Box>
+            </Card>
+          </Link>
+        </Flex>
+
+        <Paragraph>
+          Other novels and English verions will be available one day.
+        </Paragraph>
+      </Box>
+    </Honkai3rdLayout>
+  )
+}
+
+export default MediaPage
+
+export async function getStaticProps({ locale }: NextPageContext) {
+  return {
+    props: {
+      ...(await getI18NProps(locale)),
+    },
+  }
+}