feat(ui): implement dynamic dropdown navigation and refactor project cards

Replaced the static navigation with a dynamic, internationalized dropdown menu powered by a new `useNavLinks` composable. The navigation items are now sourced from i18n files. The featured project cards on the homepage have been refactored to use the `<UPageCard>` component, and the content schema is updated with `spotlight` and `highlight` options for enhanced display.
2025-11-06 00:17:34 +08:00
parent 78bc2c34a0
commit 31a4103f9b
10 changed files with 276 additions and 108 deletions
--- a/i18n/locales/en-US/common.json
+++ b/i18n/locales/en-US/common.json
@@ -0,0 +1,57 @@
+{
+  "common": {
+    "header": {
+      "insights": {
+        "label": "Insights",
+        "children": {
+          "xiaomaiBlog": {
+            "label": "Founder's Blog",
+            "description": "The blog sites of our studio founder - Xiaomai."
+          }
+        }
+      },
+      "services": {
+        "label": "Services",
+        "children": {
+          "softwareDev": {
+            "label": "Software Development",
+            "description": "Software and Tools / Automation Development"
+          },
+          "eventVisual": {
+            "label": "Event Big Screen Visualization",
+            "description": "Display the content whichever you want on the big screen of your events!"
+          },
+          "lab": {
+            "label": "Labs and Tests",
+            "description": "Unavailable yet..."
+          },
+          "webDev": {
+            "label": "Web Development",
+            "description": "Customise Web design + CMS"
+          }
+        }
+      },
+      "projects": {
+        "label": "Projects",
+        "children": {
+          "commercialWebsite": {
+            "label": "Commercial Website",
+            "description": "Fully customize website showcases."
+          },
+          "tools": {
+            "label": "Tools and Softwares",
+            "description": "Some QoL tools we developed"
+          },
+          "special": {
+            "label": "Special Projects",
+            "description": "Special projects to meet customer needs"
+          },
+          "gameDev": {
+            "label": "Indie Games",
+            "description": "Have a look at our indie games!"
+          }
+        }
+      }
+    }
+  }
+}
--- a/i18n/locales/zh-CN/common.json
+++ b/i18n/locales/zh-CN/common.json
@@ -0,0 +1,57 @@
+{
+  "common": {
+    "header": {
+      "services": {
+        "label": "服务",
+        "children": {
+          "softwareDev": {
+            "label": "软件开发",
+            "description": "软件和工具/自动化开发"
+          },
+          "eventVisual": {
+            "label": "活动大屏可视化",
+            "description": "在您的活动大屏幕上显示您想要的内容！"
+          },
+          "lab": {
+            "label": "实验室和测试",
+            "description": "还无法使用..."
+          },
+          "webDev": {
+            "label": "网站开发",
+            "description": "定制网页设计 + CMS"
+          }
+        }
+      },
+      "projects": {
+        "label": "案例",
+        "children": {
+          "commercialWebsite": {
+            "label": "商业网站",
+            "description": "完全定制网站展示。"
+          },
+          "tools": {
+            "label": "工具和软件",
+            "description": "我们开发的一些生活质量工具"
+          },
+          "special": {
+            "label": "特别项目",
+            "description": "特殊项目满足客户需求"
+          },
+          "gameDev": {
+            "label": "独立游戏",
+            "description": "看看我们的独立游戏！"
+          }
+        }
+      },
+      "insights": {
+        "label": "博客",
+        "children": {
+          "xiaomaiBlog": {
+            "label": "创始人博客",
+            "description": "我们工作室创始人小麦的博客网站。"
+          }
+        }
+      }
+    }
+  }
+}