TrustDataSpace/pages/landing.html
sichan d267174852 初始化项目结构
- 创建基础HTML页面布局
- 添加医疗场景页面
- 设置基本页面导航结构"
2025-01-03 09:41:43 +08:00

234 lines
12 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>
<link href="../vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="../assets/css/styles.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
</head>
<body>
<!-- Hero Section -->
<section class="hero-section text-white py-5" style="background: linear-gradient(135deg, #0d6efd 0%, #0dcaf0 100%);">
<div class="container py-5">
<div class="row align-items-center" style="min-height: 400px;">
<div class="col-lg-6">
<h1 class="display-4 fw-bold mb-4">释放数据要素价值</h1>
<p class="lead mb-4">专业的数据资产服务机构,为企业提供确权、审计、评估、治理、运营的全生命周期服务</p>
<div class="d-flex gap-3">
<a href="#contact" class="btn btn-light btn-lg">立即咨询</a>
<a href="../index.html" class="btn btn-outline-light btn-lg">了解更多</a>
</div>
</div>
<div class="col-lg-6">
<img src="../assets/images/hero.png" alt="数据价值" class="img-fluid" style="max-height: 400px; width: auto;">
</div>
</div>
</div>
</section>
<!-- Stats Section -->
<section class="py-5 bg-light">
<div class="container">
<div class="row g-4 text-center">
<div class="col-md-3">
<div class="p-4 bg-white rounded-3 shadow-sm">
<i class="bi bi-building display-4 text-primary"></i>
<h2 class="mt-3">200+</h2>
<p class="text-muted mb-0">完成数据资产入表企业</p>
</div>
</div>
<div class="col-md-3">
<div class="p-4 bg-white rounded-3 shadow-sm">
<i class="bi bi-currency-yen display-4 text-success"></i>
<h2 class="mt-3">10亿+</h2>
<p class="text-muted mb-0">完成数据资产融资</p>
</div>
</div>
<div class="col-md-3">
<div class="p-4 bg-white rounded-3 shadow-sm">
<i class="bi bi-graph-up display-4 text-info"></i>
<h2 class="mt-3">1000亿</h2>
<p class="text-muted mb-0">年度数据交易规模</p>
</div>
</div>
<div class="col-md-3">
<div class="p-4 bg-white rounded-3 shadow-sm">
<i class="bi bi-people display-4 text-warning"></i>
<h2 class="mt-3">100+</h2>
<p class="text-muted mb-0">数据服务商</p>
</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section class="py-5" id="services">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold">全方位数据资产服务</h2>
<p class="lead text-muted">一站式解决企业数据要素化难题</p>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="card border-0 h-100 shadow-sm">
<div class="card-body">
<div class="d-flex align-items-center mb-3">
<i class="bi bi-shield-check fs-2 text-primary me-3"></i>
<h4 class="mb-0">数据确权</h4>
</div>
<p class="card-text">专业的数据确权服务,帮助企业明确数据权属,规避法律风险</p>
<ul class="list-unstyled mb-0">
<li class="mb-2"><i class="bi bi-check2 text-success me-2"></i>数据来源核查</li>
<li class="mb-2"><i class="bi bi-check2 text-success me-2"></i>权属关系厘清</li>
<li class="mb-2"><i class="bi bi-check2 text-success me-2"></i>合规性评估</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100 shadow-sm">
<div class="card-body">
<div class="d-flex align-items-center mb-3">
<i class="bi bi-clipboard-data fs-2 text-success me-3"></i>
<h4 class="mb-0">数据审计</h4>
</div>
<p class="card-text">全面的数据资产盘点与审计,为企业建立完整的数据资产台账</p>
<ul class="list-unstyled mb-0">
<li class="mb-2"><i class="bi bi-check2 text-success me-2"></i>资产盘点</li>
<li class="mb-2"><i class="bi bi-check2 text-success me-2"></i>价值评估</li>
<li class="mb-2"><i class="bi bi-check2 text-success me-2"></i>入表建议</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100 shadow-sm">
<div class="card-body">
<div class="d-flex align-items-center mb-3">
<i class="bi bi-gear-wide-connected fs-2 text-info me-3"></i>
<h4 class="mb-0">数据运营</h4>
</div>
<p class="card-text">专业的数据运营服务,助力企业实现数据价值最大化</p>
<ul class="list-unstyled mb-0">
<li class="mb-2"><i class="bi bi-check2 text-success me-2"></i>交易对接</li>
<li class="mb-2"><i class="bi bi-check2 text-success me-2"></i>融资服务</li>
<li class="mb-2"><i class="bi bi-check2 text-success me-2"></i>价值变现</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Cases Section -->
<section class="py-5 bg-light" id="cases">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold">成功案例</h2>
<p class="lead text-muted">多个行业的实践经验</p>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="card border-0 h-100 shadow-sm">
<div class="card-body">
<span class="badge bg-primary mb-3">智慧交通</span>
<h4>珠海公交数据资产化</h4>
<p>完成GPS轨迹数据、支付交易数据等多类型交通数据的资产化工作评估金额超3000万元。</p>
<div class="d-flex justify-content-between align-items-center">
<span class="text-muted">评估金额3000万+</span>
<a href="#" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100 shadow-sm">
<div class="card-body">
<span class="badge bg-success mb-3">智慧城市</span>
<h4>新津区数据空间建设</h4>
<p>投资建设可信数据空间接入300余家企业实现数据安全合规共享交易。</p>
<div class="d-flex justify-content-between align-items-center">
<span class="text-muted">投资规模2亿+</span>
<a href="#" class="btn btn-outline-success">查看详情</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100 shadow-sm">
<div class="card-body">
<span class="badge bg-info mb-3">智慧农业</span>
<h4>农业数据资产入表</h4>
<p>完成农业生产、销售、物流等数据的资产化工作,助力企业获得数据要素融资。</p>
<div class="d-flex justify-content-between align-items-center">
<span class="text-muted">融资额度500万+</span>
<a href="#" class="btn btn-outline-info">查看详情</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Market Insight Section -->
<section class="py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold">市场洞察</h2>
<p class="lead text-muted">把握数据要素市场发展趋势</p>
</div>
<div class="row align-items-center">
<div class="col-lg-6">
<div id="marketTrendChart" style="height: 400px;"></div>
</div>
<div class="col-lg-6">
<h3 class="mb-4">数据要素市场蓬勃发展</h3>
<ul class="list-unstyled">
<li class="mb-3">
<i class="bi bi-arrow-right-circle-fill text-primary me-2"></i>
全国已有200余家企业完成数据资产入表
</li>
<li class="mb-3">
<i class="bi bi-arrow-right-circle-fill text-primary me-2"></i>
100余家企业完成数据资产融资融资金额超10亿元
</li>
<li class="mb-3">
<i class="bi bi-arrow-right-circle-fill text-primary me-2"></i>
全国已有50家以上数据交易所年度数据交易规模达1000亿元
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="py-5 bg-light" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="display-5 fw-bold mb-4">开启数据价值之旅</h2>
<p class="lead text-muted mb-5">立即联系我们,获取专业解决方案</p>
<div class="d-flex justify-content-center gap-3">
<a href="#" class="btn btn-primary btn-lg">在线咨询</a>
<a href="#" class="btn btn-outline-primary btn-lg">预约演示</a>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<div id="footer"></div>
<script src="../vendor/bootstrap/bootstrap.bundle.min.js"></script>
<script src="../assets/js/components.js"></script>
<script src="../assets/js/landing.js"></script>
</body>
</html>