refactor: major overhaul of site structure and layout

README.md

@@ -10,6 +10,53 @@
 
 ## 项目结构
 
+```
+beifan.cn/
+├── src/
+│   ├── layouts/
+│   │   └── Layout.astro          # 主布局组件（包含导航栏、页脚等）
+│   ├── pages/
+│   │   ├── index.astro            # 首页（公司介绍）
+│   │   ├── qazk/                  # 企安智控页面
+│   │   │   └── index.astro
+│   │   ├── customization/         # 本地化定制页面
+│   │   │   └── index.astro
+│   │   ├── partnership/           # 生态合作页面
+│   │   │   └── index.astro
+│   │   └── intro/                 # 独立产品页面
+│   │       ├── qazk/              # 企安智控详情页
+│   │       ├── hardware/          # 硬件物联详情页
+│   │       ├── customized-deployment/  # 本地化定制详情页
+│   │       └── miniapp-manual/    # 小程序手册页
+│   ├── components/
+│   │   └── sections/             # 各功能区块组件
+│   │       ├── Hero.astro
+│   │       ├── Timeline.astro
+│   │       ├── SaaS.astro
+│   │       ├── Customization.astro
+│   │       ├── Policy.astro
+│   │       ├── AccidentCases.astro
+│   │       ├── Hardware.astro
+│   │       ├── AIModel.astro
+│   │       ├── Honors.astro
+│   │       ├── Contact.astro
+│   │       ├── Partnership.astro
+│   │       └── Footer.astro
+│   └── styles/
+│       └── global.css            # 全局样式
+├── public/                       # 静态资源
+│   ├── img/                       # 图片资源
+│   ├── js/                        # JavaScript 文件
+│   ├── docs/                      # 文档资源
+│   └── intro/                     # Intro 页面的静态资源
+│       ├── qazk/
+│       ├── hardware/
+│       ├── customized-deployment/
+│       └── miniapp-manual/
+├── astro.config.mjs               # Astro 配置文件
+├── tailwind.config.mjs            # Tailwind CSS 配置文件
+├── package.json                   # 项目依赖配置
+└── pnpm-lock.yaml                # pnpm 锁文件
 ```
 beifan.cn/
 ├── src/
@@ -64,22 +111,27 @@ beifan.cn/
 包含以下内容区块：
 - **Hero 区域**：全场景产业数字化转型服务介绍
 - **公司介绍**：浙江贝凡发展历程时间轴
-- **SaaS化系统**：企安智控智能安全管理解决方案
-- **本地化定制**：多行业全场景定制服务
 - **公司荣誉资质**：企业资质展示
 - **联系我们**：联系方式展示
 - **页脚**：版权信息、ICP备案等
 
-### 2. 核心业务页面 - `/core-business`
+### 2. 企安智控页面 - `/qazk`
 
 包含以下内容区块：
+- **SaaS化系统**：企安智控智能安全管理解决方案
 - **最新政策导向**：安全生产相关政策法规
 - **典型事故案例**：重大事故案例分析
 - **硬件物联**：12个物联网应用场景
 - **AI大模型**：15个AI应用场景
 - **页脚**：版权信息、ICP备案等
 
-### 3. 生态合作页面 - `/partnership`
+### 3. 本地化定制页面 - `/customization`
+
+包含以下内容区块：
+- **本地化定制**：多行业全场景定制服务
+- **页脚**：版权信息、ICP备案等
+
+### 4. 生态合作页面 - `/partnership`
 
 包含以下内容区块：
 - **生态合作**：合作伙伴信息
@@ -189,7 +241,8 @@ 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: 'qazk', { label: '企安智控', href: '/qazk', icon: 'fa-cogs' },
+  { id: 'customization', label: '本地化定制', href: '/customization', icon: 'fa-wrench' },
   { id: 'partnership', label: '生态合作', href: '/partnership', icon: 'fa-handshake-o' },
 ];
 ---

src/components/sections/Partnership.astro

@@ -1,6 +1,6 @@
 ---
 ---
-		<section id="recruitment" class="py-16 md:py-24 bg-white">
+		<section id="recruitment">
 
 			<div class="max-w-7xl mx-auto px-4 lg:px-0">
 				<div class="mb-16 relative">

src/components/sections/SaaS.astro

@@ -1,4 +1,4 @@
-<section class="py-16 md:py-24 bg-slate-50 overflow-hidden">
+<section class="bg-slate-50 overflow-hidden">
 	<div class="max-w-7xl mx-auto space-y-24 px-4 lg:px-0">
 
 		<style>

src/components/sections/Timeline.astro

@@ -1,20 +1,34 @@
 <section id="timeline" class="bg-slate-50">
-	<div class="mb-16 relative mt-20">
+	<div class="relative mt-20">
 		<div class="absolute top-0 left-1/2 -translate-x-1/2 w-80 h-80 bg-blue-100/50 blur-[100px] rounded-full -z-10"></div>
-		<div class="text-center">
+		<div class="text-center mb-12">
 			<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
 				<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">公司介绍</span>
 			</h3>
 			<div class="w-20 h-1.5 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto mt-6 rounded-full"></div>
 		</div>
+
+		<div class="max-w-5xl mx-auto px-4 lg:px-0 mb-20">
+			<div class="relative group">
+				<div class="absolute -inset-1 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-3xl blur opacity-20 group-hover:opacity-30 transition-opacity duration-300"></div>
+				<div class="relative bg-white/80 backdrop-blur-sm rounded-3xl p-8 md:p-12 border border-gray-100">
+					<p class="text-gray-700 text-lg md:text-xl leading-relaxed">
+						浙江贝凡网络科技有限公司是一家专注于<span class="text-blue-600 font-bold">产业</span><span class="text-indigo-600 font-bold">数字化转型</span>的高科技企业，总部坐落于美丽的<span class="text-blue-600 font-bold">西子湖畔 · 杭州</span>。我们依托<span class="text-blue-600 font-bold">AI大模型</span>、<span class="text-indigo-600 font-bold">物联网IoT</span>、<span class="text-blue-600 font-bold">融合开发DevOps</span>等技术优势，致力于通过技术创新赋能各行业数字化升级，为政府和企业提供<span class="text-indigo-600 font-bold">全场景的数字化解决方案</span>。
+					</p>
+				</div>
+			</div>
 		</div>
 
-	<div class="flex flex-col md:flex-row items-stretch gap-6 md:gap-20 max-w-7xl mx-auto px-4 lg:px-0">
+		<div class="max-w-7xl mx-auto px-4 lg:px-0 pb-20">
+			<div class="text-center mb-16">
+				<h3 class="text-2xl md:text-3xl font-bold text-gray-900">发展历程</h3>
+				<div class="w-16 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto mt-4 rounded-full"></div>
+			</div>
 
+			<div class="flex flex-col md:flex-row items-stretch gap-8 md:gap-20">
 				<div class="w-full md:w-5/12 order-1 relative">
 					<div class="md:sticky md:top-20 h-fit">
 						<div class="grid grid-cols-2 gap-x-4 md:gap-x-5 gap-y-4 md:gap-y-5">
-					
 							<div class="col-span-2 flex flex-col rounded-2xl overflow-hidden border border-gray-100 bg-white group transition-all duration-300 shadow-sm">
 								<div class="relative aspect-[3/1] md:aspect-[3/1.2] overflow-hidden">
 									<img src="/img/company-hangzhou.jpg" alt="杭州" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105">
@@ -56,25 +70,23 @@
 									</div>
 								</div>
 							</div>
-
 						</div>
 					</div>
 				</div>
 
 				<div class="w-full md:w-7/12 order-2">
 					<div class="relative">
-				<div class="absolute top-0 bottom-0 left-3 md:left-6 w-px bg-gradient-to-b from-blue-600/40 via-gray-200 to-transparent z-0"></div>
+						<div class="absolute top-0 bottom-0 left-3 md:left-6 w-px bg bg-gradient-to-b from-blue-600/40 via-gray-200 to-transparent z-0"></div>
-
-				<div class="space-y-8 md:space-y-12">
 
+						<div class="space-y-8 md:space-y-10">
 							<div class="relative flex z-10">
 								<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/30 z-20 border-2 border-white"></span>
 								<div class="w-full pl-10 md:pl-16">
 									<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-200 shadow-sm">
-								<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2019 公司成立</span>
+										<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2019</span>
 										<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
 											<img src="/img/timeline-2019-icon.webp" alt="icon" class="w-7 h-7 object-contain">
-									自研系统上线
+											公司成立
 										</h4>
 										<p class="text-gray-600 text-base leading-relaxed">自主研发"车险分期"系统平台，为全国商用车领域业务赋能</p>
 									</div>
@@ -85,10 +97,10 @@
 								<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/40 z-20 border-2 border-white"></span>
 								<div class="w-full pl-10 md:pl-16">
 									<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-200 shadow-sm">
-								<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2020-2022 规模化增长</span>
+										<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2020-2022</span>
 										<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
 											<img src="/img/timeline-2022-icon.webp" alt="icon" class="w-7 h-7 object-contain">
-									全国市场布局
+											规模化增长
 										</h4>
 										<p class="text-gray-600 text-base leading-relaxed">业务规模化增长阶段，实现全国市场布局，同步优化运营体系与技术架构</p>
 									</div>
@@ -99,12 +111,12 @@
 								<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/50 z-20 border-2 border-white"></span>
 								<div class="w-full pl-10 md:pl-16">
 									<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-100 shadow-sm">
-								<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2023–2024 技术升级</span>
+										<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2023-2024</span>
 										<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
 											<img src="/img/timeline-2024-icon.webp" alt="icon" class="w-7 h-7 object-contain">
-									企安智控1.0上线
+											技术升级
 										</h4>
-								<p class="text-gray-600 text-base leading-relaxed">技术研发转向工业互联网解决方案</p>
+										<p class="text-gray-600 text-base leading-relaxed">技术研发转向工业互联网解决方案，企安智控1.0上线</p>
 									</div>
 								</div>
 							</div>
@@ -113,68 +125,28 @@
 								<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/60 z-20 border-2 border-white"></span>
 								<div class="w-full pl-10 md:pl-16">
 									<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-100 shadow-sm">
-								<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2025 双赛道启航</span>
+										<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2025</span>
 										<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
 											<img src="/img/timeline-2025-icon.webp" alt="icon" class="w-7 h-7 object-contain">
-									业务生态构建
+											双赛道启航
 										</h4>
 										<p class="text-gray-600 text-base leading-relaxed">SaaS系统交叉融合，构建业务生态，ToB、ToG多模块场景研发定制</p>
 									</div>
 								</div>
 							</div>
 
-					<div class="relative flex z-10">
-						<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/70 z-20 border-2 border-white"></span>
-						<div class="w-full pl-10 md:pl-16">
-							<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-100 shadow-sm">
-								<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2026 核心聚焦</span>
-								<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
-									<img src="/img/timeline-2026-icon.webp" alt="icon" class="w-7 h-7 object-contain">
-									AI大模型与工业应用
-								</h4>
-								<p class="text-gray-600 text-base leading-relaxed">AI大模型、物联网IOT、融合开发DevOps，标准SaaS部署及行业应用</p>
-							</div>
-						</div>
-					</div>
-					
-					<div class="relative flex z-10">
-						<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/75 z-20 border-2 border-white"></span>
-						<div class="w-full pl-10 md:pl-16">
-							<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-100 shadow-sm">
-								<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">Innovation 本地化定制</span>
-								<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
-									<img src="/img/timeline-innovation-icon.webp" alt="icon" class="w-7 h-7 object-contain">
-									多模态软件系统研发
-								</h4>
-								<p class="text-gray-600 text-base leading-relaxed">场景覆盖多个重点行业，核心集中在化工能源、生产制造、金融零售、城市政务、交通运输、景区文旅等领域提供从需求、方案设计、系统开发、运维交付的全周期定制化服务，助力产业数字化转型提质增效</p>
-							</div>
-						</div>
-					</div>
-
-                    <div class="relative flex z-10">
-                        <span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/80 z-20 border-2 border-white"></span>
-                        <div class="w-full pl-10 md:pl-16">
-                            <div class="relative z-10 rounded-xl p-6 bg-white border border-gray-100 shadow-sm">
-                                <span class="text-blue-600 font-bold tracking-wider text-sm uppercase">Ecology 生态聚力</span>
-                                <h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
-                                   <img src="img/timeline-ecology-icon.webp" alt="icon" class="w-7 h-7 object-contain">
-                                   头部伙伴深度融合
-                                </h4>
-                                <p class="text-gray-600 text-base leading-relaxed">与浪潮集团、移动通讯、海康威视、阿里云、字节跳动等头部行业深度融合合作</p>
-                            </div>
-                        </div>
-                    </div>
-
 							<div class="relative flex z-10">
 								<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600 shadow-[0_0_0_6px_rgba(37,99,235,0.15)] z-20 border-2 border-white"></span>
 								<div class="w-full pl-10 md:pl-16">
 									<div class="relative z-10 rounded-xl p-6 bg-gradient-to-br from-blue-600/10 to-transparent border border-blue-600/20 shadow-lg backdrop-blur-sm">
-                                <span class="text-blue-600 font-bold tracking-wider text-sm uppercase">Vision 愿景领航</span>
+										<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2026</span>
 										<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
-                                    <img src="img/timeline-vision-icon.webp" alt="icon" class="w-7 h-7 object-contain">
+											<img src="/img/timeline-2026-icon.webp" alt="icon" class="w-7 h-7 object-contain">
-                                    全场景产业数字化转型服务商
+											核心聚焦
 										</h4>
-                                <p class="text-gray-600 text-base leading-relaxed">以技术驱动产业数字化升级，以平台构建多模态安全场景赋能</p>
+										<p class="text-gray-600 text-base leading-relaxed">AI大模型、物联网IOT、融合开发DevOps，标准SaaS部署及行业应用，全场景产业数字化转型服务商</p>
+									</div>
+								</div>
 							</div>
 						</div>
 					</div>

src/layouts/Layout.astro

@@ -5,7 +5,8 @@ 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: 'qazk', label: '企安智控', href: '/qazk', icon: 'fa-cogs' },
+	{ id: 'customization', label: '本地化定制', href: '/customization', icon: 'fa-wrench' },
 	{ id: 'partnership', label: '生态合作', href: '/partnership', icon: 'fa-handshake-o' },
 ];
 

src/pages/customization/index.astro

@@ -0,0 +1,10 @@
+---
+import Layout from '../../layouts/Layout.astro';
+import Customization from '../../components/sections/Customization.astro';
+---
+
+<Layout title="本地化定制 - 浙江贝凡网络科技" activeNav="customization">
+	<main class="pt-20">
+		<Customization />
+	</main>
+</Layout>

src/pages/index.astro

@@ -2,8 +2,6 @@
 import Layout from '../layouts/Layout.astro';
 import Hero from '../components/sections/Hero.astro';
 import Timeline from '../components/sections/Timeline.astro';
-import SaaS from '../components/sections/SaaS.astro';
-import Customization from '../components/sections/Customization.astro';
 import Honors from '../components/sections/Honors.astro';
 import Contact from '../components/sections/Contact.astro';
 ---
@@ -12,8 +10,6 @@ import Contact from '../components/sections/Contact.astro';
 	<main>
 		<Hero />
 		<Timeline />
-		<SaaS />
-		<Customization />
 		<Honors />
 		<Contact />
 	</main>

src/pages/qazk/index.astro

@@ -1,13 +1,15 @@
 ---
 import Layout from '../../layouts/Layout.astro';
+import SaaS from '../../components/sections/SaaS.astro';
 import Policy from '../../components/sections/Policy.astro';
 import AccidentCases from '../../components/sections/AccidentCases.astro';
 import Hardware from '../../components/sections/Hardware.astro';
 import AIModel from '../../components/sections/AIModel.astro';
 ---
 
-<Layout title="核心业务 - 浙江贝凡网络科技" activeNav="core-business">
+<Layout title="企安智控 - 浙江贝凡网络科技" activeNav="qazk">
 	<main class="pt-20">
+		<SaaS />
 		<Policy />
 		<AccidentCases />
 		<Hardware />