Updated webpage text

.astro/types.d.ts

@@ -1,2 +1 @@
 /// <reference types="astro/client" />
-/// <reference path="content.d.ts" />

AGENTS.md

@@ -0,0 +1,201 @@
+# AGENTS.md
+
+This file provides guidelines for agentic coding agents working in this repository.
+
+## Tech Stack
+
+- **Framework**: Astro 5.7.3 - Static site generator
+- **Styling**: Tailwind CSS 3.4.19 with custom theme
+- **Package Manager**: pnpm 10.29.2
+- **TypeScript**: 5.9.3 with @astrojs/check
+- **Icons**: FontAwesome 4.7.0 (CDN)
+
+## Build & Development Commands
+
+```bash
+# Development
+pnpm dev              # Start dev server at http://localhost:4321
+pnpm start            # Alias for pnpm dev
+
+# Build & Quality
+pnpm build            # Run astro check then build (production)
+pnpm preview          # Preview production build locally
+
+# Direct Astro commands
+pnpm astro <command>  # Run any astro command directly
+```
+
+**Note**: No test framework is currently configured. When adding tests, first check with the maintainers.
+
+## Project Structure
+
+```
+src/
+├── layouts/Layout.astro      # Main layout with navigation
+├── pages/                    # Route pages (use .astro files)
+│   ├── index.astro           # Home page
+│   └── [route]/index.astro
+├── components/
+│   └── sections/            # Reusable section components
+└── styles/styles.css        # Global styles
+```
+
+## Code Style Guidelines
+
+### Astro Components
+
+- File extension: `.astro`
+- Frontmatter uses `---` delimiters
+- Import components at the top of the frontmatter section
+- Use TypeScript for type annotations in frontmatter and `<script>` tags
+
+```astro
+---
+import { someComponent } from '../components/some-component.astro';
+
+interface Props {
+  title: string;
+  activeNav?: string;
+}
+
+const { title, activeNav = 'home' } = Astro.props;
+---
+```
+
+### Imports
+
+- Import Astro components with relative paths: `import Component from '../components/Component.astro'`
+- Import external libraries normally: `import { defineConfig } from 'astro/config'`
+- No default exports in components (Astro handles this)
+
+### Styling with Tailwind CSS
+
+- Use Tailwind utility classes for all styling
+- Custom colors available: `primary` (#165DFF), `secondary` (#36D399), `dark` (#1E293B), `light` (#F8FAFC)
+- Custom font family: `font-inter` (Inter, system-ui, sans-serif)
+- Responsive design: mobile-first approach with `md:`, `lg:` breakpoints
+- Hover states: `hover:`, `group-hover:`
+- Transitions: `transition-all duration-300` for consistent animation timing
+
+### Naming Conventions
+
+- **Components**: PascalCase (e.g., `Hero.astro`, `DataVisualization.astro`)
+- **Pages**: index.astro in route directories
+- **Props**: camelCase (e.g., `activeNav`, `title`)
+- **IDs for CSS/JS**: kebab-case (e.g., `data-visualization`, `contact-info`)
+- **CSS classes**: Tailwind utilities only (custom classes in `<style>` tags for animations)
+- **Functions**: camelCase (e.g., `getNavLinkClass`)
+
+### Layout Pattern
+
+- All pages use `<Layout>` component with `activeNav` prop for navigation highlighting
+- Navigation items defined in Layout.astro: home, qazk, customization, partnership
+- Main content wrapped in `<main>` tag
+
+```astro
+<Layout title="Page Title" activeNav="nav-id">
+  <main>
+    <Content />
+  </main>
+</Layout>
+```
+
+### Scripts
+
+- Inline scripts: use `<script is:inline>` for critical initialization
+- Regular scripts: use `<script>` tag without attributes
+- Wrap in IIFE to avoid global scope pollution: `(function() { ... })();`
+- Use TypeScript annotations in script tags
+- Event listeners: use `{ passive: true }` for scroll events where applicable
+
+### TypeScript
+
+- Enable type checking by running `astro check` before builds
+- Use interfaces for component props
+- Type DOM elements with assertions when needed: `(element as HTMLElement)`
+
+### Accessibility
+
+- Use semantic HTML: `<section>`, `<header>`, `<nav>`, `<main>`, `<footer>`
+- Include `alt` attributes on images
+- Use ARIA labels where needed
+- Ensure keyboard navigation works
+
+### Images
+
+- Prefer WebP format for images: `image.webp`
+- Place images in `public/img/` directory
+- Reference with absolute paths: `/img/image.webp`
+- Use responsive sizing classes: `w-full h-full object-cover`
+
+### Color Usage
+
+- Primary actions: `bg-primary` (#165DFF)
+- Secondary/success: `text-secondary` (#36D399)
+- Backgrounds: `bg-slate-50`, `bg-white`, `bg-dark`
+- Text: `text-gray-900`, `text-gray-600`, `text-white`
+- Gradients: `bg-gradient-to-r from-blue-600 to-indigo-600`
+
+### Icons
+
+- Use FontAwesome 4.7.0 via CDN
+- Class pattern: `fa fa-icon-name`
+- Size classes: `text-lg`, `text-xl`, `text-2xl`
+
+### Animation Patterns
+
+- Use Tailwind `transition-all duration-300` for consistent animations
+- Hover effects: `group-hover:scale-[1.02]`, `hover:shadow-lg`
+- Keyframe animations in `<style>` tags for complex animations
+- Fade/scale transforms common
+
+### Responsive Design
+
+- Mobile-first approach
+- Breakpoints: `sm:` (640px), `md:` (768px), `lg:` (1024px)
+- Hidden elements: `hidden lg:block` (hide on mobile)
+- Container: `max-w-7xl mx-auto px-4 lg:px-0`
+- Grid layouts: `grid-cols-1 md:grid-cols-2 lg:grid-cols-4`
+
+### Error Handling
+
+- Astro handles most errors at build time
+- Graceful degradation for optional features
+- Check for element existence before DOM manipulation: `if (element) { ... }`
+
+### File Organization
+
+- Keep components focused and single-purpose
+- Section components in `src/components/sections/`
+- Each page imports its required sections
+- Shared layout handles navigation and footer
+- Static assets in `public/` directory
+
+## Adding New Pages
+
+1. Create directory in `src/pages/[route]/`
+2. Create `index.astro` file
+3. Import `Layout` and use appropriate `activeNav` value
+4. Add navigation item to `Layout.astro`'s `navItems` array
+5. Import and render section components as needed
+
+## Adding New Section Components
+
+1. Create `.astro` file in `src/components/sections/`
+2. Use PascalCase naming
+3. Export component (Astro handles this automatically)
+4. Import in pages where needed
+5. Use semantic `<section>` tag with ID for navigation
+6. Follow Tailwind styling patterns
+
+## Environment Variables
+
+- Store in `.env` file
+- Access in Astro frontmatter: `import.meta.env.VARIABLE_NAME`
+- Commit `.env.example` if needed (currently not present)
+
+## Deployment
+
+- Build output: `dist/` directory
+- Static site generation - deploy to any static hosting
+- No server-side rendering requirements

README.md

@@ -35,7 +35,9 @@ beifan.cn/
 │   ├── components/
 │   │   ├── sections/
 │   │   │   ├── Hero.astro         # Hero 区域组件
-│   │   │   ├── Timeline.astro      # 公司发展时间轴组件
+│   │   │   ├── CompanyIntro.astro  # 公司介绍组件
+│   │   │   ├── DevelopmentHistory.astro # 发展历程组件
+│   │   │   ├── DataVisualization.astro # 数据可视化组件
 │   │   │   ├── Honors.astro       # 公司荣誉资质组件
 │   │   │   ├── Contact.astro       # 联系方式组件
 │   │   │   ├── SaaS.astro         # SaaS化系统组件
@@ -51,6 +53,9 @@ beifan.cn/
 │       └── styles.css              # 全局样式
 ├── public/                        # 静态资源
 │   ├── img/                        # 图片资源
+│   │   ├── partner-search.webp     # 合作伙伴搜索图片
+│   │   ├── cooperation-process.webp # 合作流程图片
+│   │   └── shake-hands.webp        # 握手合作图片
 │   ├── js/
 │   │   └── script.js               # JavaScript 文件
 │   ├── docs/
@@ -74,8 +79,10 @@ beifan.cn/
 
 包含以下内容区块：
 - **Hero 区域**：全场景产业数字化转型服务介绍
-- **公司介绍**：浙江贝凡发展历程时间轴
+- **公司介绍**：公司基本信息和发展理念
-- **公司荣誉资质**：企业资质展示
+- **发展历程**：浙江贝凡发展历程时间轴
+- **数据可视化**：企业关键数据展示（视觉理解大模型、SLA可用性、合作伙伴、软著专利）
+- **生态合作**：合作伙伴展示
 - **联系我们**：联系方式展示
 - **页脚**：版权信息、ICP备案等
 
@@ -98,7 +105,9 @@ beifan.cn/
 ### 4. 生态合作页面 - `/partnership`
 
 包含以下内容区块：
-- **生态合作**：合作伙伴信息
+- **携手合作，共创未来，共享市场红利**：合作优势卡片（包含8个合作优势）
+- **我们需要找的合作伙伴**：目标招商对象卡片（包含4类合作伙伴）
+- **合作流程**：合作流程卡片（包含4步合作流程）
 - **页脚**：版权信息、ICP备案等
 
 ### 4. 独立产品页面（Intro）

src/components/sections/AIModel.astro

@@ -360,7 +360,7 @@
 								<div class="bg-blue-600 p-6 rounded-2xl border-2 border-blue-700 shadow-lg shadow-blue-100">
 									<h5 class="text-lg font-bold text-white mb-3">1. 场景识别</h5>
 									<p class="text-blue-100 leading-relaxed">
-										模拟人类视觉进行理解，能<span class="font-semibold text-white">自主适应复杂、多变的环境</span>，准确识别目标。
+										模拟人类视觉理解，能<span class="font-semibold text-white">自主适应复杂、多变的环境</span>，准确识别目标。
 									</p>
 								</div>
 								

src/components/sections/AccidentCases.astro

@@ -135,7 +135,7 @@
 							<div class="space-y-4 flex-grow">
 								<div class="bg-blue-50/50 p-4 rounded-xl border border-blue-100">
 									<h5 class="font-bold text-blue-600 text-sm mb-1 uppercase">事故原因 · ROOT CAUSE</h5>
-									<p class="text-base text-gray-700 leading-relaxed">架空层停放的<span class="text-blue-600 font-semibold">违规改装电动自行车</span>热失控起火。</p>
+									<p class="text-base text-gray-700 leading-relaxed">停放的<span class="text-blue-600 font-semibold">违规改装电动自行车</span>热失控起火。</p>
 								</div>
 								<div class="bg-red-50/50 p-4 rounded-xl border border-red-100">
 									<h5 class="font-bold text-red-600 text-sm mb-1 uppercase">损失情况 · IMPACT</h5>
@@ -156,7 +156,7 @@
 							<div class="space-y-4 flex-grow">
 								<div class="bg-blue-50/50 p-4 rounded-xl border border-blue-100">
 									<h5 class="font-bold text-blue-600 text-sm mb-1 uppercase">事故原因 · ROOT CAUSE</h5>
-									<p class="text-base text-gray-700 leading-relaxed">违规带压密封操作引发爆炸；设备安全管理<span class="text-blue-600 font-semibold">缺失</span>。</p>
+									<p class="text-base text-gray-700 leading-relaxed">违规带压密封操作引发爆炸，安全管理<span class="text-blue-600 font-semibold">缺失</span>。</p>
 								</div>
 								<div class="bg-red-50/50 p-4 rounded-xl border border-red-100">
 									<h5 class="font-bold text-red-600 text-sm mb-1 uppercase">损失情况 · IMPACT</h5>

src/components/sections/Customization.astro

@@ -12,22 +12,11 @@
 				<div class="flex flex-col md:flex-row items-center gap-8 md:gap-16 mb-12">
 					<div class="md:w-5/12 w-[85%] relative">
 						<div class="absolute -inset-4 bg-indigo-400/10 blur-3xl"></div>
-						<div class="relative overflow-hidden rounded-2xl shadow-[0_20px_50px_rgba(79,70,229,0.2)] border border-white">
+						<div class="relative overflow-hidden rounded-2xl shadow-[0_20px_50px_rgba(79,70,229,0.2)] border border-white aspect-video">
-							<div id="slider-container" class="flex transition-transform duration-1000 ease-in-out" style="width: 200%;">
+							<img id="slider-image" src="/img/product-customization-1.webp" alt="园区IOC" class="w-full h-full object-cover transition-opacity duration-500">
-								<div class="w-1/2 relative">
+							<div class="absolute inset-0 bg-gradient-to-t from-gray-900/70 via-transparent to-transparent"></div>
-									<img src="/img/product-customization-1.webp" alt="园区IOC" class="w-full h-auto object-cover transform hover:scale-105 transition-transform duration-700">
+							<div class="absolute bottom-4 left-6 text-white">
-									<div class="absolute inset-0 bg-gradient-to-t from-gray-900/70 via-transparent to-transparent"></div>
+								<p id="slider-text" class="text-sm font-bold tracking-widest opacity-80 uppercase">园区IOC</p>
-									<div class="absolute bottom-4 left-6 text-white">
-										<p class="text-sm font-bold tracking-widest opacity-80 uppercase">园区IOC</p>
-									</div>
-								</div>
-								<div class="w-1/2 relative">
-									<img src="/img/product-customization-2.webp" alt="数字孪生" class="w-full h-auto object-cover transform hover:scale-105 transition-transform duration-700">
-									<div class="absolute inset-0 bg-gradient-to-t from-gray-900/70 via-transparent to-transparent"></div>
-									<div class="absolute bottom-4 left-6 text-white">
-										<p class="text-sm font-bold tracking-widest opacity-80 uppercase">数字孪生</p>
-									</div>
-								</div>
 							</div>
 						</div>
 					</div>
@@ -91,8 +80,8 @@
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">人员定位</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">风险预警</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">危化品管理</span>
+                            <span class="text-indigo-600 px-1.5 py-0.5 rounded-md">...</span>
 						</div>
-						<p class="text-gray-700 leading-relaxed font-semibold">提供全方位的安全管控，实时监控生产环境，防止事故发生。</p>
 					</div>
 
 					<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -112,8 +101,8 @@
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">设备监控</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">质量追溯</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">工艺优化</span>
+                            <span class="text-indigo-600 px-1.5 py-0.5 rounded-md">...</span>
 						</div>
-						<p class="text-gray-700 leading-relaxed font-semibold">提升生产效率的同时，确保生产过程安全可控，减少事故风险。</p>
 					</div>
 
 					<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -130,11 +119,11 @@
 						</div>
 						<div class="flex flex-wrap gap-2 mb-3">
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">风险防控</span>
-							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">交易监控</span>
+							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">交易监控平台</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">客户识别</span>
-							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">反欺诈</span>
+							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">零售平台</span>
+                            <span class="text-indigo-600 px-1.5 py-0.5 rounded-md">...</span>
 						</div>
-						<p class="text-gray-700 leading-relaxed font-semibold">保障金融交易安全，防止欺诈行为，提升客户信任度和满意度。</p>
 					</div>
 
 					<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -150,12 +139,12 @@
 							<h4 class="text-xl font-black text-gray-900">智慧养老</h4>
 						</div>
 						<div class="flex flex-wrap gap-2 mb-3">
-							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">老人监护</span>
+							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">养老监护系统</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">健康监测</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">紧急求助</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">智能护理</span>
+                            <span class="text-indigo-600 px-1.5 py-0.5 rounded-md">...</span>
 						</div>
-						<p class="text-gray-700 leading-relaxed font-semibold">为老年人提供安全保障，实时监测健康状况，响应紧急情况。</p>
 					</div>
 
 					<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -171,12 +160,12 @@
 							<h4 class="text-xl font-black text-gray-900">城市政务</h4>
 						</div>
 						<div class="flex flex-wrap gap-2 mb-3">
-							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">城市安全</span>
+							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">城市安全系统</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">应急管理</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">智慧城市</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">政务服务</span>
+                            <span class="text-indigo-600 px-1.5 py-0.5 rounded-md">...</span>
 						</div>
-						<p class="text-gray-700 leading-relaxed font-semibold">提升城市治理水平，加强公共安全管理，保障生命财产安全。</p>
 					</div>
 
 					<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -193,11 +182,11 @@
 						</div>
 						<div class="flex flex-wrap gap-2 mb-3">
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">交通监控</span>
-							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">智能调度</span>
+							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">智能调度平台</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">安全预警</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">轨迹追踪</span>
+                            <span class="text-indigo-600 px-1.5 py-0.5 rounded-md">...</span>
 						</div>
-						<p class="text-gray-700 leading-relaxed font-semibold">优化交通流量，提高运输效率，保障道路交通安全。</p>
 					</div>
 
 					<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -215,11 +204,11 @@
 						</div>
 						<div class="flex flex-wrap gap-2 mb-3">
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">客流管理</span>
-							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">安全监控</span>
+							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">安全监控平台</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">应急响应</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">智能导览</span>
+                            <span class="text-indigo-600 px-1.5 py-0.5 rounded-md">...</span>
 						</div>
-						<p class="text-gray-700 leading-relaxed font-semibold">提升景区管理水平，确保游客安全，提供更好的旅游体验。</p>
 					</div>
 
 					<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -235,12 +224,12 @@
 							<h4 class="text-xl font-black text-gray-900">医疗健康</h4>
 						</div>
 						<div class="flex flex-wrap gap-2 mb-3">
-							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">医院管理</span>
+							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">医院管理系统</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">患者安全</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">医疗数据</span>
 							<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">远程医疗</span>
+                            <span class="text-indigo-600 px-1.5 py-0.5 rounded-md">...</span>
 						</div>
-						<p class="text-gray-700 leading-relaxed font-semibold">优化医疗服务流程，保障患者安全，提升医疗质量和效率。</p>
 					</div>
 				</div>
 
@@ -341,24 +330,38 @@
 
 <script>
 	(function() {
-		const sliderContainer = document.getElementById('slider-container');
+		const sliderImage = document.getElementById('slider-image');
+		const sliderText = document.getElementById('slider-text');
 		let currentIndex = 0;
-		const totalSlides = 2;
+		const slides = [
+			{ src: '/img/product-customization-1.webp', text: '园区IOC' },
+			{ src: '/img/product-customization-2.webp', text: '数字孪生' },
+			{ src: '/img/product-customization-3.webp', text: '智慧医院' },
+			{ src: '/img/product-customization-4.webp', text: '智慧园区' },
+			{ src: '/img/product-customization-5.webp', text: '智慧社区' },
+			{ src: '/img/product-customization-6.webp', text: '智慧农业' },
+			{ src: '/img/product-customization-7.webp', text: '智慧楼宇' },
+			{ src: '/img/product-customization-8.webp', text: '智慧商业' }
+		];
 
 		function updateSlide() {
-			if (!sliderContainer) return;
+			if (!sliderImage || !sliderText) return;
-			const translateX = -currentIndex * 50;
+			
-			sliderContainer.style.transform = `translateX(${translateX}%)`;
+			sliderImage.style.opacity = '0';
+			
+			setTimeout(() => {
+				currentIndex = (currentIndex + 1) % slides.length;
+				sliderImage.src = slides[currentIndex].src;
+				sliderText.textContent = slides[currentIndex].text;
+				sliderImage.style.opacity = '1';
+			}, 500);
 		}
 
 		function startAutoSlide() {
-			setInterval(() => {
+			setInterval(updateSlide, 5000);
-				currentIndex = (currentIndex + 1) % totalSlides;
-				updateSlide();
-			}, 5000);
 		}
 
-		if (sliderContainer) {
+		if (sliderImage && sliderText) {
 			startAutoSlide();
 		}
 	})();

src/components/sections/DataVisualization.astro

@@ -31,7 +31,7 @@
 				<div class="relative bg-gradient-to-br from-white to-blue-50/30 rounded-2xl p-6 border border-blue-100/50 shadow-lg group-hover:shadow-blue-500/20 group-hover:scale-[1.02] transition-all duration-300">
 					<div class="text-center">
 						<div class="text-4xl md:text-5xl lg:text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-700 mb-3 group-hover:scale-110 transition-transform duration-300 counter" data-target="15" data-suffix="+">0+</div>
-						<div class="text-gray-700 text-sm md:text-base font:medium">合作伙伴</div>
+						<div class="text-gray-700 text-sm md:text-base font:medium">生态合作</div>
 					</div>
 				</div>
 			</div>

src/components/sections/Partnership.astro

@@ -29,15 +29,15 @@
                                         <i class="fa fa-map-marker text-blue-600 text-xl"></i>
                                     </div>
                                     <h4 class="text-xl font-bold text-gray-900 mb-3">城市独家</h4>
-                                    <p class="text-gray-600 text-base">每个城市仅设一家合作伙伴，确保市场空间和利润最大化</p>
+                                    <p class="text-gray-600 text-base">一城仅招一代理，独享区域资源，无内部竞争，垄断本地商机</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
                                     <div class="w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center mb-5">
                                         <i class="fa fa-bullhorn text-blue-600 text-xl"></i>
                                     </div>
-                                    <h4 class="text-xl font-bold text-gray-900 mb-3">政策风口</h4>
+                                    <h4 class="text-xl font-bold text-gray-900 mb-3">政策导向</h4>
-                                    <p class="text-gray-600 text-base">紧跟国家数字化转型政策，抓住安全产业发展机遇</p>
+                                    <p class="text-gray-600 text-base">契合国家安防合规政策，刚需赛道，政策加持好拓客</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
@@ -45,7 +45,7 @@
                                         <i class="fa fa-line-chart text-blue-600 text-xl"></i>
                                     </div>
                                     <h4 class="text-xl font-bold text-gray-900 mb-3">市场蓝海</h4>
-                                    <p class="text-gray-600 text-base">安全数字化市场仍处于蓝海阶段，增长空间巨大</p>
+                                    <p class="text-gray-600 text-base">各市平均约10-50万家企业、数百余家物业及园区，增量巨大</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
@@ -53,7 +53,7 @@
                                         <i class="fa fa-lightbulb-o text-blue-600 text-xl"></i>
                                     </div>
                                     <h4 class="text-xl font-bold text-gray-900 mb-3">轻资产运营</h4>
-                                    <p class="text-gray-600 text-base">无需大量固定资产投入，低风险高回报的商业模式</p>
+                                    <p class="text-gray-600 text-base">无需囤货重投入，低门槛启动，低成本快速做市场</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
@@ -61,7 +61,7 @@
                                         <i class="fa fa-sitemap text-blue-600 text-xl"></i>
                                     </div>
                                     <h4 class="text-xl font-bold text-gray-900 mb-3">无边界客群池</h4>
-                                    <p class="text-gray-600 text-base">覆盖全行业企业客户，客群无边界，市场潜力无限</p>
+                                    <p class="text-gray-600 text-base">园区 / 企业 / 商户全覆盖，客群广不设限，不愁客源</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
@@ -69,7 +69,7 @@
                                         <i class="fa fa-cubes text-blue-600 text-xl"></i>
                                     </div>
                                     <h4 class="text-xl font-bold text-gray-900 mb-3">全链路赋能</h4>
-                                    <p class="text-gray-600 text-base">提供产品培训、技术支持、营销指导等全方位赋能</p>
+                                    <p class="text-gray-600 text-base">培训获客售后全支持，手把手带教，零基础也能做</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
@@ -77,7 +77,7 @@
                                         <i class="fa fa-diamond text-blue-600 text-xl"></i>
                                     </div>
                                     <h4 class="text-xl font-bold text-gray-900 mb-3">管道收益</h4>
-                                    <p class="text-gray-600 text-base">享受长期管道收益，一次开发客户，持续受益</p>
+                                    <p class="text-gray-600 text-base">一次合作长期分润，持续躺赚，收益稳定长久不断流</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
@@ -85,7 +85,7 @@
                                         <i class="fa fa-shield text-blue-600 text-xl"></i>
                                     </div>
                                     <h4 class="text-xl font-bold text-gray-900 mb-3">持续迭代</h4>
-                                    <p class="text-gray-600 text-base">产品持续迭代升级，紧跟市场需求变化，保持核心竞争力</p>
+                                    <p class="text-gray-600 text-base">平台不断升级优化，产品始终领先，长久稳占市场优势</p>
                                 </div>
                             </div>
                         </div>
@@ -98,11 +98,11 @@
                             <div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-purple-500/20 rounded-t-3xl blur-xl"></div>
                             <div class="relative bg-white rounded-t-3xl overflow-hidden">
                                 <div class="h-48 md:h-64 overflow-hidden">
-                                    <img src="/img/partner-search.webp" alt="我们需要找的合作伙伴" class="w-full h-full object-cover transform hover:scale-110 transition-transform duration-700">
+                                    <img src="/img/partner-search.webp" alt="城市合伙人合作要求" class="w-full h-full object-cover transform hover:scale-110 transition-transform duration-700">
                                 </div>
                                 <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-transparent to-transparent"></div>
                                 <div class="absolute bottom-0 left-0 right-0 p-8 text-white">
-                                    <h4 class="text-2xl md:text-3xl font-bold mb-2">我们需要找的合作伙伴</h4>
+                                    <h4 class="text-2xl md:text-3xl font-bold mb-2">城市合伙人合作要求</h4>
                                 </div>
                             </div>
                         </div>
@@ -114,15 +114,15 @@
                                         <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0">
                                             <span class="text-blue-600 font-bold text-xl">1</span>
                                         </div>
-                                        <h4 class="text-xl font-bold text-gray-900">本地资源代理商</h4>
+                                        <h4 class="text-xl font-bold text-gray-900">政企资源深耕者</h4>
                                     </div>
                                     <div class="flex flex-wrap gap-2 mb-4">
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">区域代理商</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">政企渠道商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">渠道合作伙伴</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">政务服务商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">本地资源商</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">地方产业运营商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">行业协会</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">政企合作专员</span>
                                     </div>
-                                    <p class="text-gray-600 text-base">手握本地企业资源，熟悉当地市场，可以通过代理商加盟模式与我们合作，共同推广产品。</p>
+                                    <p class="text-gray-600 text-base">深耕本地政企、园区等核心渠道，手握优质政企资源，熟悉地方产业政策，能快速对接区域数字化转型需求，推动产品落地渗透。</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-7 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
@@ -130,15 +130,15 @@
                                         <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0">
                                             <span class="text-blue-600 font-bold text-xl">2</span>
                                         </div>
-                                        <h4 class="text-xl font-bold text-gray-900">行业领域专家</h4>
+                                        <h4 class="text-xl font-bold text-gray-900">产业赛道领航者</h4>
                                     </div>
                                     <div class="flex flex-wrap gap-2 mb-4">
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">化工行业专家</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">制造业服务商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">制造业顾问</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">化工行业运营商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">行业分析师</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">产业园区服务商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">技术顾问</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">工业领域顾问</span>
                                     </div>
-                                    <p class="text-gray-600 text-base">了解特定行业领域，如化工、制造等，具备专业知识和行业经验，能够在细分领域推广我们的产品。</p>
+                                    <p class="text-gray-600 text-base">精通制造、化工等核心产业痛点，具备丰富的产业服务经验，能精准匹配贝凡数字化解决方案，赋能区域产业智能化升级。</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-7 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
@@ -146,15 +146,15 @@
                                         <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0">
                                             <span class="text-blue-600 font-bold text-xl">3</span>
                                         </div>
-                                        <h4 class="text-xl font-bold text-gray-900">园区企业负责人</h4>
+                                        <h4 class="text-xl font-bold text-gray-900">数字化生态共建者</h4>
                                     </div>
                                     <div class="flex flex-wrap gap-2 mb-4">
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">工厂老板</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">SaaS生态伙伴</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">园区负责人</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">系统集成商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">企业高管</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">IT解决方案商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">安全负责人</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">数字化转型服务商</span>
                                     </div>
-                                    <p class="text-gray-600 text-base">产业园区、工厂的负责人，对安全管理有高度重视，希望通过数字化手段提升安全管理水平。</p>
+                                    <p class="text-gray-600 text-base">具备成熟的数字化服务能力，拥有完善的技术服务团队，可与贝凡产品形成生态互补，协同拓展区域数字化服务市场。</p>
                                 </div>
 
                                 <div class="bg-white rounded-2xl p-7 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
@@ -162,15 +162,15 @@
                                         <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0">
                                             <span class="text-blue-600 font-bold text-xl">4</span>
                                         </div>
-                                        <h4 class="text-xl font-bold text-gray-900">数字化转型服务商</h4>
+                                        <h4 class="text-xl font-bold text-gray-900">区域市场运营者</h4>
                                     </div>
                                     <div class="flex flex-wrap gap-2 mb-4">
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">SaaS 服务商</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">城市渠道运营商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">软件开发商</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">本地创业带头人</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">系统集成商</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">区域市场服务商</span>
-                                        <span class="text-base font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">IT 服务商</span>
+                                        <span class="text-sm font-medium px-3 py-1 rounded-full bg-blue-200 text-blue-800">产业招商专员</span>
                                     </div>
-                                    <p class="text-gray-600 text-base">从事过 SaaS 化或本地化定制转型，有成熟的项目经验和方案能力，能够与我们的产品形成互补。</p>
+                                    <p class="text-gray-600 text-base">具备优秀的市场运营、客户拓展能力，愿意投入资源深耕区域，与贝凡共筑数字化服务区域标杆。</p>
                                 </div>
                             </div>
                         </div>
@@ -196,29 +196,29 @@
                             <div class="relative">
                                 <div class="hidden md:block absolute top-1/2 left-0 right-0 h-1 bg-blue-200 -translate-y-1/2 z-0"></div>
                                 
-                                <div class="grid grid-cols-1 md:grid-cols-4 gap-8 relative z-10">
+                                <div class="grid grid-cols-1 md:grid-cols-4 gap-5 relative z-10">
-                                    <div class="flex flex-col items-center text-center bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
+                                    <div class="flex flex-col items-center text-center bg-white rounded-2xl p-5 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
-                                        <div class="w-16 h-16 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-2xl mb-5 shadow-lg">1</div>
+                                        <div class="w-14 h-14 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-3 shadow)lg">1</div>
-                                        <h4 class="text-xl font-bold text-gray-900 mb-3">咨询沟通</h4>
+                                        <h4 class="text-xl font-bold text-gray-900 mb-2">合作咨询</h4>
-                                        <p class="text-gray-600 text-base">通过电话或在线咨询，了解合作详情和条件</p>
+                                        <p class="text-gray-600 text-base leading-snug">沟通意向，了解合作政策。</p>
                                     </div>
 
-                                    <div class="flex flex-col items-center text-center bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
+                                    <div class="flex flex-col items-center text-center bg-white rounded-2xl p-5 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
-                                        <div class="w-16 h-16 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-2xl mb-5 shadow-lg">2</div>
+                                        <div class="w-14 h-14 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-3 shadow-lg">2</div>
-                                        <h4 class="text-xl font-bold text-gray-900 mb-3">资质审核</h4>
+                                        <h4 class="text-xl font-bold text-gray-900 mb-2">实地考察</h4>
-                                        <p class="text-gray-600 text-base">提交合作申请，总部对资质进行审核评估</p>
+                                        <p class="text-gray-600 text-base leading-snug">考察总部产品与落地案例。</p>
                                     </div>
 
-                                    <div class="flex flex-col items-center text-center bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
+                                    <div class="flex flex-col items-center text-center bg-white rounded-2xl p-5 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
-                                        <div class="w-16 h-16 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-2xl mb-5 shadow-lg">3</div>
+                                        <div class="w-14 h-14 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-3 shadow-lg">3</div>
-                                        <h4 class="text-xl font-bold text-gray-900 mb-3">签约合作</h4>
+                                        <h4 class="text-xl font-bold text-gray-900 mb-2">签约授权</h4>
-                                        <p class="text-gray-600 text-base">双方达成一致，签署正式合作协议</p>
+                                        <p class="text-gray-600 text-base leading-snug">签订合作协议，授予独家权限。</p>
                                     </div>
 
-                                    <div class="flex flex-col items-center text-center bg-white rounded-2xl p-6 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
+                                    <div class="flex flex-col items-center text-center bg-white rounded-2xl p-5 border border-blue-100 shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1">
-                                        <div class="w-16 h-16 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-2xl mb-5 shadow-lg">4</div>
+                                        <div class="w-14 h-14 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl mb-3 shadow-lg">4</div>
-                                        <h4 class="text-xl font-bold text-gray-900 mb-3">培训启动</h4>
+                                        <h4 class="text-xl font-bold text-gray-900 mb-2">赋能落地</h4>
-                                        <p class="text-gray-600 text-base">接受产品培训和技术指导，正式启动业务</p>
+                                        <p class="text-gray-600 text-base leading-snug">总部全程扶持，启动市场运营。</p>
                                     </div>
                                 </div>
                             </div>

src/components/sections/SaaS.astro

@@ -48,7 +48,7 @@
 							<strong class="text-blue-600 font-extrabold">企安智控</strong>是浙江贝凡自主研发的全场景智能安全管理 SaaS 系统，专注为全国工贸企业、产业园区、酒店餐饮、物业楼宇、仓储物流等场景，提供<strong class="text-blue-600 font-extrabold">数字化安全管理解决方案</strong>。
 						</p>
 						<p class="text-gray-700 text-lg md:text-xl leading-relaxed mt-4">
-							系统采用 SaaS 化部署模式，具有<span class="text-blue-600 font-extrabold">无需重复定制、节省成本、部署快速</span>等优势，让企业能够快速实现安全管理数字化转型。
+							系统采用 SaaS 化部署模式，具有<span class="text-blue-600 font-extrabold">部署快、客群广、成本低</span>等优势，让企业能够快速实现安全管理数字化转型。
 						</p>
 					</div>
 				</div>
@@ -110,14 +110,14 @@
 							</p>
 
 							<div class="grid grid-cols-2 gap-3 mb-6">
-								<div class="flex flex-col items-center justify-center py-4 bg-red-500 text-white rounded-xl shadow-md border border-red-800 transition-all">
+								<div class="flex flex-col items-center justify-center py-4 bg-red-700 text-white rounded-xl shadow-md border border-red-800 transition-all">
 									<svg class="w-6 h-6 text-white mb-2" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
 										<path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path>
 										<path d="M22 12A10 10 0 0 0 12 2v10z"></path>
 									</svg>
 									<span class="text-sm font-bold tracking-wider">数据驱动</span>
 								</div>
-								<div class="flex flex-col items-center justify-center py-4 bg-red-500 text-white rounded-xl shadow-md border border-red-800 transition-all">
+								<div class="flex flex-col items-center justify-center py-4 bg-red-700 text-white rounded-xl shadow-md border border-red-800 transition-all">
 									<svg class="w-6 h-6 text-white mb-2" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
 										<path d="M23 7l-7 5 7 5V7z"></path>
 										<rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect>