diff --git a/app/pages/index.vue b/app/pages/index.vue
index 8f996e1..cb9ed62 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -61,7 +61,7 @@
                       :href="product.repo"
                       target="_blank"
                     >
-                      <n-icon><code-round /></n-icon>
+                      <n-icon color="black"><code-round /></n-icon>
                     </n-button>
                     <n-button
                       v-if="product.url"
@@ -72,7 +72,7 @@
                       :href="product.url"
                       target="_blank"
                     >
-                      <n-icon><launch-round /></n-icon>
+                      <n-icon color="black"><launch-round /></n-icon>
                     </n-button>
                   </div>
                   <div
@@ -83,7 +83,9 @@
                     <p class="text-lg text-white line-height-1">
                       {{ product.name }}
                     </p>
-                    <p>{{ product.description }}</p>
+                    <p class="text-white line-height-1">
+                      {{ product.description }}
+                    </p>
                   </div>
                 </n-carousel-item>
               </n-carousel>
diff --git a/app/pages/terms/index.vue b/app/pages/terms/index.vue
new file mode 100644
index 0000000..423ad7d
--- /dev/null
+++ b/app/pages/terms/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="container max-w-lg mx-auto my-16">
+    <h1 class="text-4xl font-bold mb-4">Terms and Conditions</h1>
+    <nuxt-link v-for="term in terms" :key="term.path" :to="term.path">
+      <n-card :title="term.title" hoverable class="mb-4 mx-[-8px]">
+        <p>{{ term.description }}</p>
+
+        <template #footer>
+          <p class="text-xs">
+            Last updated at
+            {{ new Date(term.updatedDate).toLocaleDateString() }}
+          </p>
+        </template>
+      </n-card>
+    </nuxt-link>
+  </div>
+</template>
+
+<script setup>
+import { NCard } from "naive-ui";
+const { data: terms } = await useAsyncData("terms", () =>
+  queryCollection("terms").order("updatedDate", "DESC").all(),
+);
+</script>
+
+<style scoped>
+/* Styling for the terms listing page */
+</style>
diff --git a/content.config.ts b/content.config.ts
index df47aa7..815af12 100644
--- a/content.config.ts
+++ b/content.config.ts
@@ -22,6 +22,7 @@ export default defineContentConfig({
       source: "terms/**.md",
       schema: z.object({
         title: z.string().nonempty(),
+        description: z.string().optional(),
         updatedDate: z.date().optional(),
       }),
     }),
diff --git a/content/terms/basic-law.md b/content/terms/basic-law.md
index 19ed9f9..05045d9 100644
--- a/content/terms/basic-law.md
+++ b/content/terms/basic-law.md
@@ -1,8 +1,11 @@
 ---
 title: User Agreement / Basic Law
+description: The framework of rules for all Solsynth LLC products.
 updatedDate: 2025-03-19T16:12:21.897Z
 ---
 
+# User Agreement
+
 This User Agreement (a.k.a. the Basic Law) is the framework of rules for all Solsynth LLC products, and other related regulations should comply with it, or the entry will not be effective.
 
 This User Agreement will be referred to herein as “these Terms and Conditions” and Solsynth LLC will refer to it as “we” and “us”.
diff --git a/content/terms/privacy-policy.md b/content/terms/privacy-policy.md
index 5bd5466..d7d88a8 100644
--- a/content/terms/privacy-policy.md
+++ b/content/terms/privacy-policy.md
@@ -1,8 +1,11 @@
 ---
 title: Privacy Policy / Privacy Protection Law
+description: The framework of rules for all Solsynth LLC products.
 updatedDate: 2025-03-19T16:12:21.897Z
 ---
 
+# Privacy Policy
+
 This regulation is an expansion of Chapter 5 of the contents of the “Basic Law”. This entry applies the security protection policy (direct modification by the legislator is not allowed due to the design of user data security).
 
 We take your privacy very seriously. This Privacy Policy outlines the types of personal information we collect, how we use it, and the protective measures we take.