diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index 303d626..fe807f1 100644
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -2,33 +2,36 @@
 layout: "@/layouts/MarkdownLayout.astro"
 ---
 
-import Counter from '../components/Counter.jsx';
-import Title from '../components/Title.astro';
-export const components = { h1: Title };
+export const title = "Hello, Programmer World!";
 
-export const title = "Hello World";
-export const authors = [
- { name: 'Jane', email: 'hi@jane.com' },
- { name: 'John', twitter: '@john2002' },
-];
-export const published = new Date('2022-02-01');
+# {title}
 
-# Hello world
+ようこそ、プログラミングの世界へ！
 
-Written by: {new Intl.ListFormat('en').format(authors.map(d => d.name))}.
+このサイトは、初めてプログラミングに触れる方のための研修資料です。  
+プログラミングは難しそうに見えるかもしれませんが、一歩ずつ進んでいけば必ず理解できます。
 
-Published on: {new Intl.DateTimeFormat('en', {dateStyle: 'long'}).format(published)}.
+## 学習コンテンツ
 
-<Counter client:idle>This is a **counter**!</Counter>
+### [CLI (Command Line Interface)](/cli/00-introduction)
 
-## Syntax highlighting
+コンピューターを文字で操作する世界について学びます。  
+プログラミングの基礎となる重要なスキルです。
 
-We also support syntax highlighting in MDX out-of-the-box! This example uses the default [Shiki](https://shiki.style) theme. See the [MDX integration docs](https://docs.astro.build/en/guides/integrations-guide/mdx/#syntax-highlighting) for configuration options.
+### [HTML](/html/00-introduction)
 
-```astro
----
-const weSupportAstro = true;
+ウェブページを作成するための基本的なマークアップ言語を学びます。  
+インターネット上のあらゆるページはHTMLで構築されています。
+
+### [JavaScript](/js/00-introduction)
+
+ウェブページに動きをつけるプログラミング言語を学びます。  
+現代のウェブ開発に欠かせない技術です。
+
+### [Tips](/tips/terminal)
+
+開発に役立つ便利な情報やツールをまとめています。
+
 ---
 
-<h1>Hey, what theme is that? Looks nice!</h1>
-```
+さあ、プログラミングの旅を始めましょう！