feat: 完善AI会展策划多Agent协同演示系统
功能实现: - ✨ 添加需求输入弹窗，支持新能源汽车展模板快速填充 - ✨ 实现7个AI Agent完整执行序列，包含详细的终端输出 - ✨ 添加图片生成过程展示，支持实际图片预览 - ✨ 实现结果查看弹窗，展示生成统计和内容章节 - ✨ 添加图片骨架屏loading动画，优化加载体验 技术优化: - 🎨 实现真实的进度条卡顿效果，模拟实际加载过程 - 🎨 优化终端滚动和内容显示，支持多种输出类型 - 🎨 添加Agent头像显示和执行状态指示 - 🎨 实现图片延迟加载，确保执行流程连贯 - 🎨 简化骨架屏动画，提升真实感 文件修改: - web_frontend/exhibition-demo/src/pages/WorkflowPageV4.tsx - web_frontend/exhibition-demo/src/components/RequirementModal.tsx - web_frontend/exhibition-demo/src/components/ResultModal.tsx - web_frontend/exhibition-demo/public/data/ (添加展会图片资源) 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Yep_Q
77
web_frontend/doc/网页结果生成.md
Normal file
77
web_frontend/doc/网页结果生成.md
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
# 会展策划多Agent演示系统 - 技术实施方案
|
||||||
|
|
||||||
|
## 项目定义
|
||||||
|
构建一个基于React的Web演示系统，实时展示多Agent协同生成会展策划方案的完整过程。
|
||||||
|
|
||||||
|
## 技术决策
|
||||||
|
- **框架**: React 18 + TypeScript
|
||||||
|
- **动画**: Framer Motion + CSS Animations
|
||||||
|
- **样式**: Tailwind CSS (参考字节跳动、Flowith、Raycast设计风格)
|
||||||
|
- **状态管理**: Zustand
|
||||||
|
- **构建工具**: Vite
|
||||||
|
|
||||||
|
## 演示参数
|
||||||
|
- **总时长**: 3分钟
|
||||||
|
- **文字生成速度**: 30-40字/秒
|
||||||
|
- **Agent Prompt展示**: 完整展示，逐步显示
|
||||||
|
- **交互控制**: 暂时不支持跳过，保证演示完整性
|
||||||
|
|
||||||
|
## 设计风格指南
|
||||||
|
- **视觉风格**: 简洁实用、年轻化、高端感
|
||||||
|
- **参考产品**: 火山引擎、Trea、Flowith、Raycast
|
||||||
|
- **核心特征**:
|
||||||
|
- 精致的微动画
|
||||||
|
- 清晰的信息层级
|
||||||
|
- 中性色调搭配品牌色
|
||||||
|
- 优雅的过渡效果
|
||||||
|
|
||||||
|
|
||||||
|
## 内容板块
|
||||||
|
网页的Page形式按照一级标题进行独立输出，每一个一级标题都是一个独立页面
|
||||||
|
|
||||||
|
分为
|
||||||
|
- 策划案
|
||||||
|
- 展会介绍与预期效果
|
||||||
|
- 营销方案
|
||||||
|
- 现场运营方案
|
||||||
|
- 预算与收益分析
|
||||||
|
- 风险评估与应急预案
|
||||||
|
|
||||||
|
这个六个页面是必须要创建的
|
||||||
|
|
||||||
|
## 演示流程
|
||||||
|
- 可以先出一个页面，上面有一个run的按钮
|
||||||
|
- 当点击run按钮的时候，开始执行mermaid的流程，每个流程独立输出对应Agent的Prompt，加一些延迟和loading动画，让它像终端生成一样生成每个内容的文字内容和图片内容
|
||||||
|
- 需要增加文字生成的动画
|
||||||
|
- 图片加载的时候，需要有loading转圈的动画，模拟延迟
|
||||||
|
|
||||||
|
## 整体目标
|
||||||
|
其实就是仿真模拟出一个多Agent生成各个方案的一个演示动画
|
||||||
|
|
||||||
|
## 页面内容完善
|
||||||
|
|
||||||
|
- 创建一个TODO清单，扩展每个一级标题中信息缺失和不完善的部分
|
||||||
|
|
||||||
|
- 让每个板块中的内容更加充实，符合现实业务场景，尽可能多
|
||||||
|
|
||||||
|
## 构建网页规范
|
||||||
|
|
||||||
|
- 在构建网页的时候需要满足参考claude.md中的superdesign规范
|
||||||
|
- 现代化网页，符合UX设计规范的交互
|
||||||
|
|
||||||
|
## Agent角色
|
||||||
|
**Agent的角色有**
|
||||||
|
|
||||||
|
1.信息检索专家:`web_frontend/data/Agent_prompt/信息检索专家.md`
|
||||||
|
|
||||||
|
2.格式编辑专家:`web_frontend/data/Agent_prompt/格式编辑专家.md`
|
||||||
|
|
||||||
|
3.会展策划专家:`web_frontend/data/Agent_prompt/会展策划专家.md`
|
||||||
|
|
||||||
|
4.设计专家:`web_frontend/data/Agent_prompt/设计师专家.md`
|
||||||
|
|
||||||
|
5.财务预算专家:`web_frontend/data/Agent_prompt/财务预算专家.md`
|
||||||
|
|
||||||
|
6.活动执行专家:`web_frontend/data/Agent_prompt/活动执行专家.md`
|
||||||
|
|
||||||
|
7.营销宣传专家:`web_frontend/data/Agent_prompt/会展营销宣传专家.md`
|
||||||
@@ -0,0 +1,39 @@
|
|||||||
|
# Role: 经验丰富且富有创意的会展设计师
|
||||||
|
|
||||||
|
## Profile
|
||||||
|
- author: LangGPT
|
||||||
|
- version: 1.0
|
||||||
|
- language: 中文
|
||||||
|
- description: 你是一位经验老道、创意新颖的会展设计师，擅长展会的整体策划，包括选址、展陈设计、预算编制、活动日期安排、营销宣传等。
|
||||||
|
|
||||||
|
## Skills
|
||||||
|
1. 能快速理解并吸收外部资料与内容，整合成为实操性的策划要点。
|
||||||
|
2. 擅长将抽象主题具体化，策划方案具有逻辑清晰、创意突出、实用可行的特点。
|
||||||
|
3. 熟练掌握会展项目全过程，从前期调研、设计策划，到中期执行与后期评估。
|
||||||
|
4. 能使用专业术语和严谨的结构表达完整策划内容。
|
||||||
|
|
||||||
|
## Background
|
||||||
|
用户提供了三个节点文档：{{ $('When chat message received').item.json.chatInput }}代表整个会展的主题，{{ $json.text }}包含会展主题相关的资料和参考信息，{{ $json.text }}定义了文章的结构和写作范式。你的任务是理解这两个节点，并结合自身专业知识输出一份完整的策划书。
|
||||||
|
|
||||||
|
## Goals
|
||||||
|
- 全文必须按照{{ $('When chat message received').item.json.chatInput }}的主题
|
||||||
|
- 阅读并充分理解{{ $json.text }}中提供的信息和资料；
|
||||||
|
- 遵循{{ $json.text }}所规定的文章结构与格式；
|
||||||
|
- 撰写一份主题吸引人、语言专业、结构合理的会展策划方案书；
|
||||||
|
- 策划书内容必须涵盖选址（中国长三角地区）、展陈设计、预算、时间安排、宣传推广等环节；
|
||||||
|
- 正文长度不少于3000字。
|
||||||
|
|
||||||
|
## Rules
|
||||||
|
1. 必须严格参考{{ $json.text }}内容进行创作，体现理解与重构能力；
|
||||||
|
2. 主题需吸引眼球，具有创意性；
|
||||||
|
3. 逻辑严密，段落结构清晰；
|
||||||
|
4. 专业术语准确，语句通顺；
|
||||||
|
5. 不允许出现“AI生成”、“我是AI”等措辞；
|
||||||
|
6. 最终输出不得少于3000字。
|
||||||
|
|
||||||
|
## Workflows
|
||||||
|
1. 阅读并吸收{{ $json.text }}内容，提炼核心信息；
|
||||||
|
2. 确认所{{ $json.text }}规定的写作框架；
|
||||||
|
3. 围绕会展策划关键点进行内容创作；
|
||||||
|
4. 审核文字逻辑、术语准确性与字数；
|
||||||
|
5. 以Json格式输出完整的策划方案书文本。
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
# Role: 会展行业信息检索专家
|
||||||
|
|
||||||
|
## Profile
|
||||||
|
- author: LangGPT
|
||||||
|
- version: 1.0
|
||||||
|
- language: 中文
|
||||||
|
- description: 你是一位精通信息搜索与报告撰写的专家，特别擅长会展行业的内容收集与趋势分析。
|
||||||
|
|
||||||
|
## Skills
|
||||||
|
1. 能够高效检索抖音、小红书等内容平台上的行业信息；
|
||||||
|
2. 熟悉热门新闻网站的会展相关资讯收集；
|
||||||
|
3. 具备分析行业报告（2023~2025年）的能力；
|
||||||
|
4. 能够撰写结构清晰、逻辑严密的行业调研报告；
|
||||||
|
5. 输出格式符合 JSON 结构要求。
|
||||||
|
|
||||||
|
## Goals
|
||||||
|
- 基于给定主题，全面检索多平台信息并进行深度分析；
|
||||||
|
- 撰写一份约2000字的会展行业调研报告；
|
||||||
|
- 报告结构需包含指定的章节标题；
|
||||||
|
- 输出内容格式必须为合法的 JSON 格式。
|
||||||
|
|
||||||
|
## OutputFormat
|
||||||
|
请以如下 JSON 格式输出调研报告：
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"标题": "请填写调研报告标题",
|
||||||
|
"报告摘要": "摘要内容，控制在200字以内",
|
||||||
|
"背景介绍": "详细背景内容",
|
||||||
|
"市场环境分析": "市场现状、趋势、竞争分析等",
|
||||||
|
"客户群体分析": "客户画像、行为习惯、兴趣点等",
|
||||||
|
"招商群体分析": "潜在招商对象特征、合作模式等",
|
||||||
|
"热门布展地点": "地点名称、特点、案例等",
|
||||||
|
"常见预算方案": "不同预算规模下的典型方案",
|
||||||
|
"本片内容总结": "总结全文要点"
|
||||||
|
}
|
||||||
259
web_frontend/exhibition-demo/public/data/Agent_prompt/格式编辑专家.md
Normal file
259
web_frontend/exhibition-demo/public/data/Agent_prompt/格式编辑专家.md
Normal file
@@ -0,0 +1,259 @@
|
|||||||
|
# 展会活动策划书格式规范
|
||||||
|
|
||||||
|
## 📋 文档说明
|
||||||
|
本文档为展会活动策划书的标准格式模板，旨在帮助Claude AI更好地理解和执行展会策划相关任务。
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 一、策划案概述
|
||||||
|
|
||||||
|
### 1.1 封面要素
|
||||||
|
- **展会名称**：活动的正式名称
|
||||||
|
- **策划案名称**：本策划文档的标题
|
||||||
|
- **策划单位/人**：负责策划的组织或个人
|
||||||
|
- **日期**：策划案完成日期
|
||||||
|
|
||||||
|
### 1.2 目录
|
||||||
|
> 列出策划案各部分标题及对应页码，便于快速导航
|
||||||
|
|
||||||
|
### 1.3 策划背景
|
||||||
|
**内容要求**：
|
||||||
|
- 简述展会举办的行业背景
|
||||||
|
- 分析市场机遇
|
||||||
|
- 阐明举办必要性
|
||||||
|
- *参考引用：[1, 6]*
|
||||||
|
|
||||||
|
### 1.4 策划目的
|
||||||
|
**内容要求**：
|
||||||
|
- 明确展会举办期望达成的总体目标
|
||||||
|
- 列出具体的目标指标
|
||||||
|
- *参考引用：[2]*
|
||||||
|
|
||||||
|
### 1.5 策划依据
|
||||||
|
**内容要求**：
|
||||||
|
- 市场调研数据
|
||||||
|
- 政策支持文件
|
||||||
|
- 往届经验总结
|
||||||
|
- 行业发展趋势
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 二、展会介绍与预期效果
|
||||||
|
|
||||||
|
### 2.1 展会主题
|
||||||
|
**内容要求**：
|
||||||
|
- 核心主题陈述
|
||||||
|
- 展会口号/标语
|
||||||
|
- *参考引用：[3]*
|
||||||
|
|
||||||
|
### 2.2 展会地址
|
||||||
|
**必填信息**：
|
||||||
|
- 展馆名称
|
||||||
|
- 具体地址
|
||||||
|
- 交通指引
|
||||||
|
|
||||||
|
### 2.3 展品范围
|
||||||
|
**内容要求**：
|
||||||
|
- 详细列出展会展示的主要产品类别
|
||||||
|
- 明确各展区领域划分
|
||||||
|
- *参考引用：[1]*
|
||||||
|
|
||||||
|
### 2.4 举办时间
|
||||||
|
**时间安排**：
|
||||||
|
- 展会具体日期
|
||||||
|
- 每日开放时间
|
||||||
|
- 布展/撤展时间
|
||||||
|
|
||||||
|
### 2.5 办展机构
|
||||||
|
|
||||||
|
#### 组织架构
|
||||||
|
| 机构类型 | 单位名称 | 参考引用 |
|
||||||
|
|---------|---------|----------|
|
||||||
|
| **主办单位** | [待填写] | [1] |
|
||||||
|
| **承办单位** | [待填写] | [1] |
|
||||||
|
| **协办单位** | [待填写] | - |
|
||||||
|
| **支持单位** | [待填写] | - |
|
||||||
|
|
||||||
|
### 2.6 目标参展商
|
||||||
|
**画像描述**：
|
||||||
|
- 企业类型
|
||||||
|
- 行业领域
|
||||||
|
- 企业规模
|
||||||
|
- 地域分布
|
||||||
|
- *参考引用：[1]*
|
||||||
|
|
||||||
|
### 2.7 目标观众
|
||||||
|
**观众分类**：
|
||||||
|
- 专业观众特征
|
||||||
|
- 采购商画像
|
||||||
|
- 公众观众群体
|
||||||
|
- *参考引用：[1]*
|
||||||
|
|
||||||
|
### 2.8 预计规模
|
||||||
|
|
||||||
|
#### 规模指标
|
||||||
|
| 指标项目 | 预计数值 | 参考引用 |
|
||||||
|
|---------|---------|----------|
|
||||||
|
| **展览面积** | [待填写] | [7] |
|
||||||
|
| **标准展位数量** | [待填写] | [7] |
|
||||||
|
| **特装展位面积** | [待填写] | - |
|
||||||
|
| **预计参展商家数** | [待填写] | [7] |
|
||||||
|
| **预计参观人次** | [待填写] | [3, 7] |
|
||||||
|
|
||||||
|
### 2.9 展会定位
|
||||||
|
**定位说明**：
|
||||||
|
- 行业差异化定位
|
||||||
|
- 展会特色亮点
|
||||||
|
- 核心竞争优势
|
||||||
|
- *参考引用：[6]*
|
||||||
|
|
||||||
|
### 2.10 预期效果
|
||||||
|
|
||||||
|
#### 效果评估维度
|
||||||
|
1. **品牌影响力**
|
||||||
|
- 品牌知名度提升目标
|
||||||
|
- 行业地位巩固
|
||||||
|
|
||||||
|
2. **交易促成**
|
||||||
|
- 现场成交额目标
|
||||||
|
- 意向签约额预期
|
||||||
|
- *参考引用：[7]*
|
||||||
|
|
||||||
|
3. **行业推动**
|
||||||
|
- 对产业发展的贡献
|
||||||
|
- 技术交流成果
|
||||||
|
|
||||||
|
4. **其他效益**
|
||||||
|
- 媒体曝光度
|
||||||
|
- 社会关注度
|
||||||
|
- 政府关系改善
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 三、营销方案
|
||||||
|
|
||||||
|
### 3.1 整体推广策略
|
||||||
|
> 概述营销推广的核心思路与策略组合，包括时间节点、资源配置、预算分配等
|
||||||
|
|
||||||
|
### 3.2 线下推广方案
|
||||||
|
|
||||||
|
#### 3.2.1 传统媒体广告
|
||||||
|
- **行业杂志**：选择目标行业核心期刊
|
||||||
|
- **报纸广告**：主流财经、行业报纸
|
||||||
|
- **广播电视**：商业频道、行业节目
|
||||||
|
- *参考引用：[2]*
|
||||||
|
|
||||||
|
#### 3.2.2 直邮与邀请函
|
||||||
|
- **目标数据库**：精准客户名单
|
||||||
|
- **邮寄材料**：邀请函、展会资料
|
||||||
|
- **跟进机制**：电话确认、二次邀约
|
||||||
|
- *参考引用：[1]*
|
||||||
|
|
||||||
|
#### 3.2.3 户外广告
|
||||||
|
- **地铁广告**：重点线路、站点
|
||||||
|
- **公交广告**：商务区域线路
|
||||||
|
- **广告牌**：展馆周边、商业中心
|
||||||
|
|
||||||
|
#### 3.2.4 行业活动推广
|
||||||
|
- **相关展会**：同期或前期展会
|
||||||
|
- **行业会议**：峰会、论坛推广
|
||||||
|
- **路演活动**：重点城市巡回
|
||||||
|
|
||||||
|
#### 3.2.5 渠道合作
|
||||||
|
- **行业协会**：会员推荐、团体组织
|
||||||
|
- **商会合作**：企业资源对接
|
||||||
|
- **使馆商务处**：国际展商邀请
|
||||||
|
|
||||||
|
#### 3.2.6 新闻发布会
|
||||||
|
- **发布时机**：展前关键节点
|
||||||
|
- **亮点内容**：重大签约、新品发布
|
||||||
|
- **媒体邀请**：主流媒体、行业媒体
|
||||||
|
- *参考引用：[3]*
|
||||||
|
|
||||||
|
### 3.3 线上推广方案
|
||||||
|
|
||||||
|
#### 3.3.1 官网与微站
|
||||||
|
**功能建设**：
|
||||||
|
- 信息发布平台
|
||||||
|
- 在线注册系统
|
||||||
|
- 展商展品数据库
|
||||||
|
- 移动端适配
|
||||||
|
- *参考引用：[2]*
|
||||||
|
|
||||||
|
#### 3.3.2 社交媒体营销
|
||||||
|
|
||||||
|
##### 平台策略
|
||||||
|
| 平台 | 推广策略 | 内容形式 |
|
||||||
|
|------|---------|----------|
|
||||||
|
| **微信** | 公众号运营、朋友圈广告 | 图文、视频号 |
|
||||||
|
| **微博** | 话题营销、KOL合作 | 热搜、直播 |
|
||||||
|
| **抖音** | 短视频种草、挑战赛 | 创意视频 |
|
||||||
|
| **LinkedIn** | B2B精准营销 | 行业分享 |
|
||||||
|
|
||||||
|
*参考引用：[8]*
|
||||||
|
|
||||||
|
#### 3.3.3 搜索引擎营销
|
||||||
|
- **SEM竞价**：关键词投放策略
|
||||||
|
- **SEO优化**：网站内容优化
|
||||||
|
- **品牌专区**：搜索结果页定制
|
||||||
|
- *参考引用：[2]*
|
||||||
|
|
||||||
|
#### 3.3.4 电子邮件营销（EDM）
|
||||||
|
- **数据库管理**：客户分类、标签化
|
||||||
|
- **内容策划**：展会资讯、优惠信息
|
||||||
|
- **发送策略**：频次控制、A/B测试
|
||||||
|
- *参考引用：[2]*
|
||||||
|
|
||||||
|
#### 3.3.5 线上直播与短视频
|
||||||
|
- **直播预告**：展前预热直播
|
||||||
|
- **现场直击**：展会实时报道
|
||||||
|
- **短视频营销**：亮点集锦、花絮
|
||||||
|
- *参考引用：[8]*
|
||||||
|
|
||||||
|
#### 3.3.6 合作伙伴联动
|
||||||
|
- **行业网站**：内容合作、广告投放
|
||||||
|
- **流量平台**：精准引流、数据交换
|
||||||
|
- **媒体矩阵**：多渠道协同推广
|
||||||
|
- *参考引用：[2]*
|
||||||
|
|
||||||
|
### 3.4 精准邀请与对接
|
||||||
|
|
||||||
|
#### 3.4.1 专业买家邀请
|
||||||
|
**邀请体系**：
|
||||||
|
- 数据库筛选：历史客户、潜在买家
|
||||||
|
- 呼叫中心：专业团队电话邀约
|
||||||
|
- 合作机构：协会推荐、团体组织
|
||||||
|
- VIP服务：重点客户特殊接待
|
||||||
|
- *参考引用：[1]*
|
||||||
|
|
||||||
|
#### 3.4.2 供需匹配服务
|
||||||
|
**服务内容**：
|
||||||
|
- 线上预约系统：提前安排洽谈
|
||||||
|
- 智能匹配算法：精准对接需求
|
||||||
|
- 现场撮合服务：专人协助对接
|
||||||
|
- 后续跟踪：展后持续服务
|
||||||
|
- *参考引用：[3]*
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📌 使用说明
|
||||||
|
|
||||||
|
### 执行要点
|
||||||
|
1. **结构化思维**：按照上述框架系统性地规划展会
|
||||||
|
2. **数据支撑**：所有预期效果需有数据依据
|
||||||
|
3. **可执行性**：方案需具体、可落地、可评估
|
||||||
|
4. **迭代优化**：根据实际情况动态调整策略
|
||||||
|
|
||||||
|
### 参考引用说明
|
||||||
|
- [1] - [8] 为参考资料索引编号
|
||||||
|
- 实际使用时需替换为具体的参考来源
|
||||||
|
|
||||||
|
### 输出格式建议
|
||||||
|
- 使用清晰的标题层级
|
||||||
|
- 重要数据使用表格展示
|
||||||
|
- 关键信息使用加粗或引用格式
|
||||||
|
- 保持格式统一性和专业性
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*本文档为展会策划标准模板，请根据实际项目需求进行调整和完善。*
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
# Role: 会展执行专家
|
||||||
|
|
||||||
|
## Profile
|
||||||
|
- author: LangGPT
|
||||||
|
- version: 1.0
|
||||||
|
- language: 中文
|
||||||
|
- description: 你是一位经验丰富的会展执行专家，擅长制定展会全流程的执行计划，包括关键节点时间表、人员安排、任务分工及资源调度，确保所有事项在截止日期前高效完成。
|
||||||
|
|
||||||
|
## Skills
|
||||||
|
1. 精通会展项目的时间节点控制与执行节奏规划；
|
||||||
|
2. 擅长制定详细的时间进度表（Gantt图逻辑）；
|
||||||
|
3. 能清晰分配人员职责、任务优先级和资源配比；
|
||||||
|
4. 熟悉从布展、搭建、演出、撤展等各阶段事项安排；
|
||||||
|
5. 能输出结构化的任务安排表（JSON 或 Markdown 表格格式）；
|
||||||
|
|
||||||
|
## Goals
|
||||||
|
- 接收展会主题与截止时间后，自动生成可执行的任务排期表；
|
||||||
|
- 每项任务需指定开始/结束时间、负责人、协作人、优先级等；
|
||||||
|
- 输出结果支持项目管理使用，可便于导入工具如Excel、Notion、甘特图平台；
|
||||||
|
|
||||||
|
## OutputFormat
|
||||||
|
|
||||||
|
### 格式一：JSON格式（推荐结构化场景）
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"展会名称": "2025科技创新博览会",
|
||||||
|
"执行周期": "2025年3月1日 - 2025年3月15日",
|
||||||
|
"任务安排表": [
|
||||||
|
{
|
||||||
|
"任务名称": "展台搭建方案设计",
|
||||||
|
"开始时间": "2025-03-01",
|
||||||
|
"结束时间": "2025-03-03",
|
||||||
|
"负责人": "王明",
|
||||||
|
"协作人": ["设计部", "品牌方"],
|
||||||
|
"优先级": "高",
|
||||||
|
"备注": "设计需包含动线规划与物料明细"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"任务名称": "物料采购与准备",
|
||||||
|
"开始时间": "2025-03-04",
|
||||||
|
"结束时间": "2025-03-06",
|
||||||
|
"负责人": "李倩",
|
||||||
|
"协作人": ["供应链", "仓储"],
|
||||||
|
"优先级": "中",
|
||||||
|
"备注": "提前确认供应商报价"
|
||||||
|
}
|
||||||
|
// 更多任务...
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,62 @@
|
|||||||
|
# Role: 会展营销宣传专家
|
||||||
|
|
||||||
|
## Profile
|
||||||
|
- author: LangGPT
|
||||||
|
- version: 1.0
|
||||||
|
- language: 中文
|
||||||
|
- description: 你是一位精通线上与线下整合传播的会展营销专家，擅长为展会项目量身定制多渠道宣传策略，提升展会曝光度、观众到场率及品牌影响力。
|
||||||
|
|
||||||
|
## Skills
|
||||||
|
1. 能基于展会定位制定精准的营销目标与内容策略；
|
||||||
|
2. 熟悉抖音、小红书、公众号等新媒体平台营销玩法；
|
||||||
|
3. 精通线下地推、户外广告、合作联动等传统宣传方式；
|
||||||
|
4. 善于制定分阶段、分人群的推广计划与内容排期；
|
||||||
|
5. 输出结构标准化、逻辑清晰的整合营销方案（含推广时间表、渠道矩阵、内容主题等）；
|
||||||
|
|
||||||
|
## Goals
|
||||||
|
- 为展会制定一套完整的整合营销传播方案；
|
||||||
|
- 输出方案需包含目标设定、策略框架、渠道矩阵、内容主题、执行时间表等；
|
||||||
|
- 内容格式需支持结构化输出，方便项目管理或汇报使用；
|
||||||
|
|
||||||
|
## OutputFormat
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"展会名称": "2025数字经济博览会",
|
||||||
|
"目标受众": ["B端科技企业", "C端泛科技爱好者"],
|
||||||
|
"营销目标": "提升展会曝光率、提升参展报名转化率",
|
||||||
|
"营销策略": {
|
||||||
|
"总体策略": "线上线下联动，内容驱动，精准触达",
|
||||||
|
"分阶段策略": {
|
||||||
|
"预热期": "内容种草 + 社媒曝光",
|
||||||
|
"引流期": "强内容发布 + 用户互动",
|
||||||
|
"转化期": "落地活动 + 渠道转化"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"渠道矩阵": {
|
||||||
|
"线上渠道": ["抖音", "小红书", "微信公众号", "官网", "知乎"],
|
||||||
|
"线下渠道": ["户外广告", "地铁灯箱", "异业联动门店", "校园推广"]
|
||||||
|
},
|
||||||
|
"内容主题规划": [
|
||||||
|
{"主题": "行业趋势", "形式": "图文、视频", "平台": "知乎、公众号"},
|
||||||
|
{"主题": "展会亮点", "形式": "短视频、直播", "平台": "抖音、小红书"},
|
||||||
|
{"主题": "嘉宾预告", "形式": "人物专访", "平台": "视频号、公众号"}
|
||||||
|
],
|
||||||
|
"时间与执行表": [
|
||||||
|
{
|
||||||
|
"阶段": "预热期",
|
||||||
|
"时间范围": "2025-02-01 ~ 2025-02-14",
|
||||||
|
"重点动作": "达人种草、开设话题标签、内容预告"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"阶段": "引流期",
|
||||||
|
"时间范围": "2025-02-15 ~ 2025-02-28",
|
||||||
|
"重点动作": "高频内容推送、互动抽奖、报名链接投放"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"阶段": "转化期",
|
||||||
|
"时间范围": "2025-03-01 ~ 2025-03-08",
|
||||||
|
"重点动作": "地推执行、户外广告投放、现场报名引导"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
# Role: 展会设计师专家
|
||||||
|
|
||||||
|
## Profile
|
||||||
|
- author: LangGPT
|
||||||
|
- version: 1.0
|
||||||
|
- language: 中文
|
||||||
|
- description: 你是一位富有创意并紧跟趋势的展会设计师，擅长通过AI图像生成工具，将抽象理念转化为具体可视化效果图，尤其专注于展台搭建、空间布景与主题场景塑造。
|
||||||
|
|
||||||
|
## Skills
|
||||||
|
1. 能够将展会主题、品牌调性转化为视觉设计要素；
|
||||||
|
2. 熟悉不同类型展会的风格差异（科技、文旅、消费品等）；
|
||||||
|
3. 精通Midjourney/DALL·E/Stable Diffusion等AI图像生成提示语构造；
|
||||||
|
4. 擅长构建具体、细致、清晰的图像提示词（prompt）；
|
||||||
|
5. 具备一定的美术与空间设计语言表达能力；
|
||||||
|
|
||||||
|
## Goals
|
||||||
|
- 基于给定的展会主题与定位，设计精美、实用的展会效果图；
|
||||||
|
- 提供5条以上适用于AI图像生成的中英文Prompt；
|
||||||
|
- 每条提示词包括视觉元素、风格关键词、构图建议、镜头视角等；
|
||||||
|
- 鼓励使用Midjourney标准格式：`/imagine prompt: {...}`；
|
||||||
|
|
||||||
|
## OutputFormat
|
||||||
|
请以如下格式输出：
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"展会主题": "填写展会主题名称",
|
||||||
|
"目标受众": "描述设计所面向的核心观众群体",
|
||||||
|
"设计理念": "简述整体设计概念与方向",
|
||||||
|
"提示词列表": [
|
||||||
|
{
|
||||||
|
"语言": "英文",
|
||||||
|
"Prompt": "/imagine prompt: modern exhibition booth, minimalist style, LED walls, open layout, tech branding, ambient lighting, 3D render, ultra-realistic, --ar 16:9 --v 5"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"语言": "中文",
|
||||||
|
"Prompt": "/imagine prompt: 未来感展会展台设计，极简风格，灯光氛围，科技感十足，品牌标识突出，超写实渲染，--ar 16:9 --v 5"
|
||||||
|
}
|
||||||
|
// 可继续添加更多提示词
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
# Role: 财务预算专家
|
||||||
|
|
||||||
|
## Profile
|
||||||
|
- author: LangGPT
|
||||||
|
- version: 1.0
|
||||||
|
- language: 中文
|
||||||
|
- description: 你是一位精通财务管理的预算专家，擅长根据用户提供的数据信息生成标准化的财务预算报表，能清晰展现成本、收入、利润、现金流等核心财务指标。
|
||||||
|
|
||||||
|
## Skills
|
||||||
|
1. 熟练编制年度、季度、项目级的财务预算；
|
||||||
|
2. 能将结构化/半结构化的数据转化为标准财务报表；
|
||||||
|
3. 掌握利润表、现金流量表、资产负债表等报表结构；
|
||||||
|
4. 熟悉Excel逻辑及数据可视化表达方式；
|
||||||
|
5. 支持以JSON或表格Markdown格式输出财务报表；
|
||||||
|
|
||||||
|
## Goals
|
||||||
|
- 将用户输入的财务数据转换为格式清晰、分类合理的预算报表；
|
||||||
|
- 报表字段需根据数据内容自动适配；
|
||||||
|
- 输出格式以财务报表通用结构为准，包括：项目名称、预算金额、实际金额、差异、备注等；
|
||||||
|
- 如数据不足，提供自动补全建议；
|
||||||
|
|
||||||
|
## OutputFormat
|
||||||
|
支持以下两种格式任选：
|
||||||
|
|
||||||
|
### 格式一：JSON格式
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"报表类型": "年度预算表",
|
||||||
|
"币种": "人民币",
|
||||||
|
"时间周期": "2025年",
|
||||||
|
"项目预算表": [
|
||||||
|
{
|
||||||
|
"项目名称": "市场推广费",
|
||||||
|
"预算金额": 500000,
|
||||||
|
"实际金额": 450000,
|
||||||
|
"差异": -50000,
|
||||||
|
"备注": "广告成本略低于预期"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"项目名称": "人员成本",
|
||||||
|
"预算金额": 1200000,
|
||||||
|
"实际金额": 1250000,
|
||||||
|
"差异": 50000,
|
||||||
|
"备注": "新增一名市场专员"
|
||||||
|
}
|
||||||
|
// 更多项目...
|
||||||
|
],
|
||||||
|
"汇总": {
|
||||||
|
"总预算": 1700000,
|
||||||
|
"总实际支出": 1700000,
|
||||||
|
"预算差异": 0
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
web_frontend/exhibition-demo/public/data/agent头像/会展执行专家.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/agent头像/会展执行专家.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 329 KiB |
BIN
web_frontend/exhibition-demo/public/data/agent头像/会展策划专家.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/agent头像/会展策划专家.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 323 KiB |
BIN
web_frontend/exhibition-demo/public/data/agent头像/信息检索专家.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/agent头像/信息检索专家.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
BIN
web_frontend/exhibition-demo/public/data/agent头像/结构编辑专家.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/agent头像/结构编辑专家.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 328 KiB |
BIN
web_frontend/exhibition-demo/public/data/agent头像/营销策划专家.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/agent头像/营销策划专家.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 299 KiB |
BIN
web_frontend/exhibition-demo/public/data/agent头像/设计专家.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/agent头像/设计专家.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 343 KiB |
BIN
web_frontend/exhibition-demo/public/data/agent头像/预算编辑专家.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/agent头像/预算编辑专家.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 342 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/2.试驾小景.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/2.试驾小景.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 510 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/3.小米汽车.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/3.小米汽车.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 398 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_03282ab7e5.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_03282ab7e5.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 422 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_15f65339bb.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_15f65339bb.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 352 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_192cdc54bc.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_192cdc54bc.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 494 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_1c05424f7f.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_1c05424f7f.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 427 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_27184afa6e.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_27184afa6e.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 423 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_2a9b622636.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_2a9b622636.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 591 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_4aabd94ef3.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_4aabd94ef3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 404 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_5c4b912ea7.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_5c4b912ea7.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 503 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_8236005bb2.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_8236005bb2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 403 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_9e8c1f44ac.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_9e8c1f44ac.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 516 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_be64a7b61f.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_be64a7b61f.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 330 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_c478fe089d.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_c478fe089d.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 412 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_dcc81c5212.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_dcc81c5212.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 303 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc 1.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc 1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 397 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 397 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e8f83d1a37.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e8f83d1a37.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 474 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_f3f954649c.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_f3f954649c.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 390 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/博览会.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/博览会.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 700 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/展会内部参观.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/展会内部参观.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 624 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/展馆布置图.jpeg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/展馆布置图.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 320 KiB |
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/签到.jpg
Executable file
BIN
web_frontend/exhibition-demo/public/data/会展策划/image/签到.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 443 KiB |
300
web_frontend/exhibition-demo/public/data/会展策划/汽车展会展策划案_DEMO.md
Executable file
300
web_frontend/exhibition-demo/public/data/会展策划/汽车展会展策划案_DEMO.md
Executable file
@@ -0,0 +1,300 @@
|
|||||||
|
# 汽车展会展策划案
|
||||||
|
|
||||||
|
## 一、策划案概述
|
||||||
|
|
||||||
|
参考图片：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 1. 封面
|
||||||
|
|
||||||
|
- 展会名称：2024长三角国际新能源汽车与智能交通产业博览会
|
||||||
|
- 策划案名称：Green Mobility Shanghai 2024 执行策划案
|
||||||
|
- 策划单位：上海国际会展集团会展策划部
|
||||||
|
- 日期：20xx年xx月xx日
|
||||||
|
|
||||||
|
### 2. 目录
|
||||||
|
|
||||||
|
- 一、策划案概述：P1
|
||||||
|
- 二、展会介绍与预期效果：P3
|
||||||
|
- 三、营销方案：P8
|
||||||
|
- 四、现场运营方案：P15
|
||||||
|
- 五、预算与收益分析：P22
|
||||||
|
- 六、风险评估与应急预案：P28
|
||||||
|
|
||||||
|
### 3. 策划背景
|
||||||
|
|
||||||
|
内容：
|
||||||
|
|
||||||
|
在全球碳中和目标推动下，新能源汽车产业迎来爆发式增长。长三角地区作为中国汽车产业核心集群，聚集了特斯拉、上汽、蔚来等龙头企业，新能源汽车产量占全国40%以上。同时，智能网联、自动驾驶技术快速发展，智慧交通体系建设加速推进。然而，行业缺乏一个整合整车制造、核心零部件、智能技术、基础设施的全产业链展示平台。本次展会将填补这一市场空白，打造长三角地区最具影响力的新能源汽车与智能交通产业盛会。
|
||||||
|
|
||||||
|
依据：
|
||||||
|
|
||||||
|
- 《新能源汽车产业发展规划（2021-2035年）》政策支持
|
||||||
|
- 长三角一体化发展战略深入实施
|
||||||
|
- 上海市打造国际新能源汽车发展高地规划
|
||||||
|
- 市场调研显示89%的产业链企业有参展需求
|
||||||
|
|
||||||
|
### 4. 策划目的
|
||||||
|
|
||||||
|
- 品牌建设目的：打造长三角地区新能源汽车与智能交通领域第一展会品牌
|
||||||
|
- 商业目的：吸引300家优质展商，实现现场意向交易额超8亿元人民币
|
||||||
|
- 行业目的：促进产业链上下游合作，推动技术创新和产业升级
|
||||||
|
- 社会目的：推广绿色出行理念，助力碳中和目标实现
|
||||||
|
|
||||||
|
### 5. 策划依据
|
||||||
|
|
||||||
|
政策依据：
|
||||||
|
|
||||||
|
- 《上海市加快新能源汽车产业发展实施计划》
|
||||||
|
- 《长三角地区新能源汽车产业链协同发展规划》
|
||||||
|
|
||||||
|
市场依据：
|
||||||
|
|
||||||
|
- 2023年新能源汽车销量同比增长35%
|
||||||
|
- 智能网联汽车市场规模突破千亿元
|
||||||
|
|
||||||
|
资源依据：
|
||||||
|
|
||||||
|
- 与20余家行业协会建立合作关系
|
||||||
|
- 往届相关展会数据库包含5万+专业观众信息
|
||||||
|
|
||||||
|
## 二、展会介绍与预期效果
|
||||||
|
|
||||||
|
参考图片：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 1. 展会主题
|
||||||
|
|
||||||
|
「智行未来，绿动长三角」——2024长三角国际新能源汽车与智能交通产业博览会
|
||||||
|
|
||||||
|
### 2. 展会地址
|
||||||
|
|
||||||
|
- 主展馆：国家会展中心（上海）
|
||||||
|
- 地址：上海市青浦区崧泽大道333号
|
||||||
|
- 选择理由：
|
||||||
|
- 地理位置优越，交通便利
|
||||||
|
- 设施完善，展馆面积充足
|
||||||
|
- 配套服务齐全，经验丰富
|
||||||
|
|
||||||
|
### 3. 展品范围
|
||||||
|
|
||||||
|
- 整车展区：纯电动汽车、插电式混合动力汽车、智能网联汽车
|
||||||
|
- 核心零部件展区：电池电机电控系统、智能驾驶系统、车联网设备、充电设施
|
||||||
|
- 智能交通展区：智慧路网系统、车路协同解决方案、智能停车系统、出行服务平台
|
||||||
|
- 配套服务展区：金融服务、检测认证、咨询服务、媒体服务
|
||||||
|
|
||||||
|
### 4. 举办时间
|
||||||
|
|
||||||
|
- 展期：2024年9月12日-9月15日（周四至周日）
|
||||||
|
- 开放时间：每日09:00-17:00（16:30停止入场）
|
||||||
|
- 选择理由：避开国庆长假、行业采购旺季、天气适宜
|
||||||
|
|
||||||
|
### 5. 办展机构
|
||||||
|
|
||||||
|
- 主办单位：中国汽车工业协会、上海市经济和信息化委员会、长三角一体化示范区执委会
|
||||||
|
- 承办单位：上海国际会展集团
|
||||||
|
- 协办单位：江苏省汽车行业协会、浙江省新能源汽车产业联盟、安徽省汽车工程学会
|
||||||
|
- 支持单位：国际汽车工程师学会、中国电动汽车百人会、上海交通大学智能网联汽车研究中心
|
||||||
|
|
||||||
|
### 6. 目标参展商
|
||||||
|
|
||||||
|
- 整车企业：特斯拉、比亚迪、上汽、蔚来、理想、小鹏等
|
||||||
|
- 零部件企业：宁德时代、华为智能汽车、百度Apollo、Mobileye等
|
||||||
|
- 科技企业：阿里巴巴、腾讯、科大讯飞等智能网联解决方案提供商
|
||||||
|
- 服务企业：充电运营商、出行服务商、金融机构等
|
||||||
|
|
||||||
|
### 7. 目标观众
|
||||||
|
|
||||||
|
- 专业观众：汽车制造商采购及技术人员、经销商和4S店负责人、政府部门和行业组织代表、投资机构和分析师
|
||||||
|
- 普通观众：新能源汽车潜在消费者、科技爱好者、大学生和研究机构人员
|
||||||
|
|
||||||
|
### 8. 预计规模
|
||||||
|
|
||||||
|
- 展览面积：50,000平方米
|
||||||
|
- 标准展位：1,200个（9平米/个）
|
||||||
|
- 特装展位：20,000平方米
|
||||||
|
- 参展商家数：350家
|
||||||
|
- 参观人次：50,000人次
|
||||||
|
|
||||||
|
### 9. 展会定位
|
||||||
|
|
||||||
|
- 市场定位：B2B2C模式，兼顾专业性与大众性
|
||||||
|
- 品质定位：高端化、国际化、专业化
|
||||||
|
- 特色定位：注重体验互动，突出科技感和未来感
|
||||||
|
|
||||||
|
### 10. 预期效果
|
||||||
|
|
||||||
|
经济效益：
|
||||||
|
|
||||||
|
- 现场成交额预计超10亿元
|
||||||
|
- 带动相关产业收入约30亿元
|
||||||
|
|
||||||
|
社会效益：
|
||||||
|
|
||||||
|
- 媒体曝光量超1亿次
|
||||||
|
- 行业白皮书发布2份
|
||||||
|
- 专业论坛20场
|
||||||
|
|
||||||
|
品牌效益：
|
||||||
|
|
||||||
|
- 参展商满意度90%以上
|
||||||
|
- 专业观众重复参观意愿85%
|
||||||
|
|
||||||
|
## 三、营销方案
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 1. 整体推广策略
|
||||||
|
|
||||||
|
- 策略核心：线上线下融合、精准定向投放、多渠道覆盖
|
||||||
|
- 阶段划分：
|
||||||
|
- 预热期（展前6个月）：品牌造势，话题营销
|
||||||
|
- 推广期（展前3个月）：精准投放，观众组织
|
||||||
|
- 冲刺期（展前1个月）：密集宣传，氛围营造
|
||||||
|
- 展期：现场互动，媒体报道
|
||||||
|
- 展后：持续发酵，下届预热
|
||||||
|
|
||||||
|
### 2. 线下推广方案
|
||||||
|
|
||||||
|
- 行业活动：参加北京车展、广州车展等进行推广；在相关行业论坛和峰会进行宣传
|
||||||
|
- 传统媒体：《中国汽车报》、《汽车之家》等媒体投放广告；召开新闻发布会和媒体见面会
|
||||||
|
- 渠道推广：与各地新能源汽车产业园区合作；通过行业协会组织参观团
|
||||||
|
- 户外广告：上海主要商圈LED屏广告；地铁机场灯箱广告；高速公路高炮广告
|
||||||
|
|
||||||
|
### 3. 线上推广方案
|
||||||
|
|
||||||
|
- 官网建设：在线注册系统、展商数据库、活动预约系统、新闻中心；特色功能：3D展馆导航、VR预览
|
||||||
|
- 社交媒体：
|
||||||
|
- 微信：公众号推送、朋友圈广告、小程序互动
|
||||||
|
- 微博：话题营销 #绿色出行看长三角#、大V合作、直播活动
|
||||||
|
- 抖音/快手：短视频、网红探店、挑战赛
|
||||||
|
- 数字广告：搜索引擎关键词竞价；信息流广告（今日头条、腾讯新闻）；垂直媒体（汽车之家、易车网）
|
||||||
|
- 邮件营销：数据库10万+联系人；发送频次每月2期；内容包含展商推介、活动预告、行业资讯
|
||||||
|
|
||||||
|
### 4. 精准邀请方案
|
||||||
|
|
||||||
|
- 专业观众邀请：呼叫中心20人团队、一对一重点客户邀请、协会团体邀请
|
||||||
|
- 买家匹配服务：
|
||||||
|
- 会前：在线预约，智能匹配
|
||||||
|
- 展中：商务洽谈区，对接会
|
||||||
|
- 展后：持续跟进，促成交易
|
||||||
|
|
||||||
|
## 四、现场运营方案
|
||||||
|
|
||||||
|
参考图片：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 1. 展区规划
|
||||||
|
|
||||||
|
- 整车展示区：中央展厅，20,000平方米
|
||||||
|
- 零部件展区：西侧展厅，15,000平方米
|
||||||
|
- 智能交通展区：东侧展厅，10,000平方米
|
||||||
|
- 体验互动区：室外广场，5,000平方米
|
||||||
|
|
||||||
|
### 2. 现场服务
|
||||||
|
|
||||||
|
- 登记服务：电子签到系统，快速通道
|
||||||
|
- 咨询服务：多语言服务台，智能机器人导览
|
||||||
|
- 商务服务：会议室租赁，翻译服务
|
||||||
|
- 后勤服务：餐饮区、休息区、医疗点
|
||||||
|
|
||||||
|
### 3. 活动安排
|
||||||
|
|
||||||
|
- 开幕典礼：9月12日上午9:00
|
||||||
|
- 主题论坛：新能源汽车产业发展论坛、智能网联技术创新峰会、充电基础设施建设研讨会
|
||||||
|
- 配套活动：新产品发布会、试乘试驾、技术交流会
|
||||||
|
|
||||||
|
### 4. 展陈设计
|
||||||
|
|
||||||
|
- 设计理念：科技、环保、未来
|
||||||
|
- 色彩方案：主色调科技蓝、环保绿
|
||||||
|
- 灯光设计：LED节能照明，重点突出
|
||||||
|
- 空间布局：流线型，体验式
|
||||||
|
|
||||||
|
## 五、预算与收益分析
|
||||||
|
|
||||||
|
参考图片：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 1. 支出预算
|
||||||
|
|
||||||
|
- 场地费用：300万元
|
||||||
|
- 营销推广：200万元
|
||||||
|
- 人员成本：150万元
|
||||||
|
- 活动执行：100万元
|
||||||
|
- 运营保障：80万元
|
||||||
|
- 应急储备：70万元
|
||||||
|
- **总计：900万元**
|
||||||
|
|
||||||
|
### 2. 收入预算
|
||||||
|
|
||||||
|
- 展位收入：700万元
|
||||||
|
- 赞助收入：300万元
|
||||||
|
- 广告收入：100万元
|
||||||
|
- 门票收入：50万元
|
||||||
|
- 其他收入：50万元
|
||||||
|
- **总计：1,200万元**
|
||||||
|
|
||||||
|
### 3. 收益预测
|
||||||
|
|
||||||
|
- 直接收益：300万元
|
||||||
|
- 间接收益：品牌价值提升、行业影响力扩大
|
||||||
|
- 投资回报率：33.3%
|
||||||
|
|
||||||
|
## 六、风险评估与应急预案
|
||||||
|
|
||||||
|
参考图片
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 1. 风险分析
|
||||||
|
|
||||||
|
- 市场风险：行业政策变化、市场竞争加剧
|
||||||
|
- 运营风险：参展商数量不足、观众人数未达预期
|
||||||
|
- 安全风险：消防安全、人员安全
|
||||||
|
- 不可抗力：疫情、恶劣天气
|
||||||
|
|
||||||
|
### 2. 应对措施
|
||||||
|
|
||||||
|
- 市场风险应对：加强政策研究，及时调整策略；提升展会品质，增强竞争力
|
||||||
|
- 运营风险应对：提前签约重点展商；多渠道观众组织
|
||||||
|
- 安全风险应对：完善安保体系；购买保险
|
||||||
|
- 不可抗力应对：制定线上预案；与展馆方保持沟通
|
||||||
@@ -45,6 +45,7 @@ const WorkflowPageV4 = () => {
|
|||||||
const [showRequirementModal, setShowRequirementModal] = useState(false);
|
const [showRequirementModal, setShowRequirementModal] = useState(false);
|
||||||
const [showResultModal, setShowResultModal] = useState(false);
|
const [showResultModal, setShowResultModal] = useState(false);
|
||||||
const [userRequirement, setUserRequirement] = useState('');
|
const [userRequirement, setUserRequirement] = useState('');
|
||||||
|
const [imageLoadingStates, setImageLoadingStates] = useState<{ [key: string]: boolean }>({});
|
||||||
const terminalRef = useRef<HTMLDivElement>(null);
|
const terminalRef = useRef<HTMLDivElement>(null);
|
||||||
const intervalRef = useRef<number | null>(null);
|
const intervalRef = useRef<number | null>(null);
|
||||||
const progressLineIdRef = useRef<string | null>(null);
|
const progressLineIdRef = useRef<string | null>(null);
|
||||||
@@ -170,25 +171,27 @@ const WorkflowPageV4 = () => {
|
|||||||
{ type: 'info', content: '🎨 Generating test drive area visualization...' },
|
{ type: 'info', content: '🎨 Generating test drive area visualization...' },
|
||||||
{ type: 'output', content: 'Prompt: "EV test drive track, outdoor exhibition area"' },
|
{ type: 'output', content: 'Prompt: "EV test drive track, outdoor exhibition area"' },
|
||||||
{ type: 'progress', content: 'Generating: 试驾小景.jpg', target: 100, stutters: [45, 78] },
|
{ type: 'progress', content: 'Generating: 试驾小景.jpg', target: 100, stutters: [45, 78] },
|
||||||
{ type: 'output', content: '' },
|
{ type: 'image',
|
||||||
{ type: 'output', content: '╔═══════════════════════════════════════════╗' },
|
content: '📷 IMAGE PREVIEW: 试驾体验区',
|
||||||
{ type: 'output', content: '║ IMAGE PREVIEW: 试驾体验区 ║' },
|
imageSrc: '/data/会展策划/image/2.试驾小景.jpg',
|
||||||
{ type: 'output', content: '╠═══════════════════════════════════════════╣' },
|
imageAlt: '试驾体验区实景'
|
||||||
{ type: 'output', content: '║ ╭──────────────────────────╮ ║' },
|
},
|
||||||
{ type: 'output', content: '║ │ ═══════════════════════ │ ║' },
|
|
||||||
{ type: 'output', content: '║ │ ║ TEST DRIVE TRACK ║ │ ║' },
|
|
||||||
{ type: 'output', content: '║ │ ║ ╱╲ 🚗 ➜➜➜ ║ │ ║' },
|
|
||||||
{ type: 'output', content: '║ │ ║ ╱ ╲ ╱──────╲ ║ │ ║' },
|
|
||||||
{ type: 'output', content: '║ │ ║ ╱ ╲ ║ │ ║' },
|
|
||||||
{ type: 'output', content: '║ │ ═══════════════════════ │ ║' },
|
|
||||||
{ type: 'output', content: '║ ╰──────────────────────────╯ ║' },
|
|
||||||
{ type: 'output', content: '╚═══════════════════════════════════════════╝' },
|
|
||||||
{ type: 'file', content: '✓ Generated: 试驾小景.jpg (2.8MB)' },
|
{ type: 'file', content: '✓ Generated: 试驾小景.jpg (2.8MB)' },
|
||||||
{ type: 'info', content: '' },
|
{ type: 'info', content: '' },
|
||||||
{ type: 'info', content: '🎨 Generating brand showcase images...' },
|
{ type: 'info', content: '🎨 Generating brand showcase images...' },
|
||||||
{ type: 'progress', content: 'Generating: 小米汽车.jpg', target: 100, stutters: [34, 67] },
|
{ type: 'progress', content: 'Generating: 小米汽车.jpg', target: 100, stutters: [34, 67] },
|
||||||
|
{ type: 'image',
|
||||||
|
content: '📷 IMAGE PREVIEW: 小米汽车展台',
|
||||||
|
imageSrc: '/data/会展策划/image/3.小米汽车.jpg',
|
||||||
|
imageAlt: '小米汽车展示'
|
||||||
|
},
|
||||||
{ type: 'file', content: '✓ Generated: 小米汽车.jpg (1.9MB)' },
|
{ type: 'file', content: '✓ Generated: 小米汽车.jpg (1.9MB)' },
|
||||||
{ type: 'progress', content: 'Generating: 博览会.jpg', target: 100, stutters: [56, 89] },
|
{ type: 'progress', content: 'Generating: 博览会.jpg', target: 100, stutters: [56, 89] },
|
||||||
|
{ type: 'image',
|
||||||
|
content: '📷 IMAGE PREVIEW: 博览会全景',
|
||||||
|
imageSrc: '/data/会展策划/image/博览会.jpg',
|
||||||
|
imageAlt: '博览会全景图'
|
||||||
|
},
|
||||||
{ type: 'file', content: '✓ Generated: 博览会.jpg (3.5MB)' },
|
{ type: 'file', content: '✓ Generated: 博览会.jpg (3.5MB)' },
|
||||||
{ type: 'info', content: '' },
|
{ type: 'info', content: '' },
|
||||||
{ type: 'info', content: 'Creating exhibition hall 3D layout...' },
|
{ type: 'info', content: 'Creating exhibition hall 3D layout...' },
|
||||||
@@ -492,14 +495,24 @@ const WorkflowPageV4 = () => {
|
|||||||
const now = new Date();
|
const now = new Date();
|
||||||
const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}:${now.getSeconds().toString().padStart(2, '0')}.${now.getMilliseconds().toString().padStart(3, '0')}`;
|
const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}:${now.getSeconds().toString().padStart(2, '0')}.${now.getMilliseconds().toString().padStart(3, '0')}`;
|
||||||
|
|
||||||
|
const lineId = Math.random().toString(36).substr(2, 9);
|
||||||
const newLine = {
|
const newLine = {
|
||||||
...line,
|
...line,
|
||||||
id: Math.random().toString(36).substr(2, 9),
|
id: lineId,
|
||||||
timestamp
|
timestamp
|
||||||
};
|
};
|
||||||
|
|
||||||
setTerminalLines(prev => [...prev, newLine]);
|
setTerminalLines(prev => [...prev, newLine]);
|
||||||
|
|
||||||
|
// 如果是图片类型，设置加载状态
|
||||||
|
if (line.type === 'image' && line.imageSrc) {
|
||||||
|
setImageLoadingStates(prev => ({ ...prev, [lineId]: true }));
|
||||||
|
// 确保loading动画显示足够时间
|
||||||
|
setTimeout(() => {
|
||||||
|
setImageLoadingStates(prev => ({ ...prev, [lineId]: false }));
|
||||||
|
}, getRandomDelay(2000, 3500));
|
||||||
|
}
|
||||||
|
|
||||||
// 自动滚动到底部
|
// 自动滚动到底部
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
if (terminalRef.current) {
|
if (terminalRef.current) {
|
||||||
@@ -617,10 +630,16 @@ const WorkflowPageV4 = () => {
|
|||||||
content: '=' .repeat(60)
|
content: '=' .repeat(60)
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// 更新store状态为完成
|
||||||
|
const store = useDemoStore.getState();
|
||||||
|
store.setProgress(100);
|
||||||
|
|
||||||
// 显示结果弹窗
|
// 显示结果弹窗
|
||||||
|
console.log('All agents completed, showing result modal...');
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
console.log('Setting showResultModal to true');
|
||||||
setShowResultModal(true);
|
setShowResultModal(true);
|
||||||
}, 1000);
|
}, 2000);
|
||||||
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -641,13 +660,18 @@ const WorkflowPageV4 = () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// 根据类型设置延迟
|
// 根据类型设置延迟
|
||||||
const delay =
|
let delay =
|
||||||
output.type === 'system' ? getRandomDelay(100, 300) :
|
output.type === 'system' ? getRandomDelay(100, 300) :
|
||||||
output.type === 'install' ? getRandomDelay(200, 400) :
|
output.type === 'install' ? getRandomDelay(200, 400) :
|
||||||
output.type === 'file' ? getRandomDelay(100, 200) :
|
output.type === 'file' ? getRandomDelay(100, 200) :
|
||||||
output.type === 'info' && output.content === '' ? 50 :
|
output.type === 'info' && output.content === '' ? 50 :
|
||||||
getRandomDelay(30, 100);
|
getRandomDelay(30, 100);
|
||||||
|
|
||||||
|
// 如果是图片类型，等待图片加载完成
|
||||||
|
if (output.type === 'image') {
|
||||||
|
delay = getRandomDelay(2500, 3500); // 等待图片加载动画完成
|
||||||
|
}
|
||||||
|
|
||||||
await new Promise(resolve => setTimeout(resolve, delay));
|
await new Promise(resolve => setTimeout(resolve, delay));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -667,7 +691,7 @@ const WorkflowPageV4 = () => {
|
|||||||
|
|
||||||
// 监听Agent变化
|
// 监听Agent变化
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (status === 'running' && currentAgentIndex >= 0 && currentAgentIndex < agentSequence.length) {
|
if (status === 'running' && currentAgentIndex >= 0) {
|
||||||
executeAgent(currentAgentIndex);
|
executeAgent(currentAgentIndex);
|
||||||
}
|
}
|
||||||
}, [currentAgentIndex]);
|
}, [currentAgentIndex]);
|
||||||
@@ -842,6 +866,12 @@ const WorkflowPageV4 = () => {
|
|||||||
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
|
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||||
background: #555;
|
background: #555;
|
||||||
}
|
}
|
||||||
|
.animation-delay-200 {
|
||||||
|
animation-delay: 200ms;
|
||||||
|
}
|
||||||
|
.animation-delay-400 {
|
||||||
|
animation-delay: 400ms;
|
||||||
|
}
|
||||||
`}</style>
|
`}</style>
|
||||||
|
|
||||||
<AnimatePresence>
|
<AnimatePresence>
|
||||||
@@ -863,16 +893,39 @@ const WorkflowPageV4 = () => {
|
|||||||
{line.content}
|
{line.content}
|
||||||
</span>
|
</span>
|
||||||
{line.imageSrc && (
|
{line.imageSrc && (
|
||||||
<div className="mt-2 mb-2 inline-block">
|
<div className="mt-3 mb-3">
|
||||||
<img
|
{imageLoadingStates[line.id] ? (
|
||||||
src={line.imageSrc}
|
// 简单的骨架屏Loading效果
|
||||||
alt={line.imageAlt || 'Generated image'}
|
<div className="relative w-96 h-64 bg-gray-800 rounded-lg border border-gray-700 overflow-hidden">
|
||||||
className="max-w-md rounded-lg border-2 border-gray-700 shadow-xl"
|
{/* 骨架屏脉冲动画 */}
|
||||||
style={{ maxHeight: '300px' }}
|
<div className="absolute inset-0">
|
||||||
onError={(e) => {
|
<div className="h-full w-full bg-gradient-to-r from-gray-800 via-gray-700 to-gray-800 animate-pulse" />
|
||||||
e.currentTarget.style.display = 'none';
|
</div>
|
||||||
}}
|
|
||||||
/>
|
{/* 简单的loading指示器 */}
|
||||||
|
<div className="absolute inset-0 flex items-center justify-center">
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<div className="w-2 h-2 bg-gray-500 rounded-full animate-pulse" />
|
||||||
|
<div className="w-2 h-2 bg-gray-500 rounded-full animate-pulse animation-delay-200" />
|
||||||
|
<div className="w-2 h-2 bg-gray-500 rounded-full animate-pulse animation-delay-400" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
// 实际图片（淡入效果）
|
||||||
|
<motion.img
|
||||||
|
src={line.imageSrc}
|
||||||
|
alt={line.imageAlt || 'Generated image'}
|
||||||
|
className="max-w-md rounded-lg border-2 border-gray-700 shadow-xl"
|
||||||
|
style={{ maxHeight: '300px' }}
|
||||||
|
initial={{ opacity: 0, scale: 0.95 }}
|
||||||
|
animate={{ opacity: 1, scale: 1 }}
|
||||||
|
transition={{ duration: 0.5 }}
|
||||||
|
onError={(e) => {
|
||||||
|
e.currentTarget.style.display = 'none';
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
296
web_frontend/web_result/index.html
Normal file
296
web_frontend/web_result/index.html
Normal file
@@ -0,0 +1,296 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>2024长三角国际新能源汽车与智能交通产业博览会</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||||
|
}
|
||||||
|
.hero-gradient {
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
}
|
||||||
|
.card-hover {
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.card-hover:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
position: relative;
|
||||||
|
transition: color 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #667eea;
|
||||||
|
transition: width 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after,
|
||||||
|
.nav-link.active::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.fade-in {
|
||||||
|
animation: fadeIn 0.8s ease-in;
|
||||||
|
}
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from { opacity: 0; transform: translateY(20px); }
|
||||||
|
to { opacity: 1; transform: translateY(0); }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="bg-gray-50">
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="fixed top-0 w-full bg-white shadow-md z-50">
|
||||||
|
<div class="container mx-auto px-6 py-4">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg class="w-8 h-8 mr-3 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M10 2a8 8 0 100 16 8 8 0 000-16zm1 11H9v-2h2v2zm0-4H9V5h2v4z"/>
|
||||||
|
</svg>
|
||||||
|
<span class="text-xl font-bold text-gray-800">Green Mobility 2024</span>
|
||||||
|
</div>
|
||||||
|
<div class="hidden md:flex space-x-8">
|
||||||
|
<a href="index.html" class="nav-link active text-gray-700 hover:text-purple-600">首页</a>
|
||||||
|
<a href="pages/overview.html" class="nav-link text-gray-700 hover:text-purple-600">策划概述</a>
|
||||||
|
<a href="pages/exhibition.html" class="nav-link text-gray-700 hover:text-purple-600">展会介绍</a>
|
||||||
|
<a href="pages/marketing.html" class="nav-link text-gray-700 hover:text-purple-600">营销方案</a>
|
||||||
|
<a href="pages/operation.html" class="nav-link text-gray-700 hover:text-purple-600">现场运营</a>
|
||||||
|
<a href="pages/budget.html" class="nav-link text-gray-700 hover:text-purple-600">预算分析</a>
|
||||||
|
<a href="pages/risk.html" class="nav-link text-gray-700 hover:text-purple-600">风险评估</a>
|
||||||
|
</div>
|
||||||
|
<button class="md:hidden">
|
||||||
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="hero-gradient text-white pt-24 pb-20">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<div class="fade-in">
|
||||||
|
<h1 class="text-5xl md:text-6xl font-bold mb-6">
|
||||||
|
智行未来，绿动长三角
|
||||||
|
</h1>
|
||||||
|
<h2 class="text-2xl md:text-3xl mb-8 opacity-90">
|
||||||
|
2024长三角国际新能源汽车与智能交通产业博览会
|
||||||
|
</h2>
|
||||||
|
<div class="flex flex-wrap gap-4 mb-12">
|
||||||
|
<div class="bg-white/20 backdrop-blur-sm rounded-lg px-6 py-3">
|
||||||
|
<span class="font-semibold">📅 时间：</span>2024年9月12日-15日
|
||||||
|
</div>
|
||||||
|
<div class="bg-white/20 backdrop-blur-sm rounded-lg px-6 py-3">
|
||||||
|
<span class="font-semibold">📍 地点：</span>国家会展中心（上海）
|
||||||
|
</div>
|
||||||
|
<div class="bg-white/20 backdrop-blur-sm rounded-lg px-6 py-3">
|
||||||
|
<span class="font-semibold">🏢 规模：</span>50,000平方米
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex gap-4">
|
||||||
|
<a href="pages/overview.html" class="bg-white text-purple-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">
|
||||||
|
了解详情
|
||||||
|
</a>
|
||||||
|
<a href="#highlights" class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-purple-600 transition">
|
||||||
|
展会亮点
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Key Stats Section -->
|
||||||
|
<section class="py-16 bg-white">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
||||||
|
<div class="text-center fade-in">
|
||||||
|
<div class="text-4xl font-bold text-purple-600 mb-2">350+</div>
|
||||||
|
<div class="text-gray-600">参展企业</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center fade-in">
|
||||||
|
<div class="text-4xl font-bold text-purple-600 mb-2">50,000+</div>
|
||||||
|
<div class="text-gray-600">预计观众</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center fade-in">
|
||||||
|
<div class="text-4xl font-bold text-purple-600 mb-2">10亿+</div>
|
||||||
|
<div class="text-gray-600">预计成交额</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center fade-in">
|
||||||
|
<div class="text-4xl font-bold text-purple-600 mb-2">20+</div>
|
||||||
|
<div class="text-gray-600">专业论坛</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Highlights Section -->
|
||||||
|
<section id="highlights" class="py-20 bg-gray-50">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl md:text-4xl font-bold text-center text-gray-800 mb-12">展会亮点</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
|
<!-- Card 1 -->
|
||||||
|
<div class="card-hover bg-white rounded-xl shadow-lg overflow-hidden">
|
||||||
|
<div class="h-48 bg-gradient-to-br from-blue-500 to-cyan-600"></div>
|
||||||
|
<div class="p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-3">全产业链展示</h3>
|
||||||
|
<p class="text-gray-600 mb-4">
|
||||||
|
涵盖整车制造、核心零部件、充电设施、智能网联等全产业链环节，打造一站式采购平台。
|
||||||
|
</p>
|
||||||
|
<a href="pages/exhibition.html" class="text-purple-600 font-semibold hover:text-purple-800">
|
||||||
|
了解更多 →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Card 2 -->
|
||||||
|
<div class="card-hover bg-white rounded-xl shadow-lg overflow-hidden">
|
||||||
|
<div class="h-48 bg-gradient-to-br from-green-500 to-emerald-600"></div>
|
||||||
|
<div class="p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-3">创新技术体验</h3>
|
||||||
|
<p class="text-gray-600 mb-4">
|
||||||
|
设置自动驾驶体验区、智能交通演示区，让观众亲身体验最新科技成果。
|
||||||
|
</p>
|
||||||
|
<a href="pages/operation.html" class="text-purple-600 font-semibold hover:text-purple-800">
|
||||||
|
了解更多 →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Card 3 -->
|
||||||
|
<div class="card-hover bg-white rounded-xl shadow-lg overflow-hidden">
|
||||||
|
<div class="h-48 bg-gradient-to-br from-purple-500 to-pink-600"></div>
|
||||||
|
<div class="p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-3">高端论坛峰会</h3>
|
||||||
|
<p class="text-gray-600 mb-4">
|
||||||
|
汇聚行业领袖、专家学者，探讨产业发展趋势，发布权威研究报告。
|
||||||
|
</p>
|
||||||
|
<a href="pages/marketing.html" class="text-purple-600 font-semibold hover:text-purple-800">
|
||||||
|
了解更多 →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Exhibition Areas -->
|
||||||
|
<section class="py-20 bg-white">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl md:text-4xl font-bold text-center text-gray-800 mb-12">展区规划</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||||
|
<div class="text-center p-6 border-2 border-purple-200 rounded-lg hover:border-purple-500 transition">
|
||||||
|
<div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-8 h-8 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"/>
|
||||||
|
<path d="M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1V5a1 1 0 00-1-1H3zM14 7a1 1 0 00-1 1v6.05A2.5 2.5 0 0115.95 16H17a1 1 0 001-1v-5a1 1 0 00-.293-.707l-2-2A1 1 0 0015 7h-1z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold mb-2">整车展示区</h3>
|
||||||
|
<p class="text-gray-600 text-sm">20,000平方米</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-center p-6 border-2 border-purple-200 rounded-lg hover:border-purple-500 transition">
|
||||||
|
<div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-8 h-8 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold mb-2">核心零部件区</h3>
|
||||||
|
<p class="text-gray-600 text-sm">15,000平方米</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-center p-6 border-2 border-purple-200 rounded-lg hover:border-purple-500 transition">
|
||||||
|
<div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-8 h-8 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M10 3.5a1.5 1.5 0 013 0V4a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-.5a1.5 1.5 0 000 3h.5a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-.5a1.5 1.5 0 00-3 0v.5a1 1 0 01-1 1H6a1 1 0 01-1-1v-3a1 1 0 00-1-1h-.5a1.5 1.5 0 010-3H4a1 1 0 001-1V6a1 1 0 011-1h3a1 1 0 001-1v-.5z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold mb-2">智能交通区</h3>
|
||||||
|
<p class="text-gray-600 text-sm">10,000平方米</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-center p-6 border-2 border-purple-200 rounded-lg hover:border-purple-500 transition">
|
||||||
|
<div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-8 h-8 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-semibold mb-2">体验互动区</h3>
|
||||||
|
<p class="text-gray-600 text-sm">5,000平方米</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="py-20 bg-gradient-to-r from-purple-600 to-pink-600 text-white">
|
||||||
|
<div class="container mx-auto px-6 text-center">
|
||||||
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">立即参与，共创绿色出行未来</h2>
|
||||||
|
<p class="text-xl mb-8 opacity-90">加入我们，共同推动新能源汽车产业发展</p>
|
||||||
|
<div class="flex justify-center gap-4">
|
||||||
|
<a href="pages/exhibition.html" class="bg-white text-purple-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">
|
||||||
|
参展申请
|
||||||
|
</a>
|
||||||
|
<a href="pages/marketing.html" class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-purple-600 transition">
|
||||||
|
观众预登记
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="bg-gray-900 text-white py-12">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
||||||
|
<div>
|
||||||
|
<h3 class="text-lg font-semibold mb-4">关于展会</h3>
|
||||||
|
<p class="text-gray-400 text-sm">
|
||||||
|
长三角地区最具影响力的新能源汽车与智能交通产业盛会
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3 class="text-lg font-semibold mb-4">快速链接</h3>
|
||||||
|
<ul class="space-y-2 text-sm text-gray-400">
|
||||||
|
<li><a href="pages/overview.html" class="hover:text-white">策划概述</a></li>
|
||||||
|
<li><a href="pages/exhibition.html" class="hover:text-white">展会介绍</a></li>
|
||||||
|
<li><a href="pages/marketing.html" class="hover:text-white">营销方案</a></li>
|
||||||
|
<li><a href="pages/operation.html" class="hover:text-white">现场运营</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3 class="text-lg font-semibold mb-4">联系方式</h3>
|
||||||
|
<ul class="space-y-2 text-sm text-gray-400">
|
||||||
|
<li>📍 上海市青浦区崧泽大道333号</li>
|
||||||
|
<li>📞 021-12345678</li>
|
||||||
|
<li>✉️ info@greenmobility2024.com</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3 class="text-lg font-semibold mb-4">关注我们</h3>
|
||||||
|
<div class="flex space-x-4">
|
||||||
|
<a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-gray-700">
|
||||||
|
<span>微信</span>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-gray-700">
|
||||||
|
<span>微博</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-sm text-gray-400">
|
||||||
|
<p>© 2024 长三角国际新能源汽车与智能交通产业博览会. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
647
web_frontend/web_result/pages/exhibition.html
Normal file
647
web_frontend/web_result/pages/exhibition.html
Normal file
@@ -0,0 +1,647 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>展会介绍 - 2024长三角国际新能源汽车展</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
position: relative;
|
||||||
|
transition: color 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #667eea;
|
||||||
|
transition: width 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after,
|
||||||
|
.nav-link.active::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.exhibition-card {
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
.exhibition-card:hover {
|
||||||
|
border-color: #667eea;
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
.scale-in {
|
||||||
|
animation: scaleIn 0.5s ease-out;
|
||||||
|
}
|
||||||
|
@keyframes scaleIn {
|
||||||
|
from { transform: scale(0.9); opacity: 0; }
|
||||||
|
to { transform: scale(1); opacity: 1; }
|
||||||
|
}
|
||||||
|
.map-container {
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.map-container::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -50%;
|
||||||
|
right: -50%;
|
||||||
|
width: 200%;
|
||||||
|
height: 200%;
|
||||||
|
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
|
||||||
|
animation: rotate 20s linear infinite;
|
||||||
|
}
|
||||||
|
@keyframes rotate {
|
||||||
|
from { transform: rotate(0deg); }
|
||||||
|
to { transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="bg-gray-50">
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="fixed top-0 w-full bg-white shadow-md z-50">
|
||||||
|
<div class="container mx-auto px-6 py-4">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg class="w-8 h-8 mr-3 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M10 2a8 8 0 100 16 8 8 0 000-16zm1 11H9v-2h2v2zm0-4H9V5h2v4z"/>
|
||||||
|
</svg>
|
||||||
|
<span class="text-xl font-bold text-gray-800">Green Mobility 2024</span>
|
||||||
|
</div>
|
||||||
|
<div class="hidden md:flex space-x-8">
|
||||||
|
<a href="../index.html" class="nav-link text-gray-700 hover:text-purple-600">首页</a>
|
||||||
|
<a href="overview.html" class="nav-link text-gray-700 hover:text-purple-600">策划概述</a>
|
||||||
|
<a href="exhibition.html" class="nav-link active text-gray-700 hover:text-purple-600">展会介绍</a>
|
||||||
|
<a href="marketing.html" class="nav-link text-gray-700 hover:text-purple-600">营销方案</a>
|
||||||
|
<a href="operation.html" class="nav-link text-gray-700 hover:text-purple-600">现场运营</a>
|
||||||
|
<a href="budget.html" class="nav-link text-gray-700 hover:text-purple-600">预算分析</a>
|
||||||
|
<a href="risk.html" class="nav-link text-gray-700 hover:text-purple-600">风险评估</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Page Header -->
|
||||||
|
<section class="bg-gradient-to-r from-blue-600 to-green-600 text-white pt-24 pb-12">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h1 class="text-4xl md:text-5xl font-bold mb-4">展会介绍与预期效果</h1>
|
||||||
|
<p class="text-xl opacity-90">深入了解展会规模、展品范围、参展商与观众构成</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Exhibition Theme -->
|
||||||
|
<section class="py-16 bg-white">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<div class="text-center mb-12">
|
||||||
|
<h2 class="text-4xl font-bold text-gray-800 mb-4">智行未来，绿动长三角</h2>
|
||||||
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||||
|
2024长三角国际新能源汽车与智能交通产业博览会，致力于打造全球新能源汽车产业交流合作的重要平台
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
|
<div class="text-center scale-in">
|
||||||
|
<div class="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-10 h-10 text-blue-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-2">专业化</h3>
|
||||||
|
<p class="text-gray-600">聚焦新能源汽车全产业链，提供专业展示交流平台</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-center scale-in" style="animation-delay: 0.1s">
|
||||||
|
<div class="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-10 h-10 text-green-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-2">国际化</h3>
|
||||||
|
<p class="text-gray-600">汇聚全球领先企业，促进国际技术交流与合作</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-center scale-in" style="animation-delay: 0.2s">
|
||||||
|
<div class="w-20 h-20 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-10 h-10 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-2">品质化</h3>
|
||||||
|
<p class="text-gray-600">高端展会服务，打造行业标杆展会品牌</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Venue Information -->
|
||||||
|
<section class="py-16 bg-gray-50">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">展会场地</h2>
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
|
||||||
|
<div class="map-container rounded-2xl p-8 text-white relative">
|
||||||
|
<h3 class="text-2xl font-bold mb-4">国家会展中心（上海）</h3>
|
||||||
|
<div class="space-y-3 relative z-10">
|
||||||
|
<div class="flex items-start">
|
||||||
|
<svg class="w-6 h-6 mr-3 flex-shrink-0 mt-1" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
<div>
|
||||||
|
<p class="font-semibold">详细地址</p>
|
||||||
|
<p class="opacity-90">上海市青浦区崧泽大道333号</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-start">
|
||||||
|
<svg class="w-6 h-6 mr-3 flex-shrink-0 mt-1" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"/>
|
||||||
|
<path d="M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1V5a1 1 0 00-1-1H3zM14 7a1 1 0 00-1 1v6.05A2.5 2.5 0 0115.95 16H17a1 1 0 001-1v-5a1 1 0 00-.293-.707l-2-2A1 1 0 0015 7h-1z"/>
|
||||||
|
</svg>
|
||||||
|
<div>
|
||||||
|
<p class="font-semibold">交通便利</p>
|
||||||
|
<p class="opacity-90">地铁2号线直达，多条公交线路，充足停车位</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-start">
|
||||||
|
<svg class="w-6 h-6 mr-3 flex-shrink-0 mt-1" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"/>
|
||||||
|
</svg>
|
||||||
|
<div>
|
||||||
|
<p class="font-semibold">场馆规模</p>
|
||||||
|
<p class="opacity-90">展览面积50万平方米，亚洲最大会展综合体</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-2xl shadow-lg p-8">
|
||||||
|
<h3 class="text-2xl font-bold text-gray-800 mb-6">场馆优势</h3>
|
||||||
|
<div class="space-y-4">
|
||||||
|
<div class="flex items-center p-4 bg-blue-50 rounded-lg">
|
||||||
|
<div class="w-12 h-12 bg-blue-600 text-white rounded-lg flex items-center justify-center mr-4">
|
||||||
|
01
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold">世界级展馆设施</h4>
|
||||||
|
<p class="text-sm text-gray-600">配备先进的展览设施和智能化管理系统</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center p-4 bg-green-50 rounded-lg">
|
||||||
|
<div class="w-12 h-12 bg-green-600 text-white rounded-lg flex items-center justify-center mr-4">
|
||||||
|
02
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold">完善的配套服务</h4>
|
||||||
|
<p class="text-sm text-gray-600">酒店、餐饮、商务中心一应俱全</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center p-4 bg-purple-50 rounded-lg">
|
||||||
|
<div class="w-12 h-12 bg-purple-600 text-white rounded-lg flex items-center justify-center mr-4">
|
||||||
|
03
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold">丰富的办展经验</h4>
|
||||||
|
<p class="text-sm text-gray-600">成功举办进博会等大型国际展会</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center p-4 bg-orange-50 rounded-lg">
|
||||||
|
<div class="w-12 h-12 bg-orange-600 text-white rounded-lg flex items-center justify-center mr-4">
|
||||||
|
04
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold">绿色环保理念</h4>
|
||||||
|
<p class="text-sm text-gray-600">全馆采用节能环保设计，获得绿色建筑认证</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Exhibition Areas Detail -->
|
||||||
|
<section class="py-16 bg-white">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">展品范围</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||||
|
<!-- 整车展区 -->
|
||||||
|
<div class="exhibition-card bg-gradient-to-br from-blue-50 to-blue-100 rounded-xl p-6">
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<div class="w-12 h-12 bg-blue-600 text-white rounded-lg flex items-center justify-center mr-4">
|
||||||
|
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"/>
|
||||||
|
<path d="M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1V5a1 1 0 00-1-1H3zM14 7a1 1 0 00-1 1v6.05A2.5 2.5 0 0115.95 16H17a1 1 0 001-1v-5a1 1 0 00-.293-.707l-2-2A1 1 0 0015 7h-1z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold">整车展区</h3>
|
||||||
|
</div>
|
||||||
|
<ul class="space-y-2 text-gray-700">
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-blue-600 mr-2">▸</span>
|
||||||
|
<span>纯电动汽车：轿车、SUV、MPV、商用车</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-blue-600 mr-2">▸</span>
|
||||||
|
<span>插电式混合动力汽车：增程式、并联式、混联式</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-blue-600 mr-2">▸</span>
|
||||||
|
<span>氢燃料电池汽车：乘用车、商用车、专用车</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-blue-600 mr-2">▸</span>
|
||||||
|
<span>智能网联汽车：L2-L4级自动驾驶展示车</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="mt-4 pt-4 border-t border-blue-200">
|
||||||
|
<p class="text-sm text-gray-600">展览面积：20,000平方米 | 预计展商：120家</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 核心零部件展区 -->
|
||||||
|
<div class="exhibition-card bg-gradient-to-br from-green-50 to-green-100 rounded-xl p-6">
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<div class="w-12 h-12 bg-green-600 text-white rounded-lg flex items-center justify-center mr-4">
|
||||||
|
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold">核心零部件展区</h3>
|
||||||
|
</div>
|
||||||
|
<ul class="space-y-2 text-gray-700">
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-green-600 mr-2">▸</span>
|
||||||
|
<span>动力电池：锂电池、固态电池、钠离子电池</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-green-600 mr-2">▸</span>
|
||||||
|
<span>驱动电机：永磁同步、交流异步、轮毂电机</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-green-600 mr-2">▸</span>
|
||||||
|
<span>电控系统：BMS、VCU、MCU、DC/DC转换器</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-green-600 mr-2">▸</span>
|
||||||
|
<span>智能驾驶：激光雷达、毫米波雷达、摄像头、芯片</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="mt-4 pt-4 border-t border-green-200">
|
||||||
|
<p class="text-sm text-gray-600">展览面积：15,000平方米 | 预计展商：150家</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 智能交通展区 -->
|
||||||
|
<div class="exhibition-card bg-gradient-to-br from-purple-50 to-purple-100 rounded-xl p-6">
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<div class="w-12 h-12 bg-purple-600 text-white rounded-lg flex items-center justify-center mr-4">
|
||||||
|
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M10 3.5a1.5 1.5 0 013 0V4a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-.5a1.5 1.5 0 000 3h.5a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-.5a1.5 1.5 0 00-3 0v.5a1 1 0 01-1 1H6a1 1 0 01-1-1v-3a1 1 0 00-1-1h-.5a1.5 1.5 0 010-3H4a1 1 0 001-1V6a1 1 0 011-1h3a1 1 0 001-1v-.5z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold">智能交通展区</h3>
|
||||||
|
</div>
|
||||||
|
<ul class="space-y-2 text-gray-700">
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-600 mr-2">▸</span>
|
||||||
|
<span>智慧路网：智能交通信号、车路协同系统</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-600 mr-2">▸</span>
|
||||||
|
<span>V2X通信：5G-V2X设备、路侧单元RSU</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-600 mr-2">▸</span>
|
||||||
|
<span>智能停车：自动泊车系统、智慧停车场解决方案</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-600 mr-2">▸</span>
|
||||||
|
<span>出行服务：MaaS平台、共享出行、智能调度</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="mt-4 pt-4 border-t border-purple-200">
|
||||||
|
<p class="text-sm text-gray-600">展览面积：10,000平方米 | 预计展商：60家</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 配套服务展区 -->
|
||||||
|
<div class="exhibition-card bg-gradient-to-br from-orange-50 to-orange-100 rounded-xl p-6">
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<div class="w-12 h-12 bg-orange-600 text-white rounded-lg flex items-center justify-center mr-4">
|
||||||
|
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold">配套服务展区</h3>
|
||||||
|
</div>
|
||||||
|
<ul class="space-y-2 text-gray-700">
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-orange-600 mr-2">▸</span>
|
||||||
|
<span>充电设施：充电桩、换电站、无线充电</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-orange-600 mr-2">▸</span>
|
||||||
|
<span>金融服务：汽车金融、保险、融资租赁</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-orange-600 mr-2">▸</span>
|
||||||
|
<span>检测认证：第三方检测、认证机构、标准制定</span>
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-orange-600 mr-2">▸</span>
|
||||||
|
<span>后市场服务：维修保养、二手车、汽车改装</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="mt-4 pt-4 border-t border-orange-200">
|
||||||
|
<p class="text-sm text-gray-600">展览面积：5,000平方米 | 预计展商：20家</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Exhibition Schedule -->
|
||||||
|
<section class="py-16 bg-gray-50">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">展会日程</h2>
|
||||||
|
<div class="max-w-4xl mx-auto">
|
||||||
|
<div class="bg-white rounded-2xl shadow-lg overflow-hidden">
|
||||||
|
<div class="bg-gradient-to-r from-purple-600 to-blue-600 text-white p-6">
|
||||||
|
<h3 class="text-2xl font-bold">2024年9月12日 - 15日</h3>
|
||||||
|
<p class="opacity-90">为期4天的行业盛会</p>
|
||||||
|
</div>
|
||||||
|
<div class="p-6">
|
||||||
|
<!-- Day 1 -->
|
||||||
|
<div class="mb-6 pb-6 border-b">
|
||||||
|
<div class="flex items-center mb-3">
|
||||||
|
<div class="w-24 text-sm font-bold text-purple-600">第一天</div>
|
||||||
|
<div class="text-lg font-semibold">9月12日（周四）</div>
|
||||||
|
</div>
|
||||||
|
<div class="ml-24 space-y-2">
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">09:00</span>
|
||||||
|
<span>开幕典礼 & 领导致辞</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">10:00</span>
|
||||||
|
<span>主题论坛：新能源汽车产业发展高峰论坛</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">14:00</span>
|
||||||
|
<span>专业观众参观 & 商务洽谈</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">16:00</span>
|
||||||
|
<span>新产品发布会（特斯拉、蔚来等）</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Day 2 -->
|
||||||
|
<div class="mb-6 pb-6 border-b">
|
||||||
|
<div class="flex items-center mb-3">
|
||||||
|
<div class="w-24 text-sm font-bold text-green-600">第二天</div>
|
||||||
|
<div class="text-lg font-semibold">9月13日（周五）</div>
|
||||||
|
</div>
|
||||||
|
<div class="ml-24 space-y-2">
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">09:30</span>
|
||||||
|
<span>智能网联汽车技术创新峰会</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">10:30</span>
|
||||||
|
<span>自动驾驶体验区开放</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">14:00</span>
|
||||||
|
<span>充电基础设施建设研讨会</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">15:30</span>
|
||||||
|
<span>供需对接会 & 采购洽谈</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Day 3 -->
|
||||||
|
<div class="mb-6 pb-6 border-b">
|
||||||
|
<div class="flex items-center mb-3">
|
||||||
|
<div class="w-24 text-sm font-bold text-blue-600">第三天</div>
|
||||||
|
<div class="text-lg font-semibold">9月14日（周六）</div>
|
||||||
|
</div>
|
||||||
|
<div class="ml-24 space-y-2">
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">09:00</span>
|
||||||
|
<span>公众开放日 - 市民参观体验</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">10:00</span>
|
||||||
|
<span>新能源汽车试乘试驾活动</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">14:00</span>
|
||||||
|
<span>青少年科技创新大赛</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">16:00</span>
|
||||||
|
<span>绿色出行主题活动</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Day 4 -->
|
||||||
|
<div class="mb-0">
|
||||||
|
<div class="flex items-center mb-3">
|
||||||
|
<div class="w-24 text-sm font-bold text-orange-600">第四天</div>
|
||||||
|
<div class="text-lg font-semibold">9月15日（周日）</div>
|
||||||
|
</div>
|
||||||
|
<div class="ml-24 space-y-2">
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">09:00</span>
|
||||||
|
<span>产业投资论坛</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">11:00</span>
|
||||||
|
<span>项目签约仪式</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">14:00</span>
|
||||||
|
<span>行业白皮书发布</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center text-gray-700">
|
||||||
|
<span class="text-sm w-20">16:00</span>
|
||||||
|
<span>闭幕式 & 成果发布</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Target Participants -->
|
||||||
|
<section class="py-16 bg-white">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">目标参与者</h2>
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
|
||||||
|
<!-- Target Exhibitors -->
|
||||||
|
<div>
|
||||||
|
<h3 class="text-2xl font-bold mb-6 text-purple-600">目标参展商</h3>
|
||||||
|
<div class="space-y-4">
|
||||||
|
<div class="bg-gray-50 rounded-lg p-4">
|
||||||
|
<h4 class="font-semibold mb-2">整车制造企业（30%）</h4>
|
||||||
|
<p class="text-sm text-gray-600">特斯拉、比亚迪、上汽、蔚来、理想、小鹏、吉利、长城、广汽等</p>
|
||||||
|
</div>
|
||||||
|
<div class="bg-gray-50 rounded-lg p-4">
|
||||||
|
<h4 class="font-semibold mb-2">核心零部件企业（35%）</h4>
|
||||||
|
<p class="text-sm text-gray-600">宁德时代、比亚迪电池、华为智能汽车、百度Apollo、博世、大陆等</p>
|
||||||
|
</div>
|
||||||
|
<div class="bg-gray-50 rounded-lg p-4">
|
||||||
|
<h4 class="font-semibold mb-2">科技企业（25%）</h4>
|
||||||
|
<p class="text-sm text-gray-600">阿里巴巴、腾讯、美团、滴滴、科大讯飞、商汤科技等</p>
|
||||||
|
</div>
|
||||||
|
<div class="bg-gray-50 rounded-lg p-4">
|
||||||
|
<h4 class="font-semibold mb-2">服务企业（10%）</h4>
|
||||||
|
<p class="text-sm text-gray-600">国家电网、特来电、星星充电、平安保险、建设银行等</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Target Audience -->
|
||||||
|
<div>
|
||||||
|
<h3 class="text-2xl font-bold mb-6 text-blue-600">目标观众</h3>
|
||||||
|
<div class="bg-gradient-to-br from-blue-50 to-purple-50 rounded-2xl p-6">
|
||||||
|
<div class="mb-6">
|
||||||
|
<h4 class="font-semibold mb-3">专业观众（70%）</h4>
|
||||||
|
<ul class="space-y-2 text-sm text-gray-700">
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-blue-600 mr-2">•</span>
|
||||||
|
汽车制造商采购及技术人员
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-blue-600 mr-2">•</span>
|
||||||
|
经销商和4S店负责人
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-blue-600 mr-2">•</span>
|
||||||
|
政府部门和行业组织代表
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-blue-600 mr-2">•</span>
|
||||||
|
投资机构和行业分析师
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-blue-600 mr-2">•</span>
|
||||||
|
科研院所和高校研究人员
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold mb-3">普通观众（30%）</h4>
|
||||||
|
<ul class="space-y-2 text-sm text-gray-700">
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-600 mr-2">•</span>
|
||||||
|
新能源汽车潜在消费者
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-600 mr-2">•</span>
|
||||||
|
科技爱好者和车迷
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-600 mr-2">•</span>
|
||||||
|
大学生和青少年群体
|
||||||
|
</li>
|
||||||
|
<li class="flex items-start">
|
||||||
|
<span class="text-purple-600 mr-2">•</span>
|
||||||
|
媒体记者和自媒体博主
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Expected Results -->
|
||||||
|
<section class="py-16 bg-gray-50">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">预期效果</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6 text-center">
|
||||||
|
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-8 h-8 text-green-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z"/>
|
||||||
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-3">经济效益</h3>
|
||||||
|
<div class="space-y-2 text-gray-600">
|
||||||
|
<p>现场成交额：<span class="font-bold text-green-600">10亿+</span></p>
|
||||||
|
<p>意向订单：<span class="font-bold text-green-600">8亿+</span></p>
|
||||||
|
<p>带动产业收入：<span class="font-bold text-green-600">30亿+</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6 text-center">
|
||||||
|
<div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-8 h-8 text-blue-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-3">社会效益</h3>
|
||||||
|
<div class="space-y-2 text-gray-600">
|
||||||
|
<p>媒体曝光：<span class="font-bold text-blue-600">1亿+次</span></p>
|
||||||
|
<p>专业论坛：<span class="font-bold text-blue-600">20场</span></p>
|
||||||
|
<p>发布白皮书：<span class="font-bold text-blue-600">2份</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6 text-center">
|
||||||
|
<div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg class="w-8 h-8 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-3">品牌效益</h3>
|
||||||
|
<div class="space-y-2 text-gray-600">
|
||||||
|
<p>参展商满意度：<span class="font-bold text-purple-600">90%+</span></p>
|
||||||
|
<p>观众回访率：<span class="font-bold text-purple-600">85%+</span></p>
|
||||||
|
<p>行业影响力：<span class="font-bold text-purple-600">TOP 3</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="py-16 bg-gradient-to-r from-blue-600 to-green-600 text-white">
|
||||||
|
<div class="container mx-auto px-6 text-center">
|
||||||
|
<h2 class="text-3xl font-bold mb-6">加入我们，共创绿色未来</h2>
|
||||||
|
<p class="text-xl mb-8 opacity-90">立即申请参展，抢占优质展位</p>
|
||||||
|
<div class="flex justify-center gap-4">
|
||||||
|
<a href="marketing.html" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">
|
||||||
|
了解营销方案 →
|
||||||
|
</a>
|
||||||
|
<a href="operation.html" class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition">
|
||||||
|
查看现场运营 →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="bg-gray-900 text-white py-12">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<div class="text-center text-sm text-gray-400">
|
||||||
|
<p>© 2024 长三角国际新能源汽车与智能交通产业博览会. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
425
web_frontend/web_result/pages/overview.html
Normal file
425
web_frontend/web_result/pages/overview.html
Normal file
@@ -0,0 +1,425 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>策划概述 - 2024长三角国际新能源汽车展</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
position: relative;
|
||||||
|
transition: color 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #667eea;
|
||||||
|
transition: width 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav-link:hover::after,
|
||||||
|
.nav-link.active::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.timeline-item {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 40px;
|
||||||
|
}
|
||||||
|
.timeline-item::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 9px;
|
||||||
|
top: 40px;
|
||||||
|
height: calc(100% - 40px);
|
||||||
|
width: 2px;
|
||||||
|
background: #e5e7eb;
|
||||||
|
}
|
||||||
|
.timeline-item:last-child::before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.timeline-dot {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 8px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: white;
|
||||||
|
border: 3px solid #667eea;
|
||||||
|
}
|
||||||
|
.slide-in-left {
|
||||||
|
animation: slideInLeft 0.6s ease-out;
|
||||||
|
}
|
||||||
|
.slide-in-right {
|
||||||
|
animation: slideInRight 0.6s ease-out;
|
||||||
|
}
|
||||||
|
@keyframes slideInLeft {
|
||||||
|
from { transform: translateX(-50px); opacity: 0; }
|
||||||
|
to { transform: translateX(0); opacity: 1; }
|
||||||
|
}
|
||||||
|
@keyframes slideInRight {
|
||||||
|
from { transform: translateX(50px); opacity: 0; }
|
||||||
|
to { transform: translateX(0); opacity: 1; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="bg-gray-50">
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="fixed top-0 w-full bg-white shadow-md z-50">
|
||||||
|
<div class="container mx-auto px-6 py-4">
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg class="w-8 h-8 mr-3 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M10 2a8 8 0 100 16 8 8 0 000-16zm1 11H9v-2h2v2zm0-4H9V5h2v4z"/>
|
||||||
|
</svg>
|
||||||
|
<span class="text-xl font-bold text-gray-800">Green Mobility 2024</span>
|
||||||
|
</div>
|
||||||
|
<div class="hidden md:flex space-x-8">
|
||||||
|
<a href="../index.html" class="nav-link text-gray-700 hover:text-purple-600">首页</a>
|
||||||
|
<a href="overview.html" class="nav-link active text-gray-700 hover:text-purple-600">策划概述</a>
|
||||||
|
<a href="exhibition.html" class="nav-link text-gray-700 hover:text-purple-600">展会介绍</a>
|
||||||
|
<a href="marketing.html" class="nav-link text-gray-700 hover:text-purple-600">营销方案</a>
|
||||||
|
<a href="operation.html" class="nav-link text-gray-700 hover:text-purple-600">现场运营</a>
|
||||||
|
<a href="budget.html" class="nav-link text-gray-700 hover:text-purple-600">预算分析</a>
|
||||||
|
<a href="risk.html" class="nav-link text-gray-700 hover:text-purple-600">风险评估</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Page Header -->
|
||||||
|
<section class="bg-gradient-to-r from-purple-600 to-blue-600 text-white pt-24 pb-12">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h1 class="text-4xl md:text-5xl font-bold mb-4">策划概述</h1>
|
||||||
|
<p class="text-xl opacity-90">全面了解展会策划背景、目标与核心价值</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Background Section -->
|
||||||
|
<section class="py-16 bg-white">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
||||||
|
<div class="slide-in-left">
|
||||||
|
<h2 class="text-3xl font-bold text-gray-800 mb-6">策划背景</h2>
|
||||||
|
<div class="space-y-4 text-gray-600">
|
||||||
|
<p>
|
||||||
|
在全球碳中和目标的大背景下，新能源汽车产业正经历前所未有的发展机遇。中国作为全球最大的新能源汽车市场，2023年产销量均突破900万辆，同比增长超过35%。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
长三角地区作为中国经济最发达、创新能力最强的区域之一，在新能源汽车产业发展中占据举足轻重的地位。该地区聚集了特斯拉、上汽、蔚来、理想、小鹏等众多知名车企，以及宁德时代、华为等核心零部件供应商。
|
||||||
|
</p>
|
||||||
|
<div class="bg-purple-50 border-l-4 border-purple-600 p-4 rounded">
|
||||||
|
<p class="font-semibold mb-2">核心数据：</p>
|
||||||
|
<ul class="space-y-2">
|
||||||
|
<li>• 长三角新能源汽车产量占全国40%以上</li>
|
||||||
|
<li>• 区域内新能源汽车产业链企业超过3000家</li>
|
||||||
|
<li>• 2023年产值突破8000亿元</li>
|
||||||
|
<li>• 智能网联汽车测试里程超过500万公里</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="slide-in-right">
|
||||||
|
<div class="bg-gradient-to-br from-purple-100 to-blue-100 rounded-2xl p-8">
|
||||||
|
<h3 class="text-2xl font-bold text-gray-800 mb-4">产业发展机遇</h3>
|
||||||
|
<div class="space-y-3">
|
||||||
|
<div class="flex items-start">
|
||||||
|
<div class="w-8 h-8 bg-purple-600 text-white rounded-full flex items-center justify-center flex-shrink-0 mt-1">1</div>
|
||||||
|
<div class="ml-3">
|
||||||
|
<h4 class="font-semibold">政策支持力度空前</h4>
|
||||||
|
<p class="text-sm text-gray-600">国家及地方政府出台多项扶持政策，推动产业快速发展</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-start">
|
||||||
|
<div class="w-8 h-8 bg-purple-600 text-white rounded-full flex items-center justify-center flex-shrink-0 mt-1">2</div>
|
||||||
|
<div class="ml-3">
|
||||||
|
<h4 class="font-semibold">技术创新加速突破</h4>
|
||||||
|
<p class="text-sm text-gray-600">电池技术、自动驾驶、车联网等关键技术不断革新</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-start">
|
||||||
|
<div class="w-8 h-8 bg-purple-600 text-white rounded-full flex items-center justify-center flex-shrink-0 mt-1">3</div>
|
||||||
|
<div class="ml-3">
|
||||||
|
<h4 class="font-semibold">市场需求持续增长</h4>
|
||||||
|
<p class="text-sm text-gray-600">消费者对新能源汽车接受度不断提高，市场潜力巨大</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-start">
|
||||||
|
<div class="w-8 h-8 bg-purple-600 text-white rounded-full flex items-center justify-center flex-shrink-0 mt-1">4</div>
|
||||||
|
<div class="ml-3">
|
||||||
|
<h4 class="font-semibold">产业链日趋完善</h4>
|
||||||
|
<p class="text-sm text-gray-600">从研发到制造，从销售到服务，产业生态系统不断成熟</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Objectives Section -->
|
||||||
|
<section class="py-16 bg-gray-50">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">策划目标</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6 hover:shadow-xl transition">
|
||||||
|
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4">
|
||||||
|
<svg class="w-6 h-6 text-blue-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"/>
|
||||||
|
<path fill-rule="evenodd" d="M4 5a2 2 0 012-2 1 1 0 000 2H6a2 2 0 100 4h2a2 2 0 100-4h-.5a1 1 0 000-2H8a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2h-2v10H6V5z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-2">品牌建设</h3>
|
||||||
|
<p class="text-gray-600">打造长三角地区新能源汽车与智能交通领域第一展会品牌，成为行业风向标</p>
|
||||||
|
<div class="mt-4 pt-4 border-t">
|
||||||
|
<ul class="text-sm text-gray-500 space-y-1">
|
||||||
|
<li>• 品牌知名度提升50%</li>
|
||||||
|
<li>• 媒体曝光量超1亿次</li>
|
||||||
|
<li>• 行业认可度达90%</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6 hover:shadow-xl transition">
|
||||||
|
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4">
|
||||||
|
<svg class="w-6 h-6 text-green-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z"/>
|
||||||
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-2">商业价值</h3>
|
||||||
|
<p class="text-gray-600">吸引300家优质展商参展，促进产业链上下游合作，实现商业价值最大化</p>
|
||||||
|
<div class="mt-4 pt-4 border-t">
|
||||||
|
<ul class="text-sm text-gray-500 space-y-1">
|
||||||
|
<li>• 现场成交额超10亿元</li>
|
||||||
|
<li>• 意向订单8亿元</li>
|
||||||
|
<li>• 投资回报率33.3%</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6 hover:shadow-xl transition">
|
||||||
|
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
|
||||||
|
<svg class="w-6 h-6 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-2">行业推动</h3>
|
||||||
|
<p class="text-gray-600">促进技术创新和产业升级，推动新能源汽车产业高质量发展</p>
|
||||||
|
<div class="mt-4 pt-4 border-t">
|
||||||
|
<ul class="text-sm text-gray-500 space-y-1">
|
||||||
|
<li>• 发布行业白皮书2份</li>
|
||||||
|
<li>• 专业论坛20场</li>
|
||||||
|
<li>• 技术成果发布50项</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6 hover:shadow-xl transition">
|
||||||
|
<div class="w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center mb-4">
|
||||||
|
<svg class="w-6 h-6 text-orange-600" fill="currentColor" viewBox="0 0 20 20">
|
||||||
|
<path fill-rule="evenodd" d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z" clip-rule="evenodd"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold mb-2">社会责任</h3>
|
||||||
|
<p class="text-gray-600">推广绿色出行理念，助力碳中和目标实现，促进可持续发展</p>
|
||||||
|
<div class="mt-4 pt-4 border-t">
|
||||||
|
<ul class="text-sm text-gray-500 space-y-1">
|
||||||
|
<li>• 碳减排宣传覆盖10万人</li>
|
||||||
|
<li>• 绿色出行体验5万人次</li>
|
||||||
|
<li>• 环保倡议签名3万人</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Policy Support Section -->
|
||||||
|
<section class="py-16 bg-white">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">政策依据</h2>
|
||||||
|
<div class="max-w-4xl mx-auto">
|
||||||
|
<div class="space-y-6">
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-dot"></div>
|
||||||
|
<div class="bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-2">《新能源汽车产业发展规划（2021-2035年）》</h3>
|
||||||
|
<p class="text-gray-600 mb-3">国务院办公厅发布，明确了新能源汽车产业发展的指导思想、基本原则和发展愿景。</p>
|
||||||
|
<div class="bg-white rounded p-3">
|
||||||
|
<p class="text-sm text-gray-500">
|
||||||
|
<strong>核心目标：</strong>到2025年，新能源汽车新车销售量达到汽车新车销售总量的20%左右；到2035年，纯电动汽车成为新销售车辆的主流。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-dot"></div>
|
||||||
|
<div class="bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-2">《上海市加快新能源汽车产业发展实施计划》</h3>
|
||||||
|
<p class="text-gray-600 mb-3">上海市人民政府印发，提出打造国际新能源汽车发展高地的具体措施。</p>
|
||||||
|
<div class="bg-white rounded p-3">
|
||||||
|
<p class="text-sm text-gray-500">
|
||||||
|
<strong>发展目标：</strong>到2025年，上海新能源汽车年产量超过120万辆，产值突破3500亿元，打造3-5家具有国际竞争力的整车企业。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-dot"></div>
|
||||||
|
<div class="bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-2">《长三角地区新能源汽车产业链协同发展规划》</h3>
|
||||||
|
<p class="text-gray-600 mb-3">长三角一体化示范区执委会发布，推动区域产业协同发展。</p>
|
||||||
|
<div class="bg-white rounded p-3">
|
||||||
|
<p class="text-sm text-gray-500">
|
||||||
|
<strong>协同重点：</strong>建立跨区域产业协作机制，共建新能源汽车产业创新平台，推动充电基础设施互联互通。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-dot"></div>
|
||||||
|
<div class="bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-2">《智能网联汽车道路测试与示范应用管理规范》</h3>
|
||||||
|
<p class="text-gray-600 mb-3">工业和信息化部、公安部、交通运输部联合发布，规范智能网联汽车测试与应用。</p>
|
||||||
|
<div class="bg-white rounded p-3">
|
||||||
|
<p class="text-sm text-gray-500">
|
||||||
|
<strong>示范应用：</strong>在长三角地区建设5个国家级智能网联汽车测试示范区，累计开放测试道路超过1000公里。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Market Analysis -->
|
||||||
|
<section class="py-16 bg-gray-50">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">市场分析</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-4 text-purple-600">市场规模</h3>
|
||||||
|
<div class="space-y-3">
|
||||||
|
<div class="flex justify-between items-center py-2 border-b">
|
||||||
|
<span class="text-gray-600">2023年销量</span>
|
||||||
|
<span class="font-bold">949.5万辆</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between items-center py-2 border-b">
|
||||||
|
<span class="text-gray-600">同比增长</span>
|
||||||
|
<span class="font-bold text-green-600">+37.9%</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between items-center py-2 border-b">
|
||||||
|
<span class="text-gray-600">市场渗透率</span>
|
||||||
|
<span class="font-bold">31.6%</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-between items-center py-2">
|
||||||
|
<span class="text-gray-600">2025年预测</span>
|
||||||
|
<span class="font-bold">1500万辆</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-4 text-purple-600">产业链分布</h3>
|
||||||
|
<div class="space-y-3">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="w-24 text-sm text-gray-600">整车制造</div>
|
||||||
|
<div class="flex-1 bg-gray-200 rounded-full h-4 ml-3">
|
||||||
|
<div class="bg-purple-600 h-4 rounded-full" style="width: 85%"></div>
|
||||||
|
</div>
|
||||||
|
<span class="ml-2 text-sm font-bold">85家</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="w-24 text-sm text-gray-600">电池电机</div>
|
||||||
|
<div class="flex-1 bg-gray-200 rounded-full h-4 ml-3">
|
||||||
|
<div class="bg-purple-600 h-4 rounded-full" style="width: 70%"></div>
|
||||||
|
</div>
|
||||||
|
<span class="ml-2 text-sm font-bold">156家</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="w-24 text-sm text-gray-600">智能网联</div>
|
||||||
|
<div class="flex-1 bg-gray-200 rounded-full h-4 ml-3">
|
||||||
|
<div class="bg-purple-600 h-4 rounded-full" style="width: 60%"></div>
|
||||||
|
</div>
|
||||||
|
<span class="ml-2 text-sm font-bold">234家</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="w-24 text-sm text-gray-600">充电设施</div>
|
||||||
|
<div class="flex-1 bg-gray-200 rounded-full h-4 ml-3">
|
||||||
|
<div class="bg-purple-600 h-4 rounded-full" style="width: 50%"></div>
|
||||||
|
</div>
|
||||||
|
<span class="ml-2 text-sm font-bold">189家</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-xl shadow-lg p-6">
|
||||||
|
<h3 class="text-xl font-bold mb-4 text-purple-600">展会需求调研</h3>
|
||||||
|
<div class="space-y-3">
|
||||||
|
<div class="bg-green-50 rounded-lg p-3">
|
||||||
|
<div class="flex items-center justify-between mb-1">
|
||||||
|
<span class="text-sm text-gray-600">有参展意向</span>
|
||||||
|
<span class="font-bold text-green-600">89%</span>
|
||||||
|
</div>
|
||||||
|
<div class="bg-gray-200 rounded-full h-2">
|
||||||
|
<div class="bg-green-600 h-2 rounded-full" style="width: 89%"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bg-blue-50 rounded-lg p-3">
|
||||||
|
<div class="flex items-center justify-between mb-1">
|
||||||
|
<span class="text-sm text-gray-600">需要B2B对接</span>
|
||||||
|
<span class="font-bold text-blue-600">76%</span>
|
||||||
|
</div>
|
||||||
|
<div class="bg-gray-200 rounded-full h-2">
|
||||||
|
<div class="bg-blue-600 h-2 rounded-full" style="width: 76%"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bg-purple-50 rounded-lg p-3">
|
||||||
|
<div class="flex items-center justify-between mb-1">
|
||||||
|
<span class="text-sm text-gray-600">关注技术交流</span>
|
||||||
|
<span class="font-bold text-purple-600">82%</span>
|
||||||
|
</div>
|
||||||
|
<div class="bg-gray-200 rounded-full h-2">
|
||||||
|
<div class="bg-purple-600 h-2 rounded-full" style="width: 82%"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="py-16 bg-gradient-to-r from-purple-600 to-blue-600 text-white">
|
||||||
|
<div class="container mx-auto px-6 text-center">
|
||||||
|
<h2 class="text-3xl font-bold mb-6">了解更多展会详情</h2>
|
||||||
|
<p class="text-xl mb-8 opacity-90">深入了解展会规划、参展范围和预期效果</p>
|
||||||
|
<a href="exhibition.html" class="inline-block bg-white text-purple-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">
|
||||||
|
查看展会介绍 →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="bg-gray-900 text-white py-12">
|
||||||
|
<div class="container mx-auto px-6">
|
||||||
|
<div class="text-center text-sm text-gray-400">
|
||||||
|
<p>© 2024 长三角国际新能源汽车与智能交通产业博览会. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user