diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss
index eb6167a3e..58715c8da 100644
--- a/assets/scss/common/_dark.scss
+++ b/assets/scss/common/_dark.scss
@@ -383,6 +383,7 @@ $navbar-dark-active-color:          $link-color-dark;
 [data-dark-mode] body .card {
   background: $body-bg-dark;
   border: 1px solid $border-dark;
+  color: $link-color-dark;
 }
 
 [data-dark-mode] body .card.bg-light {
diff --git a/content/en/seachat/_index.md b/content/en/seachat/_index.md
index 22f5cffcf..efd351de8 100644
--- a/content/en/seachat/_index.md
+++ b/content/en/seachat/_index.md
@@ -6,4 +6,5 @@ date: 2020-10-06T08:48:23+00:00
 lastmod: 2020-10-06T08:48:23+00:00
 draft: false
 images: []
+url: "/seachat/index"
 ---
diff --git a/content/en/seachat/getting-started/01-seachat-intro.md b/content/en/seachat/getting-started/01-seachat-intro.md
index aa3fb5665..d7d741e05 100644
--- a/content/en/seachat/getting-started/01-seachat-intro.md
+++ b/content/en/seachat/getting-started/01-seachat-intro.md
@@ -10,6 +10,7 @@ images: []
 aliases:
   - /en/seachat/seachat-intro/01-introduction/
   - /seachat/seachat-intro/01-seachat-intro/
+  - /seachat/
 toc: true
 ---
 
diff --git a/content/en/seameet/_index.md b/content/en/seameet/_index.md
index 3a6a1485e..1816fe57e 100644
--- a/content/en/seameet/_index.md
+++ b/content/en/seameet/_index.md
@@ -6,4 +6,5 @@ date: 2020-10-06T08:48:45+00:00
 lastmod: 2020-10-06T08:48:45+00:00
 draft: false
 images: []
+url: "/seameet/index"
 ---
diff --git a/content/en/seameet/seameet-manual/01-seameet-intro.md b/content/en/seameet/seameet-manual/01-seameet-intro.md
index 82cc45d39..a4a5bdda1 100644
--- a/content/en/seameet/seameet-manual/01-seameet-intro.md
+++ b/content/en/seameet/seameet-manual/01-seameet-intro.md
@@ -10,6 +10,7 @@ menu:
     parent: "seameet-manual"
 aliases:
    - /en/seameet/01-seameet-intro/
+   - /seameet/
 weight: 5
 toc: true
 ---
diff --git a/content/en/seavoice/_index.md b/content/en/seavoice/_index.md
index 00d1809da..747c36923 100644
--- a/content/en/seavoice/_index.md
+++ b/content/en/seavoice/_index.md
@@ -6,4 +6,5 @@ date: 2024-02-12T08:48:57+00:00
 lastmod: 2024-02-12T08:48:57+00:00
 draft: false
 images: []
+url: "/seavoice/index"
 ---
diff --git a/content/en/seavoice/stt/panel_tutorial_en.md b/content/en/seavoice/stt/panel_tutorial_en.md
index 044effdf3..cecff79e2 100644
--- a/content/en/seavoice/stt/panel_tutorial_en.md
+++ b/content/en/seavoice/stt/panel_tutorial_en.md
@@ -10,6 +10,8 @@ menu:
     parent: "stt"
 weight: 102
 toc: true
+aliases:
+    - /seavoice/
 ---
 
 ## Customization Panel
diff --git a/content/en/seax/_index.md b/content/en/seax/_index.md
index 35cdce620..fdc78e84b 100644
--- a/content/en/seax/_index.md
+++ b/content/en/seax/_index.md
@@ -6,4 +6,5 @@ date: 2020-10-06T08:48:23+00:00
 lastmod: 2020-10-06T08:48:23+00:00
 draft: false
 images: []
+url: "/seax/index"
 ---
diff --git a/content/en/seax/seax_enterprise/seax-features.md b/content/en/seax/seax_enterprise/seax-features.md
index 97a1d4158..140933f9a 100644
--- a/content/en/seax/seax_enterprise/seax-features.md
+++ b/content/en/seax/seax_enterprise/seax-features.md
@@ -11,6 +11,7 @@ menu:
 aliases:
    - /seax/seax_intro/01-introduction/
    - /seax/demo_videos/videos/
+   - /seax/
 weight: 102
 toc: true
 ---
diff --git a/content/zh/seachat/_index.md b/content/zh/seachat/_index.md
index 1e8016910..739f701a6 100644
--- a/content/zh/seachat/_index.md
+++ b/content/zh/seachat/_index.md
@@ -7,4 +7,5 @@ lastmod: 2024-02-12T08:48:57+00:00
 draft: false
 images: []
 toc: true
+url: "/zh/seachat/index"
 ---
diff --git a/content/zh/seachat/getting-started/01-seachat-intro.md b/content/zh/seachat/getting-started/01-seachat-intro.md
index b259e9907..8358830fc 100644
--- a/content/zh/seachat/getting-started/01-seachat-intro.md
+++ b/content/zh/seachat/getting-started/01-seachat-intro.md
@@ -11,6 +11,7 @@ menu:
 aliases:
    - /zh/seachat/01-seachat-intro/
    - /zh/seachat/seachat-intro/01-seachat-intro/
+   - /zh/seachat/
 weight: 10
 toc: true
 ---
diff --git a/content/zh/seameet/_index.md b/content/zh/seameet/_index.md
index 06d6aeb1f..3b0ca3eb4 100644
--- a/content/zh/seameet/_index.md
+++ b/content/zh/seameet/_index.md
@@ -6,4 +6,5 @@ date: 2020-10-06T08:48:23+00:00
 lastmod: 2020-10-06T08:48:23+00:00
 draft: false
 images: []
+url: "/zh/seameet/index"
 ---
diff --git a/content/zh/seameet/seameet-manual/01-seameet-intro.md b/content/zh/seameet/seameet-manual/01-seameet-intro.md
index a271db534..71ed144e8 100644
--- a/content/zh/seameet/seameet-manual/01-seameet-intro.md
+++ b/content/zh/seameet/seameet-manual/01-seameet-intro.md
@@ -11,6 +11,7 @@ menu:
 aliases:
    - /zh/seameet/01-seameet-intro/
    - /zh/seameet/seameet-intro/01-seameet-intro/
+    - /zh/seameet/
 weight: 5
 toc: true
 ---
diff --git a/content/zh/seavoice/_index.md b/content/zh/seavoice/_index.md
index 00d1809da..6dc59af1b 100644
--- a/content/zh/seavoice/_index.md
+++ b/content/zh/seavoice/_index.md
@@ -6,4 +6,5 @@ date: 2024-02-12T08:48:57+00:00
 lastmod: 2024-02-12T08:48:57+00:00
 draft: false
 images: []
+url: "/zh/seavoice/index"
 ---
diff --git a/content/zh/seavoice/tts/panel_tutorial_zh.md b/content/zh/seavoice/tts/panel_tutorial_zh.md
index a98949822..c30fc24c3 100644
--- a/content/zh/seavoice/tts/panel_tutorial_zh.md
+++ b/content/zh/seavoice/tts/panel_tutorial_zh.md
@@ -8,6 +8,8 @@ images: []
 menu:
   seax:
     parent: "tts"
+aliases:
+  - /zh/seavoice/
 weight: 102
 toc: true
 ---
diff --git a/content/zh/seax/_index.md b/content/zh/seax/_index.md
index 35cdce620..2bdd01998 100644
--- a/content/zh/seax/_index.md
+++ b/content/zh/seax/_index.md
@@ -6,4 +6,5 @@ date: 2020-10-06T08:48:23+00:00
 lastmod: 2020-10-06T08:48:23+00:00
 draft: false
 images: []
+url: "/zh/seax/index"
 ---
diff --git a/content/zh/seax/demo_videos_zh/videos.md b/content/zh/seax/demo_videos_zh/videos.md
index b41541c16..a2ddbde32 100644
--- a/content/zh/seax/demo_videos_zh/videos.md
+++ b/content/zh/seax/demo_videos_zh/videos.md
@@ -9,6 +9,8 @@ images: []
 menu:
   demo_videos:
     parent: "demo_videos_zh"
+aliases: 
+    - /zh/seax/
 weight: 120
 toc: true
 ---
diff --git a/layouts/seachat/list.html b/layouts/seachat/list.html
index 4775e0cc8..f6d9cd346 100644
--- a/layouts/seachat/list.html
+++ b/layouts/seachat/list.html
@@ -1,22 +1,73 @@
 {{ define "main" }}
-<div class="row justify-content-center">
-  <div class="col-md-12 col-lg-10 col-xl-8">
-    <article>
-      <h1 class="text-center">{{ if eq .CurrentSection .FirstSection }}{{ .Section | humanize }}{{ else }}{{ .Title }}{{ end }}</h1>
-      <div class="text-center">{{ .Content }}</div>
-			<div class="card-list">
-				{{ $currentSection := .CurrentSection }}
-				{{ range where .Site.RegularPages.ByTitle "Section" .Section }}
-					{{ if in (.RelPermalink | string) $currentSection.RelPermalink }}
-						<div class="card my-3">
-							<div class="card-body">
-								<a class="stretched-link" href="{{ .RelPermalink }}">{{ .Params.title | title }} &rarr;</a>
-							</div>
-						</div>
-					{{ end }}
-				{{ end }}
+<!--<div class="row justify-content-center">-->
+<!--  <div class="col-md-12 col-lg-10 col-xl-8">-->
+<!--    <article>-->
+<!--      <h1 class="text-center">{{ if eq .CurrentSection .FirstSection }}{{ .Section | humanize }}{{ else }}{{ .Title }}{{ end }}</h1>-->
+<!--      <div class="text-center">{{ .Content }}</div>-->
+<!--			<div class="card-list">-->
+<!--				{{ $currentSection := .CurrentSection }}-->
+<!--				{{ range where .Site.RegularPages.ByTitle "Section" .Section }}-->
+<!--					{{ if in (.RelPermalink | string) $currentSection.RelPermalink }}-->
+<!--						<div class="card my-3">-->
+<!--							<div class="card-body">-->
+<!--								<a class="stretched-link" href="{{ .RelPermalink }}">{{ .Params.title | title }} &rarr;</a>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--					{{ end }}-->
+<!--				{{ end }}-->
+<!--			</div>-->
+<!--    </article>-->
+<!--  </div>-->
+<!--</div>-->
+<div class="row flex-xl-nowrap">
+	<div class="col-lg-5 col-xl-4 docs-sidebar d-none d-lg-block">
+		<nav {{ if eq .Site.Params.menu.section.collapsibleSidebar false }}id="sidebar-default" {{ end }}class="docs-links" aria-label="Main navigation">
+			{{ partial "sidebar/docs-menu.html" . }}
+		</nav>
+	</div>
+	{{ if ne .Params.toc false -}}
+	<nav class="docs-toc d-none d-xl-block col-xl-3" aria-label="Secondary navigation">
+		{{ partial "sidebar/docs-toc.html" . }}
+	</nav>
+	{{ end -}}
+	{{ if .Params.toc -}}
+	<main class="docs-content col-lg-11 col-xl{{ if eq .Site.Params.options.fullWidth false }}-9{{ end }}">
+		{{ else -}}
+		<main class="docs-content col-lg-11 col-xl-9 mx-xl-auto">
+			{{ end -}}
+			{{ if .Site.Params.options.breadCrumb -}}
+			<!-- https://discourse.gohugo.io/t/breadcrumb-navigation-for-highly-nested-content/27359/6 -->
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb">
+					{{ partial "main/breadcrumb" . -}}
+					<li class="breadcrumb-item active" aria-current="page">{{ .Title }}</li>
+				</ol>
+			</nav>
+			{{ end }}
+			<h1>{{ .Title }}</h1>
+			<p class="lead">{{ .Params.lead | safeHTML }}</p>
+			{{ if ne .Params.toc false -}}
+			<nav class="d-xl-none" aria-label="Quaternary navigation">
+				{{ partial "sidebar/docs-toc.html" . }}
+			</nav>
+			{{ end -}}
+			{{ .Content }}
+			<div class="page-footer-meta d-flex flex-column flex-md-row justify-content-between">
+				{{ if .Site.Params.lastMod -}}
+				{{ partial "main/last-modified.html" . }}
+				{{ end -}}
+				{{ if .Site.Params.editPage -}}
+				{{ partial "main/edit-page.html" . }}
+				{{ end -}}
 			</div>
-    </article>
-  </div>
+			{{ partial "main/docs-navigation.html" . }}
+			<!--
+			{{ if not .Site.Params.options.collapsibleSidebar -}}
+				{{ partial "main/docs-navigation.html" . }}
+			{{ else -}}
+				<div class="my-n3"></div>
+			{{ end -}}
+			-->
+		</main>
 </div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/seameet/list.html b/layouts/seameet/list.html
index 4775e0cc8..f6d9cd346 100644
--- a/layouts/seameet/list.html
+++ b/layouts/seameet/list.html
@@ -1,22 +1,73 @@
 {{ define "main" }}
-<div class="row justify-content-center">
-  <div class="col-md-12 col-lg-10 col-xl-8">
-    <article>
-      <h1 class="text-center">{{ if eq .CurrentSection .FirstSection }}{{ .Section | humanize }}{{ else }}{{ .Title }}{{ end }}</h1>
-      <div class="text-center">{{ .Content }}</div>
-			<div class="card-list">
-				{{ $currentSection := .CurrentSection }}
-				{{ range where .Site.RegularPages.ByTitle "Section" .Section }}
-					{{ if in (.RelPermalink | string) $currentSection.RelPermalink }}
-						<div class="card my-3">
-							<div class="card-body">
-								<a class="stretched-link" href="{{ .RelPermalink }}">{{ .Params.title | title }} &rarr;</a>
-							</div>
-						</div>
-					{{ end }}
-				{{ end }}
+<!--<div class="row justify-content-center">-->
+<!--  <div class="col-md-12 col-lg-10 col-xl-8">-->
+<!--    <article>-->
+<!--      <h1 class="text-center">{{ if eq .CurrentSection .FirstSection }}{{ .Section | humanize }}{{ else }}{{ .Title }}{{ end }}</h1>-->
+<!--      <div class="text-center">{{ .Content }}</div>-->
+<!--			<div class="card-list">-->
+<!--				{{ $currentSection := .CurrentSection }}-->
+<!--				{{ range where .Site.RegularPages.ByTitle "Section" .Section }}-->
+<!--					{{ if in (.RelPermalink | string) $currentSection.RelPermalink }}-->
+<!--						<div class="card my-3">-->
+<!--							<div class="card-body">-->
+<!--								<a class="stretched-link" href="{{ .RelPermalink }}">{{ .Params.title | title }} &rarr;</a>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--					{{ end }}-->
+<!--				{{ end }}-->
+<!--			</div>-->
+<!--    </article>-->
+<!--  </div>-->
+<!--</div>-->
+<div class="row flex-xl-nowrap">
+	<div class="col-lg-5 col-xl-4 docs-sidebar d-none d-lg-block">
+		<nav {{ if eq .Site.Params.menu.section.collapsibleSidebar false }}id="sidebar-default" {{ end }}class="docs-links" aria-label="Main navigation">
+			{{ partial "sidebar/docs-menu.html" . }}
+		</nav>
+	</div>
+	{{ if ne .Params.toc false -}}
+	<nav class="docs-toc d-none d-xl-block col-xl-3" aria-label="Secondary navigation">
+		{{ partial "sidebar/docs-toc.html" . }}
+	</nav>
+	{{ end -}}
+	{{ if .Params.toc -}}
+	<main class="docs-content col-lg-11 col-xl{{ if eq .Site.Params.options.fullWidth false }}-9{{ end }}">
+		{{ else -}}
+		<main class="docs-content col-lg-11 col-xl-9 mx-xl-auto">
+			{{ end -}}
+			{{ if .Site.Params.options.breadCrumb -}}
+			<!-- https://discourse.gohugo.io/t/breadcrumb-navigation-for-highly-nested-content/27359/6 -->
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb">
+					{{ partial "main/breadcrumb" . -}}
+					<li class="breadcrumb-item active" aria-current="page">{{ .Title }}</li>
+				</ol>
+			</nav>
+			{{ end }}
+			<h1>{{ .Title }}</h1>
+			<p class="lead">{{ .Params.lead | safeHTML }}</p>
+			{{ if ne .Params.toc false -}}
+			<nav class="d-xl-none" aria-label="Quaternary navigation">
+				{{ partial "sidebar/docs-toc.html" . }}
+			</nav>
+			{{ end -}}
+			{{ .Content }}
+			<div class="page-footer-meta d-flex flex-column flex-md-row justify-content-between">
+				{{ if .Site.Params.lastMod -}}
+				{{ partial "main/last-modified.html" . }}
+				{{ end -}}
+				{{ if .Site.Params.editPage -}}
+				{{ partial "main/edit-page.html" . }}
+				{{ end -}}
 			</div>
-    </article>
-  </div>
+			{{ partial "main/docs-navigation.html" . }}
+			<!--
+			{{ if not .Site.Params.options.collapsibleSidebar -}}
+				{{ partial "main/docs-navigation.html" . }}
+			{{ else -}}
+				<div class="my-n3"></div>
+			{{ end -}}
+			-->
+		</main>
 </div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/seavoice/list.html b/layouts/seavoice/list.html
index 4775e0cc8..f6d9cd346 100644
--- a/layouts/seavoice/list.html
+++ b/layouts/seavoice/list.html
@@ -1,22 +1,73 @@
 {{ define "main" }}
-<div class="row justify-content-center">
-  <div class="col-md-12 col-lg-10 col-xl-8">
-    <article>
-      <h1 class="text-center">{{ if eq .CurrentSection .FirstSection }}{{ .Section | humanize }}{{ else }}{{ .Title }}{{ end }}</h1>
-      <div class="text-center">{{ .Content }}</div>
-			<div class="card-list">
-				{{ $currentSection := .CurrentSection }}
-				{{ range where .Site.RegularPages.ByTitle "Section" .Section }}
-					{{ if in (.RelPermalink | string) $currentSection.RelPermalink }}
-						<div class="card my-3">
-							<div class="card-body">
-								<a class="stretched-link" href="{{ .RelPermalink }}">{{ .Params.title | title }} &rarr;</a>
-							</div>
-						</div>
-					{{ end }}
-				{{ end }}
+<!--<div class="row justify-content-center">-->
+<!--  <div class="col-md-12 col-lg-10 col-xl-8">-->
+<!--    <article>-->
+<!--      <h1 class="text-center">{{ if eq .CurrentSection .FirstSection }}{{ .Section | humanize }}{{ else }}{{ .Title }}{{ end }}</h1>-->
+<!--      <div class="text-center">{{ .Content }}</div>-->
+<!--			<div class="card-list">-->
+<!--				{{ $currentSection := .CurrentSection }}-->
+<!--				{{ range where .Site.RegularPages.ByTitle "Section" .Section }}-->
+<!--					{{ if in (.RelPermalink | string) $currentSection.RelPermalink }}-->
+<!--						<div class="card my-3">-->
+<!--							<div class="card-body">-->
+<!--								<a class="stretched-link" href="{{ .RelPermalink }}">{{ .Params.title | title }} &rarr;</a>-->
+<!--							</div>-->
+<!--						</div>-->
+<!--					{{ end }}-->
+<!--				{{ end }}-->
+<!--			</div>-->
+<!--    </article>-->
+<!--  </div>-->
+<!--</div>-->
+<div class="row flex-xl-nowrap">
+	<div class="col-lg-5 col-xl-4 docs-sidebar d-none d-lg-block">
+		<nav {{ if eq .Site.Params.menu.section.collapsibleSidebar false }}id="sidebar-default" {{ end }}class="docs-links" aria-label="Main navigation">
+			{{ partial "sidebar/docs-menu.html" . }}
+		</nav>
+	</div>
+	{{ if ne .Params.toc false -}}
+	<nav class="docs-toc d-none d-xl-block col-xl-3" aria-label="Secondary navigation">
+		{{ partial "sidebar/docs-toc.html" . }}
+	</nav>
+	{{ end -}}
+	{{ if .Params.toc -}}
+	<main class="docs-content col-lg-11 col-xl{{ if eq .Site.Params.options.fullWidth false }}-9{{ end }}">
+		{{ else -}}
+		<main class="docs-content col-lg-11 col-xl-9 mx-xl-auto">
+			{{ end -}}
+			{{ if .Site.Params.options.breadCrumb -}}
+			<!-- https://discourse.gohugo.io/t/breadcrumb-navigation-for-highly-nested-content/27359/6 -->
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb">
+					{{ partial "main/breadcrumb" . -}}
+					<li class="breadcrumb-item active" aria-current="page">{{ .Title }}</li>
+				</ol>
+			</nav>
+			{{ end }}
+			<h1>{{ .Title }}</h1>
+			<p class="lead">{{ .Params.lead | safeHTML }}</p>
+			{{ if ne .Params.toc false -}}
+			<nav class="d-xl-none" aria-label="Quaternary navigation">
+				{{ partial "sidebar/docs-toc.html" . }}
+			</nav>
+			{{ end -}}
+			{{ .Content }}
+			<div class="page-footer-meta d-flex flex-column flex-md-row justify-content-between">
+				{{ if .Site.Params.lastMod -}}
+				{{ partial "main/last-modified.html" . }}
+				{{ end -}}
+				{{ if .Site.Params.editPage -}}
+				{{ partial "main/edit-page.html" . }}
+				{{ end -}}
 			</div>
-    </article>
-  </div>
+			{{ partial "main/docs-navigation.html" . }}
+			<!--
+			{{ if not .Site.Params.options.collapsibleSidebar -}}
+				{{ partial "main/docs-navigation.html" . }}
+			{{ else -}}
+				<div class="my-n3"></div>
+			{{ end -}}
+			-->
+		</main>
 </div>
 {{ end }}
\ No newline at end of file