feat: 首页替换为自定义品牌设计

- Home.vue 完整重写为金铜色品牌风格 Vue 3 SFC
- 新增 Hero 终端动画、功能卡片网格、架构可视化、快速开始等模块
- Layout.vue 修复 SPA 路由切换，正确隐藏 VitePress 默认导航
- custom.css 添加 .home-layout 覆盖规则
- index.js 修复未导入 Layout.vue 的问题
- index.md 精简 frontmatter

.vitepress/theme/Layout.vue

@@ -1,21 +1,16 @@
 <script setup>
 import DefaultTheme from 'vitepress/theme'
 import { useRoute } from 'vitepress'
-import { computed, onMounted, onUnmounted } from 'vue'
+import { computed, watch, onUnmounted } from 'vue'
 import Home from './Home.vue'
 
 const route = useRoute()
 const isHome = computed(() => route.path === '/' || route.path === '/index.html')
 
-function applyLayout() {
+watch(isHome, (val) => {
-  if (isHome.value) {
+  document.documentElement.classList.toggle('home-layout', val)
-    document.documentElement.classList.add('home-layout')
+}, { immediate: true })
-  } else {
-    document.documentElement.classList.remove('home-layout')
-  }
-}
 
-onMounted(applyLayout)
 onUnmounted(() => {
   document.documentElement.classList.remove('home-layout')
 })

.vitepress/theme/custom.css

@@ -552,3 +552,17 @@
     padding: 22px 18px 18px !important;
   }
 }
+
+/* ============ HOME LAYOUT OVERRIDES ============ */
+/* Hide VitePress default nav and footer on custom homepage */
+html.home-layout .VPNav {
+  display: none !important;
+}
+
+html.home-layout .VPFooter {
+  display: none !important;
+}
+
+html.home-layout .Layout {
+  padding-top: 0 !important;
+}

.vitepress/theme/index.js

@@ -1,4 +1,8 @@
 import DefaultTheme from 'vitepress/theme'
+import Layout from './Layout.vue'
 import './custom.css'
 
-export default DefaultTheme
+export default {
+  extends: DefaultTheme,
+  Layout
+}

index.md

@@ -1,52 +1,5 @@
 ---
-title: MengStack - 企业级Go语言微服务开发框架 | 开源模块化开发底座
 layout: home
-
+editLink: false
-hero:
+lastUpdated: false
-  name: MengStack
-  text: 企业级 Go 语言微服务开发框架
-  tagline: 面向云原生与 AI 时代的一站式全栈开发底座
-  actions:
-    - theme: brand
-      text: 快速开始
-      link: /guide/getting-started
-    - theme: alt
-      text: 在线演示
-      link: /demo
-    - theme: alt
-      text: GitHub
-      link: https://gitea.softunis.com/mengstack
-
-features:
-  - icon: 🧩
-    title: 全栈组件化集成
-    details: 内置前端模板、API 网关、分布式缓存、消息队列、定时任务等模块，生产验证，开箱即用
-    link: /guide/what-is-mengstack
-  - icon: ⚡
-    title: 零侵入依赖注入
-    details: 兼容 Wire 编译时注入与 uber-go/fx 运行时管理，按需切换，兼顾性能与便捷
-    link: /guide/dependency-injection
-  - icon: 🤖
-    title: AI 原生开发支持
-    details: 内置大模型调用、Agent 内存管理、向量数据库集成，快速落地智能业务场景
-  - icon: 🇳
-    title: 全链路国产化适配
-    details: 兼容国产操作系统、数据库、中间件，满足政企金融等保合规要求
-  - icon: 📚
-    title: 极低学习门槛
-    details: 统一代码规范与完善中文文档，新成员接入周期缩短 70% 以上
-    link: /guide/getting-started
-  - icon: 📊
-    title: 生产级可观测
-    details: 内置链路追踪、指标监控、日志聚合，无需额外搭建监控体系
-  - icon: 🔓
-    title: 完全开源开放
-    details: 核心代码 MIT 协议开源，无商业限制，社区持续迭代，可自由定制扩展
-    link: /community
 ---
-
-## 关于 MengStack
-
-MengStack 是面向云原生与 AI 时代的一站式全栈开发底座，整合主流开源技术能力，为开发者提供开箱即用的组件化开发体验，大幅降低中大型项目的架构搭建成本，让团队专注于核心业务逻辑落地，无需重复造轮子。
-
-我们坚持全栈开源、无厂商锁定的设计理念，覆盖从前端交互、后端服务、数据治理到 AI 能力集成的全链路开发场景，适配国产化软硬件生态，为企业级项目提供稳定、高效、可扩展的技术支撑。