Files
vf_react/public/htmls/机器人充电.html
2025-10-11 16:16:02 +08:00

801 lines
38 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>机器人充电概念分析 - 智能充电新纪元</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<!-- AOS Animation -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<style>
:root {
--primary-color: #0d6efd;
--secondary-color: #6c757d;
--light-bg: #f8f9fa;
--dark-text: #212529;
--accent-color: #0dcaf0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: var(--dark-text);
background-color: #ffffff;
}
.hero-section {
background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
color: white;
padding: 60px 0;
position: relative;
overflow: hidden;
}
.hero-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
background-size: cover;
}
.section-title {
position: relative;
margin-bottom: 40px;
padding-bottom: 15px;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 4px;
background-color: var(--primary-color);
}
.timeline {
position: relative;
padding: 20px 0;
}
.timeline::before {
content: '';
position: absolute;
top: 0;
left: 15px;
height: 100%;
width: 2px;
background: #e9ecef;
}
.timeline-item {
position: relative;
margin-left: 40px;
padding-bottom: 30px;
}
.timeline-item::before {
content: '';
position: absolute;
top: 5px;
left: -35px;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--primary-color);
border: 2px solid white;
box-shadow: 0 0 0 2px var(--primary-color);
}
.timeline-date {
font-weight: bold;
color: var(--primary-color);
margin-bottom: 5px;
}
.card {
border: none;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.company-card {
text-align: center;
padding: 20px;
}
.company-icon {
width: 60px;
height: 60px;
background-color: var(--light-bg);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
font-size: 24px;
color: var(--primary-color);
}
.table-container {
overflow-x: auto;
}
.stock-table {
min-width: 100%;
}
.stock-table th {
background-color: var(--light-bg);
font-weight: 600;
position: sticky;
top: 0;
z-index: 10;
}
.stock-table tr:hover {
background-color: rgba(13, 110, 253, 0.05);
}
.industry-badge {
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 500;
}
.industry-wireless {
background-color: rgba(13, 202, 240, 0.15);
color: #0c5460;
}
.industry-charging {
background-color: rgba(25, 135, 84, 0.15);
color: #0a3622;
}
.pathway-card {
border-left: 4px solid var(--primary-color);
padding-left: 20px;
margin-bottom: 20px;
}
.pathway-title {
font-weight: 600;
color: var(--primary-color);
margin-bottom: 10px;
}
.risk-item {
display: flex;
margin-bottom: 15px;
}
.risk-icon {
color: #dc3545;
margin-right: 15px;
flex-shrink: 0;
}
.footer {
background-color: #212529;
color: #adb5bd;
padding: 40px 0;
margin-top: 60px;
}
@media (max-width: 768px) {
.hero-section {
padding: 40px 0;
}
.timeline::before {
left: 8px;
}
.timeline-item {
margin-left: 25px;
}
.timeline-item::before {
left: -25px;
}
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<div class="container">
<a class="navbar-brand" href="#">
<i class="bi bi-battery-charging me-2"></i>机器人充电概念分析
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#concept">概念概述</a></li>
<li class="nav-item"><a class="nav-link" href="#timeline">发展历程</a></li>
<li class="nav-item"><a class="nav-link" href="#companies">核心企业</a></li>
<li class="nav-item"><a class="nav-link" href="#stocks">股票数据</a></li>
<li class="nav-item"><a class="nav-link" href="#future">未来展望</a></li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8" data-aos="fade-right">
<h1 class="display-4 fw-bold mb-4">机器人充电:开启智能充电新纪元</h1>
<p class="lead mb-4">融合机器人技术与充电基础设施,实现无人化、智能化的充电服务新体验</p>
<div class="d-flex flex-wrap gap-2">
<span class="badge bg-light text-dark p-2">自主导航</span>
<span class="badge bg-light text-dark p-2">精准对接</span>
<span class="badge bg-light text-dark p-2">自动插拔</span>
<span class="badge bg-light text-dark p-2">智能充电</span>
</div>
</div>
<div class="col-lg-4 text-center" data-aos="fade-left">
<i class="bi bi-robot" style="font-size: 120px; opacity: 0.8;"></i>
</div>
</div>
</div>
</section>
<!-- Concept Overview -->
<section id="concept" class="py-5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="section-title" data-aos="fade-up">概念概述</h2>
<div class="card mb-4" data-aos="fade-up" data-aos-delay="100">
<div class="card-body">
<p class="lead">机器人充电是指利用机器人技术实现自动化充电解决方案的新兴领域,通过将机器人技术与充电基础设施相结合,实现无人化、智能化的充电服务。该概念涉及自主导航、精准对接、自动插拔充电枪等技术,可应用于新能源汽车、人形机器人等多种场景。</p>
</div>
</div>
<div class="row g-4">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
<div class="card h-100">
<div class="card-body text-center">
<div class="company-icon">
<i class="bi bi-lightning-charge"></i>
</div>
<h5 class="card-title">技术突破</h5>
<p class="card-text">人工智能、计算机视觉、机器人技术与充电基础设施的深度融合</p>
</div>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
<div class="card h-100">
<div class="card-body text-center">
<div class="company-icon">
<i class="bi bi-graph-up"></i>
</div>
<h5 class="card-title">市场需求</h5>
<p class="card-text">新能源汽车保有量快速增长,对充电基础设施的需求持续上升</p>
</div>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="400">
<div class="card h-100">
<div class="card-body text-center">
<div class="company-icon">
<i class="bi bi-piggy-bank"></i>
</div>
<h5 class="card-title">成本优化</h5>
<p class="card-text">提高充电设施利用率,降低单位充电成本,增加投资回报率</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Timeline -->
<section id="timeline" class="py-5 bg-light">
<div class="container">
<h2 class="section-title" data-aos="fade-up">发展历程</h2>
<div class="timeline" data-aos="fade-up" data-aos-delay="100">
<div class="timeline-item">
<div class="timeline-date">2023年5月</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">技术概念首次提出</h5>
<p class="card-text">路演中首次详细描述机器人充电技术指出其通过滑轨系统将固定充电桩转变为可服务多个车位的移动设备一个机器人可服务5台车</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2023年8月</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">市场机会初现</h5>
<p class="card-text">中信证券会议提及机器人零部件环节机会及充电桩市场发展欧洲公共充电桩新增数量同比增速接近80%</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年10月</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">企业布局加速</h5>
<p class="card-text">安克创新组建具身机器人团队,由前小米智驾量产负责人刘方负责,开始为具身机器人业务储备人才</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年12月</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">巨头入场</h5>
<p class="card-text">宁德时代申请注册"CharGo充电狗"商标,推出储充检一体机器人;奇瑞汽车"智能充电机器人"外观专利获授权</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年1月</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">技术商业化突破</h5>
<p class="card-text">华为充电机器人应用于尊界S800实现全自动无人自动充电国君电新发布华为超充机器人产业链梳理</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年7月</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">国际厂商跟进</h5>
<p class="card-text">宝马自动充电机器人完成概念验证;理想汽车创始人李想透露,理想已经在测试自动充电机器人</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Core Companies -->
<section id="companies" class="py-5">
<div class="container">
<h2 class="section-title" data-aos="fade-up">核心企业分析</h2>
<div class="row g-4">
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="100">
<div class="card company-card h-100">
<div class="company-icon">
<i class="bi bi-cpu"></i>
</div>
<h5>华为</h5>
<p class="small">技术全面拥有自研芯片、星闪技术等核心技术充电机器人已应用于尊界S800</p>
<div class="mt-auto">
<span class="badge bg-primary">2025年量产</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="200">
<div class="card company-card h-100">
<div class="company-icon">
<i class="bi bi-battery-full"></i>
</div>
<h5>宁德时代</h5>
<p class="small">电池技术领先CharGo充电狗集充电、储能、电池检测于一体</p>
<div class="mt-auto">
<span class="badge bg-success">商标已注册</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="300">
<div class="card company-card h-100">
<div class="company-icon">
<i class="bi bi-car-front"></i>
</div>
<h5>宝马</h5>
<p class="small">汽车制造经验丰富AI视觉识别技术先进自动充电机器人已完成概念验证</p>
<div class="mt-auto">
<span class="badge bg-info">概念验证完成</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="400">
<div class="card company-card h-100">
<div class="company-icon">
<i class="bi bi-lightning"></i>
</div>
<h5>理想汽车</h5>
<p class="small">智能化技术积累丰富,已在测试自动充电机器人</p>
<div class="mt-auto">
<span class="badge bg-warning text-dark">测试阶段</span>
</div>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-12">
<h4 class="mb-4" data-aos="fade-up">产业链图谱</h4>
<div class="card" data-aos="fade-up" data-aos-delay="100">
<div class="card-body">
<div class="row text-center">
<div class="col-md-4 mb-4">
<h5 class="text-primary">上游</h5>
<p class="small">核心零部件与技术提供商</p>
<div class="mt-3">
<span class="badge bg-secondary me-1 mb-1">传感器</span>
<span class="badge bg-secondary me-1 mb-1">控制系统</span>
<span class="badge bg-secondary me-1 mb-1">充电技术</span>
<span class="badge bg-secondary me-1 mb-1">机械结构</span>
</div>
</div>
<div class="col-md-4 mb-4">
<h5 class="text-primary">中游</h5>
<p class="small">机器人充电系统集成商</p>
<div class="mt-3">
<span class="badge bg-secondary me-1 mb-1">华为</span>
<span class="badge bg-secondary me-1 mb-1">宁德时代</span>
<span class="badge bg-secondary me-1 mb-1">宝马</span>
<span class="badge bg-secondary me-1 mb-1">理想</span>
</div>
</div>
<div class="col-md-4 mb-4">
<h5 class="text-primary">下游</h5>
<p class="small">应用场景与运营服务</p>
<div class="mt-3">
<span class="badge bg-secondary me-1 mb-1">汽车制造商</span>
<span class="badge bg-secondary me-1 mb-1">充电运营商</span>
<span class="badge bg-secondary me-1 mb-1">停车场</span>
<span class="badge bg-secondary me-1 mb-1">商业区</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Stock Data -->
<section id="stocks" class="py-5 bg-light">
<div class="container">
<h2 class="section-title" data-aos="fade-up">相关股票数据</h2>
<div class="card mb-4" data-aos="fade-up" data-aos-delay="100">
<div class="card-body">
<div class="table-container">
<table class="table table-hover stock-table">
<thead>
<tr>
<th>股票名称</th>
<th>行业</th>
<th>项目</th>
<th>产业链</th>
<th>投资亮点</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>领益智造</strong></td>
<td><span class="industry-badge industry-wireless">无线充电</span></td>
<td>XR无线充电产品</td>
<td>人形机器人充电需求</td>
<td>布局了XR无线充电产品可满足人形机器人等充电需求</td>
</tr>
<tr>
<td><strong>万安科技</strong></td>
<td><span class="industry-badge industry-wireless">无线充电</span></td>
<td>机器人无线充电应用</td>
<td>机器人领域</td>
<td>公司无线充电产品应用于机器人领域</td>
</tr>
<tr>
<td><strong>信维通信</strong></td>
<td><span class="industry-badge industry-wireless">无线充电</span></td>
<td>机器人零部件业务</td>
<td>无线充电模组供应</td>
<td>公司已规划机器人零部件业务,可为客户提供无线充电模组</td>
</tr>
<tr>
<td><strong>均胜电子</strong></td>
<td><span class="industry-badge industry-wireless">无线充电</span></td>
<td>大功率无线充电产品开发</td>
<td>智元机器人/银河通用等头部客户</td>
<td>与智元机器人、银河通用等头部客户合作定制开发支持快充的大功率无线充电产品</td>
</tr>
<tr>
<td><strong>世运电路</strong></td>
<td><span class="industry-badge industry-wireless">无线充电</span></td>
<td>人形机器人无线充电PCB</td>
<td>北美人形机器人龙头企业</td>
<td>公司的PCB产品覆盖人形机器人无线充电成功获得北美人形机器人龙头企业新产品定点</td>
</tr>
<tr>
<td><strong>奥海科技</strong></td>
<td><span class="industry-badge industry-wireless">无线充电</span></td>
<td>大功率无线充电产品开发</td>
<td>机器人领域</td>
<td>无线充电在机器人领域完成大功率产品开发最高已达到650W处于行业领先水平</td>
</tr>
<tr>
<td><strong>安洁科技</strong></td>
<td><span class="industry-badge industry-wireless">无线充电</span></td>
<td>大功率无线充电应用开发</td>
<td>机器人应用场景</td>
<td>持续开发大功率无线充电的应用场景,后续推进包括在机器人等应用场景中的运用</td>
</tr>
<tr>
<td><strong>特锐德</strong></td>
<td><span class="industry-badge industry-charging">充电桩</span></td>
<td>特斯拉充电合作</td>
<td>电动汽车充电设备</td>
<td>特斯拉国际车辆可以直接在公司充电设备上充电</td>
</tr>
<tr>
<td><strong>奥特迅</strong></td>
<td><span class="industry-badge industry-charging">充电桩</span></td>
<td>液冷超充技术</td>
<td>特斯拉等车企</td>
<td>公司的液冷超充技术已与特斯拉等众多车型进行了实车充电试验</td>
</tr>
<tr>
<td><strong>远东股份</strong></td>
<td><span class="industry-badge industry-charging">充电桩</span></td>
<td>液冷大功率快速充电电缆</td>
<td>特斯拉项目</td>
<td>液冷大功率快速充电电缆实现特斯拉项目入围并实现批量供货</td>
</tr>
<tr>
<td><strong>鑫宏业</strong></td>
<td><span class="industry-badge industry-charging">充电桩</span></td>
<td>液冷电缆认证</td>
<td>人形机器人线缆研发</td>
<td>是《电动汽车充电用液冷电缆认证技术规范》起草单位之一;在人形机器人线缆研发上已取得技术突破</td>
</tr>
<tr>
<td><strong>金禄电子</strong></td>
<td><span class="industry-badge industry-charging">充电桩</span></td>
<td>PCB供应</td>
<td>特斯拉电动汽车</td>
<td>公司通过间接方式向特斯拉电动汽车供应PCBPCB应用于超级充电桩领域</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
<!-- Future Development -->
<section id="future" class="py-5">
<div class="container">
<h2 class="section-title" data-aos="fade-up">未来发展路径</h2>
<div class="row">
<div class="col-lg-6 mb-4" data-aos="fade-right" data-aos-delay="100">
<h4 class="mb-3">技术演进路径</h4>
<div class="pathway-card">
<div class="pathway-title">近期1-2年</div>
<p>基于固定轨道的简单机器人充电系统,主要应用于特定场景如高端车型、商业运营等</p>
</div>
<div class="pathway-card">
<div class="pathway-title">中期2-3年</div>
<p>移动式机器人充电系统,具备自主导航、避障、精准对接等功能,应用场景扩展到公共停车场、商业区等</p>
</div>
<div class="pathway-card">
<div class="pathway-title">远期3-5年</div>
<p>完全自主的智能充电机器人网络,能够根据电网负荷、用户需求等因素自主调度,实现充电、储能、电网调节等多重功能</p>
</div>
</div>
<div class="col-lg-6 mb-4" data-aos="fade-left" data-aos-delay="200">
<h4 class="mb-3">关键里程碑</h4>
<div class="card mb-3">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="me-3">
<i class="bi bi-check-circle-fill text-success fs-4"></i>
</div>
<div>
<h6 class="mb-1">2025年</h6>
<p class="mb-0 small">华为超充机器人量产宁德时代CharGo充电狗商业化</p>
</div>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="me-3">
<i class="bi bi-circle text-secondary fs-4"></i>
</div>
<div>
<h6 class="mb-1">2026年</h6>
<p class="mb-0 small">主要车企推出自动充电功能机器人充电在高端车型渗透率达到10%</p>
</div>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="me-3">
<i class="bi bi-circle text-secondary fs-4"></i>
</div>
<div>
<h6 class="mb-1">2027年</h6>
<p class="mb-0 small">机器人充电在商业运营场景大规模应用,形成初步行业标准</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="me-3">
<i class="bi bi-circle text-secondary fs-4"></i>
</div>
<div>
<h6 class="mb-1">2030年</h6>
<p class="mb-0 small">机器人充电成为城市基础设施的一部分在公共场所普及率达到30%以上</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-12">
<h4 class="mb-4" data-aos="fade-up">风险与挑战</h4>
<div class="row g-4">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title text-danger">技术风险</h5>
<div class="risk-item">
<div class="risk-icon"><i class="bi bi-exclamation-triangle"></i></div>
<div>技术成熟度不足,复杂环境下自主导航、精准对接等技术仍需完善</div>
</div>
<div class="risk-item">
<div class="risk-icon"><i class="bi bi-exclamation-triangle"></i></div>
<div>标准化缺失,不同企业技术路线、接口标准可能存在差异</div>
</div>
<div class="risk-item">
<div class="risk-icon"><i class="bi bi-exclamation-triangle"></i></div>
<div>技术路线不确定性,无线充电与有线充电并存</div>
</div>
</div>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title text-warning">商业化风险</h5>
<div class="risk-item">
<div class="risk-icon"><i class="bi bi-exclamation-triangle"></i></div>
<div>成本控制挑战,初期投资成本较高,用户可能需要支付安装费用</div>
</div>
<div class="risk-item">
<div class="risk-icon"><i class="bi bi-exclamation-triangle"></i></div>
<div>市场接受度不确定,用户对自动充电技术存在安全顾虑</div>
</div>
<div class="risk-item">
<div class="risk-icon"><i class="bi bi-exclamation-triangle"></i></div>
<div>应用场景限制,初期可能仅适合特定场景如小区内部共享</div>
</div>
</div>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title text-info">政策与竞争风险</h5>
<div class="risk-item">
<div class="risk-icon"><i class="bi bi-exclamation-triangle"></i></div>
<div>政策支持不足,针对机器人充电的专门政策支持仍显不足</div>
</div>
<div class="risk-item">
<div class="risk-icon"><i class="bi bi-exclamation-triangle"></i></div>
<div>行业竞争加剧,华为、宁德时代等巨头进入,中小企业面临挑战</div>
</div>
<div class="risk-item">
<div class="risk-icon"><i class="bi bi-exclamation-triangle"></i></div>
<div>国际竞争压力,国际汽车巨头和科技公司也在积极布局</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<h5>机器人充电概念分析</h5>
<p class="small">本页面基于公开信息整理,仅供参考,不构成投资建议</p>
</div>
<div class="col-md-6 text-md-end">
<p class="small">© 2025 机器人充电概念分析. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- AOS Animation JS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
// Initialize AOS
AOS.init({
duration: 800,
easing: 'ease-in-out',
once: true
});
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
window.scrollTo({
top: target.offsetTop - 70,
behavior: 'smooth'
});
}
});
});
</script>
</body>
</html>