refactor: split single-page landing into three separate pages

README.md

@@ -16,14 +16,18 @@ beifan.cn/
 │   ├── layouts/
 │   │   └── Layout.astro          # 主布局组件（包含导航栏、页脚等）
 │   ├── pages/
-│   │   ├── index.astro            # 首页
-│   │   └── intro/
+│   │   ├── index.astro            # 首页（公司介绍）
+│   │   ├── core-business/         # 核心业务页面
+│   │   │   └── index.astro
+│   │   ├── partnership/           # 生态合作页面
+│   │   │   └── index.astro
+│   │   └── intro/                 # 独立产品页面
 │   │       ├── qazk/              # 企安智控详情页
 │   │       ├── hardware/          # 硬件物联详情页
 │   │       ├── customized-deployment/  # 本地化定制详情页
 │   │       └── miniapp-manual/    # 小程序手册页
 │   ├── components/
-│   │   └── sections/             # 首页各功能区块组件
+│   │   └── sections/             # 各功能区块组件
 │   │       ├── Hero.astro
 │   │       ├── Timeline.astro
 │   │       ├── SaaS.astro
@@ -36,9 +40,9 @@ beifan.cn/
 │   │       ├── Contact.astro
 │   │       ├── Partnership.astro
 │   │       └── Footer.astro
-│   ├── styles/
-│   │   └── global.css            # 全局样式
-文件├── public/                       # 静态资源
+│   └── styles/
+│       └── global.css            # 全局样式
+├── public/                       # 静态资源
 │   ├── img/                       # 图片资源
 │   ├── js/                        # JavaScript 文件
 │   ├── docs/                      # 文档资源
@@ -53,6 +57,42 @@ beifan.cn/
 └── pnpm-lock.yaml                # pnpm 锁文件
 ```
 
+## 页面结构
+
+### 1. 首页（公司介绍）- `/`
+
+包含以下内容区块：
+- **Hero 区域**：全场景产业数字化转型服务介绍
+- **公司介绍**：浙江贝凡发展历程时间轴
+- **核心业务 1 - SaaS化系统**：企安智控智能安全管理解决方案
+- **核心业务 2 - 本地化定制**：多行业全场景定制服务
+- **公司荣誉资质**：企业资质展示
+- **联系我们**：联系方式展示
+- **页脚**：版权信息、ICP备案等
+
+### 2. 核心业务页面 - `/core-business`
+
+包含以下内容区块：
+- **最新政策导向**：安全生产相关政策法规
+- **典型事故案例**：重大事故案例分析
+- **核心业务 3 - 硬件物联**：12个物联网应用场景
+- **AI大模型**：15个AI应用场景
+
+### 3. 生态合作页面 - `/partnership`
+
+包含以下内容区块：
+- **生态合作**：合作伙伴信息
+- **页脚**：版权信息、ICP备案等
+
+### 4. 独立产品页面（Intro）
+
+这些页面使用独立的导航栏和样式：
+
+- **企安智控**：智能安全管理平台详细介绍
+- **硬件物联**：27种智能硬件产品展示
+- **本地化定制**：全场景产业数字化定制方案
+- **小程序手册**：企安智控小程序使用指南
+
 ## 快速开始
 
 ### 安装依赖
@@ -89,38 +129,6 @@ pnpm build
 pnpm preview
 ```
 
-## 功能特性
-
-- 响应式设计，支持桌面端和移动端
-- 基于 Astro 的静态站点生成，加载速度快
-- Tailwind CSS 提供丰富的实用样式类
-- 模块化组件设计，便于维护和扩展
-- 支持 Type checking（通过 Astro Check）
-
-## 站点内容
-
-### 主页
-
-- **Hero 区域**：全场景产业数字化转型服务介绍
-- **公司介绍**：浙江贝凡发展历程时间轴
-- **核心业务 1 - SaaS化系统**：企安智控智能安全管理解决方案
-- **核心业务 2 - 本地化定制**：多行业全场景定制服务
-- **最新政策导向**：安全生产相关政策法规
-- **典型事故案例**：重大事故案例分析
-- **核心业务 3 - 硬件物联**：12个物联网应用场景
-- **AI大模型**：15个AI应用场景
-- **公司荣誉资质**：企业资质展示
-- **联系我们**：联系方式展示
-- **生态合作**：合作伙伴信息
-- **页脚**：版权信息、ICP备案等
-
-### Intro 子页面
-
-- **企安智控**：智能安全管理平台详细介绍
-- **硬件物联**：27种智能硬件产品展示
-- **本地化定制**：全场景产业数字化定制方案
-- **小程序手册**：企安智控小程序使用指南
-
 ## 配置说明
 
 ### Astro 配置
@@ -160,6 +168,41 @@ export default {
 }
 ```
 
+### 导航栏配置
+
+导航栏在 `src/layouts/Layout.astro` 中统一管理，采用**单行紧凑设计**，支持导航高亮：
+
+**桌面端：**
+- 单行布局，三个板块并排显示
+- 胶囊式按钮设计，每个板块包含**图标 + 标题**
+- 当前页面：**蓝色填充背景 + 白色文字**高亮显示
+- 非当前页面：灰色文字，悬停显示淡蓝色背景
+
+**移动端：**
+- 卡片式设计，包含图标容器和标题
+- 当前页面蓝色高亮并显示对勾标记
+
+```astro
+---
+const { title = "浙江贝凡网络科技", activeNav = "home" } = Astro.props;
+
+const navItems = [
+  { id: 'home', label: '公司介绍', href: '/', icon: 'fa-building' },
+  { id: 'core-business', label: '核心业务', href: '/core-business', icon: 'fa-cogs' },
+  { id: 'partnership', label: '生态合作', href: '/partnership', icon: 'fa-handshake-o' },
+];
+---
+```
+
+## 功能特性
+
+- 响应式设计，支持桌面端和移动端
+- 基于 Astro 的静态站点生成，加载速度快
+- Tailwind CSS 提供丰富的实用样式类
+- 模块化组件设计，便于维护和扩展
+- 导航栏自动高亮当前页面
+- 支持类型检查（通过 Astro Check）
+
 ## 部署
 
 ### 静态部署