refactor: use "sidebar-tree" for entire rendering

chore: update example site content

chore: add configuration for footer

chore: allow disable footer completely

chore: navbar highlights if contains current page

chore: styling update for partial templates

chore: update steps to use markdown delimiter

exampleSite/content/blog/test.md

@@ -1,5 +0,0 @@
----
-title: Test very long title to see how it looks
----
-
-Hello world!

exampleSite/content/docs/_index.ja.md

@@ -0,0 +1,9 @@
+---
+linkTitle: "ドキュメンテーション"
+title: Hextraへようこそ
+---
+
+**Hextra**は、[Tailwind CSS](https://tailwindcss.com/)で構築された、モダンでレスポンシブでパワフルな[Hugo](https://gohugo.io/)テーマです。
+[Next.js](https://nextjs.org/)テーマの[Nextra](https://github.com/shuding/nextra)にインスパイアされています。
+
+## クイックスタート

exampleSite/content/docs/_index.md

@@ -1,4 +1,9 @@
 ---
 linkTitle: "Documentation"
-title: Welcome to Hextra
+title: Introduction
 ---
+
+**Hextra** is a modern, responsive, and powerful [Hugo](https://gohugo.io/) theme built with [Tailwind CSS](https://tailwindcss.com/).
+It is inspired by Next.js theme [Nextra](https://github.com/shuding/nextra).
+
+Hextra is designed for building websites for documentation, blogs, and landing pages. It is elegant and easy to use out of the box, but also highly customizable to fit your needs.

exampleSite/content/docs/components/_index.ja.md

@@ -0,0 +1,13 @@
+---
+title: コンポーネント
+weight: 2
+---
+
+Hextraは、[Hugo Shortcodes](https://gohugo.io/content-management/shortcodes/)に基づいたさまざまな組み込みコンポーネントを提供しています。
+
+
+{{< cards >}}
+  {{< card link="callouts" title="Callouts" icon="warning" >}}
+  {{< card link="cards" title="Cards" icon="cards" >}}
+  {{< card link="steps" title="Steps" icon="one" >}}
+{{< /cards >}}

exampleSite/content/docs/components/steps.md

@@ -6,7 +6,7 @@ A built-in component to display a series of steps.
 
 ## Example
 
-{{< steps >}}
+{{% steps %}}
 
 ### Step 1
 
@@ -20,15 +20,15 @@ This is the second step.
 
 This is the third step.
 
-{{< /steps >}}
+{{% /steps %}}
 
 
 ## Usage
 
 Put Markdown h3 header within `steps` shortcode.
 
-```markdown
-{{</* steps */>}}
+```
+{{%/* steps */%}}
 ### Step 1
 
 This is the first step.
@@ -36,5 +36,5 @@ This is the first step.
 ### Step 2
 
 This is the second step.
-{{</* /steps */>}}
+{{%/* /steps */%}}
 ```

exampleSite/content/docs/introduction.ja.md

@@ -1,5 +1,6 @@
 ---
 title: はじめに
+weight: 1
 ---
 
 プロジェクトの紹介。