fix: 修复Agent头像显示和结果弹窗问题

主要修复:
- 恢复Agent真实头像显示(替换emoji为实际图片)
- 删除自动跳转到ResultPageV2的逻辑
- 修改ResultModal支持动态内容显示
- 根据不同订单班显示对应的方案信息

优化内容:
- 重构Agent系统,每个订单班独立管理Agent配置
- 删除不需要的ResultPageV2组件
- handleViewDetails改为在新标签页打开

影响模块:
- web_frontend/exhibition-demo/src/components/ResultModal.tsx
- web_frontend/exhibition-demo/src/pages/WorkflowPageV4.tsx
- web_frontend/exhibition-demo/src/App.tsx
- web_frontend/exhibition-demo/src/data/terminalSimulations/*.ts

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Yep_Q
2025-09-29 20:12:57 +08:00
parent a884afc494
commit 0d96ffd429
991 changed files with 113654 additions and 1303 deletions

View File

@@ -0,0 +1,499 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover">
<title>策划概述 - 2024长三角国际新能源汽车展</title>
<link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/animations.css">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- 页面加载动画 -->
<!-- 错误处理(需要最早加载) -->
<script src="../js/error-handler.js"></script>
<script src="../js/page-loader.js"></script>
<!-- 移动端优化 -->
<script src="../js/mobile-optimize.js"></script>
<!-- 性能优化 -->
<script src="../js/performance-optimizer.js"></script>
<style>
* {
font-family: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* Glass morphism effect */
.glass-morphism {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.timeline-item {
position: relative;
padding-left: 40px;
}
.timeline-item::before {
content: '';
position: absolute;
left: 9px;
top: 40px;
height: calc(100% - 40px);
width: 2px;
background: linear-gradient(to bottom, #667eea, #a78bfa);
}
.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;
box-shadow: 0 0 0 6px rgba(102, 126, 234, 0.1);
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 6px rgba(102, 126, 234, 0.1); }
50% { box-shadow: 0 0 0 12px rgba(102, 126, 234, 0); }
100% { box-shadow: 0 0 0 6px rgba(102, 126, 234, 0.1); }
}
.gradient-text {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.stat-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
position: relative;
overflow: hidden;
}
.stat-card::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 glass-morphism shadow-md z-50 transition-all duration-300">
<!-- Content will be dynamically generated by nav-component.js -->
</nav>
<!-- Page Header -->
<section class="relative bg-gradient-to-br from-purple-600 via-indigo-600 to-blue-600 text-white pt-24 pb-16 overflow-hidden">
<div class="absolute inset-0">
<img src="../../data/会展策划/image/博览会.jpg" alt="博览会背景" class="w-full h-full object-cover opacity-20">
<div class="absolute inset-0 bg-gradient-to-b from-transparent to-purple-900/50"></div>
</div>
<div class="absolute top-20 left-10 w-32 h-32 bg-white/10 rounded-full blur-3xl animate-float"></div>
<div class="absolute bottom-10 right-10 w-40 h-40 bg-blue-400/20 rounded-full blur-3xl animate-float animation-delay-2000"></div>
<div class="container mx-auto px-6 relative z-10">
<div class="animate-fadeInUp">
<div class="inline-flex items-center px-4 py-2 bg-white/20 backdrop-blur rounded-full mb-6">
<span class="animate-pulse w-2 h-2 bg-white rounded-full mr-2"></span>
<span class="text-sm font-semibold">全方位展会规划</span>
</div>
<h1 class="text-5xl md:text-6xl font-bold mb-4">
<span class="block">策划概述</span>
</h1>
<p class="text-xl opacity-90 max-w-3xl">
<i class="fas fa-quote-left mr-2"></i>
全面了解展会策划背景、目标与核心价值,打造长三角地区最具影响力的新能源汽车产业盛会
<i class="fas fa-quote-right ml-2"></i>
</p>
</div>
</div>
</section>
<!-- Key Stats -->
<section class="py-12 -mt-8 relative z-20">
<div class="container mx-auto px-6">
<div class="grid grid-cols-1 md:grid-cols-4 gap-6">
<div class="stat-card text-white p-6 rounded-2xl shadow-2xl animate-fadeInUp animation-delay-200">
<div class="relative z-10">
<i class="fas fa-industry text-3xl mb-3 opacity-80"></i>
<div class="text-3xl font-bold mb-1">3000+</div>
<div class="text-sm opacity-90">产业链企业</div>
</div>
</div>
<div class="stat-card text-white p-6 rounded-2xl shadow-2xl animate-fadeInUp animation-delay-400">
<div class="relative z-10">
<i class="fas fa-coins text-3xl mb-3 opacity-80"></i>
<div class="text-3xl font-bold mb-1">8000亿</div>
<div class="text-sm opacity-90">2023年产值</div>
</div>
</div>
<div class="stat-card text-white p-6 rounded-2xl shadow-2xl animate-fadeInUp animation-delay-600">
<div class="relative z-10">
<i class="fas fa-car text-3xl mb-3 opacity-80"></i>
<div class="text-3xl font-bold mb-1">900万+</div>
<div class="text-sm opacity-90">年产销量</div>
</div>
</div>
<div class="stat-card text-white p-6 rounded-2xl shadow-2xl animate-fadeInUp animation-delay-800">
<div class="relative z-10">
<i class="fas fa-percentage text-3xl mb-3 opacity-80"></i>
<div class="text-3xl font-bold mb-1">40%</div>
<div class="text-sm opacity-90">全国占比</div>
</div>
</div>
</div>
</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="animate-fadeInLeft">
<h2 class="text-3xl font-bold text-gray-800 mb-6">
<i class="fas fa-globe-asia mr-3 text-purple-600"></i>策划背景
</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="animate-fadeInRight">
<div class="bg-gradient-to-br from-purple-100 to-blue-100 rounded-2xl p-8 relative overflow-hidden">
<div class="absolute top-0 right-0 w-32 h-32 bg-purple-200/30 rounded-full blur-2xl"></div>
<h3 class="text-2xl font-bold text-gray-800 mb-4 relative z-10">
<i class="fas fa-rocket mr-2 text-purple-600"></i>产业发展机遇
</h3>
<div class="space-y-3 relative z-10">
<div class="flex items-start group hover:transform hover:translate-x-2 transition-all duration-300">
<div class="w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-700 text-white rounded-full flex items-center justify-center flex-shrink-0 mt-1 group-hover:scale-110 transition-transform">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 group hover:transform hover:translate-x-2 transition-all duration-300">
<div class="w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-700 text-white rounded-full flex items-center justify-center flex-shrink-0 mt-1 group-hover:scale-110 transition-transform">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 group hover:transform hover:translate-x-2 transition-all duration-300">
<div class="w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-700 text-white rounded-full flex items-center justify-center flex-shrink-0 mt-1 group-hover:scale-110 transition-transform">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 group hover:transform hover:translate-x-2 transition-all duration-300">
<div class="w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-700 text-white rounded-full flex items-center justify-center flex-shrink-0 mt-1 group-hover:scale-110 transition-transform">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-gradient-to-br from-gray-50 via-purple-50 to-indigo-50 relative overflow-hidden">
<div class="absolute inset-0 opacity-5">
<img src="../../data/会展策划/image/展馆布置图.jpeg" alt="展馆布置" class="w-full h-full object-cover">
</div>
<div class="container mx-auto px-6 relative z-10">
<h2 class="text-3xl font-bold text-center text-gray-800 mb-4 animate-fadeInUp">
<i class="fas fa-bullseye mr-3 text-purple-600"></i>策划目标
</h2>
<p class="text-center text-gray-600 mb-12 animate-fadeInUp animation-delay-200">明确的目标引领,打造专业高效的展会平台</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="bg-white/90 backdrop-blur rounded-xl shadow-xl p-6 hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 group animate-fadeInUp animation-delay-300">
<div class="w-16 h-16 bg-gradient-to-br from-blue-400 to-blue-600 rounded-2xl flex items-center justify-center mb-4 group-hover:rotate-6 transition-transform">
<i class="fas fa-award text-white text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-gray-800 group-hover:text-blue-600 transition-colors">品牌建设</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/90 backdrop-blur rounded-xl shadow-xl p-6 hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 group animate-fadeInUp animation-delay-400">
<div class="w-16 h-16 bg-gradient-to-br from-emerald-400 to-green-600 rounded-2xl flex items-center justify-center mb-4 group-hover:rotate-6 transition-transform">
<i class="fas fa-chart-line text-white text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-gray-800 group-hover:text-emerald-600 transition-colors">商业价值</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/90 backdrop-blur rounded-xl shadow-xl p-6 hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 group animate-fadeInUp animation-delay-500">
<div class="w-16 h-16 bg-gradient-to-br from-purple-400 to-purple-600 rounded-2xl flex items-center justify-center mb-4 group-hover:rotate-6 transition-transform">
<i class="fas fa-users text-white text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-gray-800 group-hover:text-purple-600 transition-colors">行业推动</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/90 backdrop-blur rounded-xl shadow-xl p-6 hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 group animate-fadeInUp animation-delay-600">
<div class="w-16 h-16 bg-gradient-to-br from-orange-400 to-pink-600 rounded-2xl flex items-center justify-center mb-4 group-hover:rotate-6 transition-transform">
<i class="fas fa-leaf text-white text-2xl"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-gray-800 group-hover:text-orange-600 transition-colors">社会责任</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-gradient-to-br from-gray-50 to-white relative overflow-hidden">
<div class="absolute top-0 right-0 w-96 h-96 bg-purple-200/20 rounded-full blur-3xl"></div>
<div class="absolute bottom-0 left-0 w-96 h-96 bg-blue-200/20 rounded-full blur-3xl"></div>
<div class="container mx-auto px-6 relative z-10">
<h2 class="text-3xl font-bold text-center text-gray-800 mb-4 animate-fadeInUp">
<i class="fas fa-chart-bar mr-3 text-purple-600"></i>市场分析
</h2>
<p class="text-center text-gray-600 mb-12 animate-fadeInUp animation-delay-200">深入洞察产业发展趋势,精准把握市场机遇</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white/90 backdrop-blur rounded-xl shadow-xl p-6 hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 animate-fadeInUp animation-delay-300">
<h3 class="text-xl font-bold mb-4 text-purple-600">
<i class="fas fa-expand-arrows-alt mr-2"></i>市场规模
</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/90 backdrop-blur rounded-xl shadow-xl p-6 hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 animate-fadeInUp animation-delay-400">
<h3 class="text-xl font-bold mb-4 text-indigo-600">
<i class="fas fa-sitemap mr-2"></i>产业链分布
</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/90 backdrop-blur rounded-xl shadow-xl p-6 hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 animate-fadeInUp animation-delay-500">
<h3 class="text-xl font-bold mb-4 text-emerald-600">
<i class="fas fa-poll mr-2"></i>展会需求调研
</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>&copy; 2024 长三角国际新能源汽车与智能交通产业博览会. All rights reserved.</p>
</div>
</div>
</footer>
<script src="../js/nav-component.js"></script>
<script src="../js/back-to-top.js"></script>
</body>
</html>