diff --git a/exampleSite/content/_index.ja.md b/exampleSite/content/_index.ja.md
new file mode 100755
index 00000000..0a056721
--- /dev/null
+++ b/exampleSite/content/_index.ja.md
@@ -0,0 +1,29 @@
+---
+title: "Blowfish へようこそ! :tada:"
+description: "このページは Hugo の Blowfish テーマを利用して構築されています。"
+---
+
+
+<div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
+  <span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400">
+    {{< icon "triangle-exclamation" >}}
+  </span>
+  <span class="flex items-center justify-between grow dark:text-neutral-300">
+    <span class="prose dark:prose-invert">こちらは <code id="layout">background</code> レイアウトのデモです。</span>
+    <button
+      id="switch-layout-button"
+      class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+    >
+      レイアウトを変更する &orarr;
+    </button>
+  </span>
+</div>
+
+
+```node
+npx blowfish-tools
+```  
+
+{{< youtubeLite id="SgXhGb-7QbU" label="Blowfish-tools demo" >}}
+
+