重构关于我们、商家申请和案例页面,优化布局和内容展示

This commit is contained in:
2025-09-18 19:52:08 +08:00
parent 10aca89915
commit 4352f613fc
45 changed files with 8513 additions and 487 deletions

View File

@@ -29,7 +29,7 @@
<!-- 添加Logo -->
<a class="navbar-brand" href="../index.html">
<img src="../images/logo.png" alt="结伴客 Logo" width="30" height="30" class="d-inline-block align-top me-2">
<i class="fa-solid fa-map me-2"></i>结伴客
<i class="fa fa-map-marker-alt me-2"></i>结伴客
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
@@ -270,10 +270,10 @@
<div class="col-md-2 mb-4">
<h5 class="mb-4">产品</h5>
<ul class="list-unstyled">
<li><a href="#" class="d-block py-1">旅行结伴</a></li>
<li><a href="#" class="d-block py-1">动物认领</a></li>
<li><a href="#" class="d-block py-1">送花服务</a></li>
<li><a href="#" class="d-block py-1">推广奖励</a></li>
<li><a href="../travel.html" class="d-block py-1">旅行结伴</a></li>
<li><a href="../animal.html" class="d-block py-1">动物认领</a></li>
<li><a href="../flower.html" class="d-block py-1">送花服务</a></li>
<li><a href="../reward.html" class="d-block py-1">推广奖励</a></li>
</ul>
</div>
<div class="col-md-2 mb-4">
@@ -313,8 +313,8 @@
</div>
<div class="col-md-6 text-center text-md-end">
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="#">用户协议</a></li>
<li class="list-inline-item"><a href="#">隐私政策</a></li>
<li class="list-inline-item"><a href="../terms.html">用户协议</a></li>
<li class="list-inline-item"><a href="../privacy.html">隐私政策</a></li>
<li class="list-inline-item"><a href="#">网站地图</a></li>
</ul>
</div>

View File

@@ -29,7 +29,7 @@
<!-- 添加Logo -->
<a class="navbar-brand" href="../index.html">
<img src="../images/logo.png" alt="结伴客 Logo" width="30" height="30" class="d-inline-block align-top me-2">
<i class="fas fa-map me-2"></i>结伴客
<i class="fa fa-map-marker-alt me-2"></i>结伴客
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
@@ -56,100 +56,102 @@
</div>
</nav>
<!-- 页面滚动进度条 -->
<div class="scroll-progress"></div>
<!-- 返回顶部按钮 -->
<button class="back-to-top">
<i class="fas fa-arrow-up"></i>
</button>
<!-- 商家合作横幅 -->
<section class="hero-section">
<div class="container text-center position-relative">
<h1 class="display-2 fw-bold mb-4">商家合作</h1>
<p class="lead mb-5 fs-4">人生就像一场旅行,加入结伴客,为旅客提供温暖的港湾,让每一次相遇都成为美好回忆的一部分<br>与我们携手共创未来</p>
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12 text-center text-white">
<h1 class="display-3 fw-bold mb-4">商家合作</h1>
<p class="lead mb-5 fs-4">加入结伴客商家合作生态<br>为旅行者提供农场、花店和活动组织服务</p>
<a href="apply.html" class="btn btn-light btn-lg btn-rounded me-3">立即入驻</a>
<a href="policy.html" class="btn btn-outline-light btn-lg btn-rounded">合作政策</a>
</div>
</div>
</div>
</section>
<!-- 合作优势 -->
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="../js/main.js"></script>
<section class="container mb-5">
<div class="row">
<div class="col-12 mb-5">
<h2 class="display-5 fw-bold section-title">合作优势</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 mb-4">
<div class="benefit-box">
<div class="benefit-icon">
<i class="bi bi-people-fill"></i>
</div>
<h3>庞大用户群体</h3>
<p class="mb-0">接入超过10万注册用户为您的业务带来稳定客源。</p>
<section class="py-5">
<div class="container">
<div class="row mb-5">
<div class="col-12 text-center">
<h2 class="display-5 fw-bold section-title">合作优势</h2>
<p class="lead">为什么选择与结伴客合作</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="benefit-box">
<div class="benefit-icon">
<i class="bi bi-phone-fill"></i>
<div class="row">
<div class="col-md-4 mb-4">
<div class="feature-box">
<div class="feature-icon">
<i class="fa fa-users"></i>
</div>
<h3 class="h4 mb-3">庞大用户群体</h3>
<p class="text-muted">平台拥有数十万活跃用户,为合作商家带来稳定客源。</p>
</div>
<h3>技术支持</h3>
<p class="mb-0">提供完善的技术支持和培训,帮助您快速上手。</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="benefit-box">
<div class="benefit-icon">
<i class="bi bi-currency-dollar"></i>
<div class="col-md-4 mb-4">
<div class="feature-box">
<div class="feature-icon">
<i class="fa fa-chart-line"></i>
</div>
<h3 class="h4 mb-3">数据驱动运营</h3>
<p class="text-muted">提供详细的数据分析报告,帮助商家优化经营策略。</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="feature-box">
<div class="feature-icon">
<i class="fa fa-shield-alt"></i>
</div>
<h3 class="h4 mb-3">安全保障</h3>
<p class="text-muted">完善的资金保障和信用体系,确保商家权益。</p>
</div>
<h3>收益保障</h3>
<p class="mb-0">透明的收益分配机制,确保您的利益最大化。</p>
</div>
</div>
</div>
</section>
<!-- 合作类型 -->
<section class="container mb-5">
<div class="row">
<div class="col-12 mb-5">
<h2 class="display-5 fw-bold section-title">合作类型</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">农场合作</h5>
<p class="card-text">提供动物认领服务,让用户定期探望认领的动物,体验农场生活。</p>
<a href="apply.html" class="btn btn-primary">申请入驻</a>
</div>
<section class="py-5 bg-light">
<div class="container">
<div class="row mb-5">
<div class="col-12 text-center">
<h2 class="display-5 fw-bold section-title">合作类型</h2>
<p class="lead">多样化的合作模式满足不同商家需求</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">花店合作</h5>
<p class="card-text">为用户提供送花服务,满足用户在旅行中的情感表达需求。</p>
<a href="apply.html" class="btn btn-primary">申请入驻</a>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<div class="feature-icon mx-auto mb-4">
<i class="fa fa-tractor"></i>
</div>
<h3 class="h5 card-title">农场合作</h3>
<p class="card-text">提供动物认领、农场体验等服务,吸引城市家庭前来体验田园生活。</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">活动组织</h5>
<p class="card-text">组织各类旅行活动,为用户提供丰富的旅行体验选择。</p>
<a href="apply.html" class="btn btn-primary">申请入驻</a>
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<div class="feature-icon mx-auto mb-4">
<i class="fa fa-seedling"></i>
</div>
<h3 class="h5 card-title">花店合作</h3>
<p class="card-text">通过送花服务功能,扩大销售渠道,提升品牌知名度和销售额。</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<div class="feature-icon mx-auto mb-4">
<i class="fa fa-hiking"></i>
</div>
<h3 class="h5 card-title">活动组织</h3>
<p class="card-text">提供特色旅行线路和活动,吸引结伴旅客,提高成团率。</p>
</div>
</div>
</div>
</div>
@@ -157,41 +159,49 @@
</section>
<!-- 入驻流程 -->
<section class="container mb-5">
<div class="row">
<div class="col-12 mb-5">
<h2 class="display-5 fw-bold section-title">入驻流程</h2>
<section class="py-5">
<div class="container">
<div class="row mb-5">
<div class="col-12 text-center">
<h2 class="display-5 fw-bold section-title">入驻流程</h2>
<p class="lead">简单四步完成商家入驻</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="d-flex justify-content-between">
<div class="process-step">
<div class="process-number">1</div>
<h5>提交申请</h5>
<p class="mb-0">填写入驻申请表</p>
<div class="process-line"></div>
<div class="row">
<div class="col-md-3 mb-4">
<div class="text-center">
<div class="step-icon bg-primary text-white rounded-circle mx-auto mb-3">
<i class="fa fa-edit"></i>
</div>
<h3 class="h5 mb-3">1. 提交申请</h3>
<p class="text-muted">填写商家入驻申请表,提交相关资质材料</p>
</div>
<div class="process-step">
<div class="process-number">2</div>
<h5>资质审核</h5>
<p class="mb-0">平台审核商家资质</p>
<div class="process-line"></div>
</div>
<div class="col-md-3 mb-4">
<div class="text-center">
<div class="step-icon bg-success text-white rounded-circle mx-auto mb-3">
<i class="fa fa-check-circle"></i>
</div>
<h3 class="h5 mb-3">2. 资质审核</h3>
<p class="text-muted">平台对商家资质进行审核,确保合规经营</p>
</div>
<div class="process-step">
<div class="process-number">3</div>
<h5>签约入驻</h5>
<p class="mb-0">签署合作协议</p>
<div class="process-line"></div>
</div>
<div class="col-md-3 mb-4">
<div class="text-center">
<div class="step-icon bg-info text-white rounded-circle mx-auto mb-3">
<i class="fa fa-cog"></i>
</div>
<h3 class="h5 mb-3">3. 系统培训</h3>
<p class="text-muted">为商家提供系统操作培训和技术支持</p>
</div>
<div class="process-step">
<div class="process-number">4</div>
<h5>上线运营</h5>
<p class="mb-0">正式开展业务</p>
</div>
<div class="col-md-3 mb-4">
<div class="text-center">
<div class="step-icon bg-warning text-white rounded-circle mx-auto mb-3">
<i class="fa fa-store"></i>
</div>
<h3 class="h5 mb-3">4. 正式上线</h3>
<p class="text-muted">完成所有准备工作,正式上线为用户提供服务</p>
</div>
</div>
</div>
@@ -199,59 +209,144 @@
</section>
<!-- 商家数据 -->
<section class="container mb-5">
<div class="row">
<div class="col-12 mb-5">
<h2 class="display-5 fw-bold section-title">商家数据</h2>
<section class="py-5 bg-light">
<div class="container">
<div class="row mb-5">
<div class="col-12 text-center">
<h2 class="display-5 fw-bold section-title">商家数据</h2>
<p class="lead">平台商家合作成果展示</p>
</div>
</div>
<div class="row text-center">
<div class="col-md-3 mb-4">
<div class="counter-box">
<div class="counter-icon mb-3">
<i class="fa fa-store"></i>
</div>
<h3 class="display-4 fw-bold text-primary mb-2">500+</h3>
<p class="text-muted">合作商家</p>
</div>
</div>
<div class="col-md-3 mb-4">
<div class="counter-box">
<div class="counter-icon mb-3">
<i class="fa fa-users"></i>
</div>
<h3 class="display-4 fw-bold text-success mb-2">10000+</h3>
<p class="text-muted">月活跃用户</p>
</div>
</div>
<div class="col-md-3 mb-4">
<div class="counter-box">
<div class="counter-icon mb-3">
<i class="fa fa-yen-sign"></i>
</div>
<h3 class="display-4 fw-bold text-info mb-2">500万+</h3>
<p class="text-muted">月交易额</p>
</div>
</div>
<div class="col-md-3 mb-4">
<div class="counter-box">
<div class="counter-icon mb-3">
<i class="fa fa-star"></i>
</div>
<h3 class="display-4 fw-bold text-warning mb-2">4.8</h3>
<p class="text-muted">平均评分</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-6 mb-4">
<div class="stats-card">
<div class="stats-number">500+</div>
<div class="stats-label">合作商家</div>
</section>
<!-- 合作案例 -->
<section class="py-5">
<div class="container">
<div class="row mb-5">
<div class="col-12 text-center">
<h2 class="display-5 fw-bold section-title">合作案例</h2>
<p class="lead">听听合作伙伴怎么说</p>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="stats-card">
<div class="stats-number">50000+</div>
<div class="stats-label">月均订单</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="stats-card">
<div class="stats-number">1000万+</div>
<div class="stats-label">年交易额</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="stats-card">
<div class="stats-number">4.8</div>
<div class="stats-label">用户评分</div>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card testimonial-card">
<div class="card-body">
<div class="testimonial-content">
<div class="quote-mark"></div>
<p class="card-text">通过结伴客平台我们的农场认领业务增长了300%,吸引了大量城市家庭前来体验农场生活。</p>
</div>
<div class="d-flex align-items-center mt-4">
<img src="../images/merchant-avatar1.svg" class="rounded-circle me-3" alt="绿野农场王老板" width="50" height="50">
<div>
<h6 class="mb-0">王老板</h6>
<small class="text-muted">绿野农场</small>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card testimonial-card">
<div class="card-body">
<div class="testimonial-content">
<div class="quote-mark"></div>
<p class="card-text">花店通过结伴客的送花服务功能月订单量增长了150%,特别是在节日期间订单量激增。</p>
</div>
<div class="d-flex align-items-center mt-4">
<img src="../images/merchant-avatar2.svg" class="rounded-circle me-3" alt="花之语花店李女士" width="50" height="50">
<div>
<h6 class="mb-0">李女士</h6>
<small class="text-muted">花之语花店</small>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card testimonial-card">
<div class="card-body">
<div class="testimonial-content">
<div class="quote-mark"></div>
<p class="card-text">旅行社通过平台发布特色探险线路,成功吸引了大量年轻用户,成团率大幅提升。</p>
</div>
<div class="d-flex align-items-center mt-4">
<img src="../images/merchant-avatar3.svg" class="rounded-circle me-3" alt="探险旅行社张经理" width="50" height="50">
<div>
<h6 class="mb-0">张经理</h6>
<small class="text-muted">探险旅行社</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 行动号召 -->
<section class="cta-section">
<div class="container text-center">
<h2 class="mb-4">加入我们,共创未来</h2>
<p class="lead mb-5 fs-4">成为结伴客合作伙伴,共享平台红利</p>
<a href="apply.html" class="btn btn-light btn-lg btn-rounded">立即入驻</a>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-4 mb-4">
<h5 class="mb-4">
<i class="bi bi-map-fill me-2"></i>结伴客
<i class="fa fa-map-marker-alt me-2"></i>结伴客
</h5>
<p>专注于结伴旅行活动的平台,包含独特的动物认领功能。</p>
<div class="d-flex">
<a href="#" class="social-icon me-2">
<i class="fas fa-wechat"></i>
<i class="fab fa-weixin"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="fas fa-weibo"></i>
<i class="fab fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="fab fa-qq"></i>
@@ -261,10 +356,10 @@
<div class="col-md-2 mb-4">
<h5 class="mb-4">产品</h5>
<ul class="list-unstyled">
<li><a href="#" class="d-block py-1">旅行结伴</a></li>
<li><a href="#" class="d-block py-1">动物认领</a></li>
<li><a href="#" class="d-block py-1">送花服务</a></li>
<li><a href="#" class="d-block py-1">推广奖励</a></li>
<li><a href="../travel.html" class="d-block py-1">旅行结伴</a></li>
<li><a href="../animal.html" class="d-block py-1">动物认领</a></li>
<li><a href="../flower.html" class="d-block py-1">送花服务</a></li>
<li><a href="../reward.html" class="d-block py-1">推广奖励</a></li>
</ul>
</div>
<div class="col-md-2 mb-4">
@@ -304,8 +399,8 @@
</div>
<div class="col-md-6 text-center text-md-end">
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="#">用户协议</a></li>
<li class="list-inline-item"><a href="#">隐私政策</a></li>
<li class="list-inline-item"><a href="../terms.html">用户协议</a></li>
<li class="list-inline-item"><a href="../privacy.html">隐私政策</a></li>
<li class="list-inline-item"><a href="#">网站地图</a></li>
</ul>
</div>
@@ -313,7 +408,7 @@
</div>
</footer>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/js/bootstrap.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/font-awesome/7.0.0/js/all.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/js/bootstrap.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/font-awesome/7.0.0/js/all.js"></script>
</body>
</html>

View File

@@ -29,7 +29,7 @@
<!-- 添加Logo -->
<a class="navbar-brand" href="../index.html">
<img src="../images/logo.png" alt="结伴客 Logo" width="30" height="30" class="d-inline-block align-top me-2">
<i class="fa-solid fa-map-location me-2"></i>结伴客
<i class="fa fa-map-marker-alt me-2"></i>结伴客
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
@@ -200,10 +200,10 @@
<div class="col-md-2 mb-4">
<h5 class="mb-4">产品</h5>
<ul class="list-unstyled">
<li><a href="#" class="d-block py-1">旅行结伴</a></li>
<li><a href="#" class="d-block py-1">动物认领</a></li>
<li><a href="#" class="d-block py-1">送花服务</a></li>
<li><a href="#" class="d-block py-1">推广奖励</a></li>
<li><a href="../travel.html" class="d-block py-1">旅行结伴</a></li>
<li><a href="../animal.html" class="d-block py-1">动物认领</a></li>
<li><a href="../flower.html" class="d-block py-1">送花服务</a></li>
<li><a href="../reward.html" class="d-block py-1">推广奖励</a></li>
</ul>
</div>
<div class="col-md-2 mb-4">
@@ -243,8 +243,8 @@
</div>
<div class="col-md-6 text-center text-md-end">
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="#">用户协议</a></li>
<li class="list-inline-item"><a href="#">隐私政策</a></li>
<li class="list-inline-item"><a href="../terms.html">用户协议</a></li>
<li class="list-inline-item"><a href="../privacy.html">隐私政策</a></li>
<li class="list-inline-item"><a href="#">网站地图</a></li>
</ul>
</div>