Files
jiebanke/website/merchant/index.html
ylweng 1f5f8cc32b 价值观、发展历程和团队信息
- 新增 merchant/apply.html 页面,提供商家入驻申请表单
- 添加 .idea 目录下的配置文件,用于项目管理和开发环境设置
2025-08-21 02:41:28 +08:00

293 lines
13 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>
<meta name="description" content="加入结伴客商家合作生态,为旅行者提供农场、花店和活动组织服务。了解合作优势、入驻流程和商家数据。">
<meta name="keywords" content="结伴客, 商家合作, 农场合作, 花店合作, 活动组织, 商家入驻, 合作优势">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<!-- 添加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="bi bi-map-fill 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="../index.html">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../about.html">关于我们</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../case.html">成功案例</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="../merchant/">商家合作</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../contact.html">联系我们</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- 商家合作横幅 -->
<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>
</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="benefit-box">
<div class="benefit-icon">
<i class="bi bi-people-fill"></i>
</div>
<h3>庞大用户群体</h3>
<p class="mb-0">接入超过10万注册用户为您的业务带来稳定客源。</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>
<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>
<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>
</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>
</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>
</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-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>
<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="process-step">
<div class="process-number">3</div>
<h5>签约入驻</h5>
<p class="mb-0">签署合作协议</p>
<div class="process-line"></div>
</div>
<div class="process-step">
<div class="process-number">4</div>
<h5>上线运营</h5>
<p class="mb-0">正式开展业务</p>
</div>
</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-3 col-6 mb-4">
<div class="stats-card">
<div class="stats-number">500+</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">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>
</div>
</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>结伴客
</h5>
<p>专注于结伴旅行活动的平台,包含独特的动物认领功能。</p>
<div class="d-flex">
<a href="#" class="social-icon me-2">
<i class="bi bi-wechat"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="bi bi-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="bi bi-tencent-qq"></i>
</a>
</div>
</div>
<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>
</ul>
</div>
<div class="col-md-2 mb-4">
<h5 class="mb-4">关于</h5>
<ul class="list-unstyled">
<li><a href="../about.html" class="d-block py-1">关于我们</a></li>
<li><a href="../case.html" class="d-block py-1">成功案例</a></li>
<li><a href="../merchant/" class="d-block py-1">商家合作</a></li>
<li><a href="../contact.html" class="d-block py-1">联系我们</a></li>
</ul>
</div>
<div class="col-md-4 mb-4">
<h5 class="mb-4">联系我们</h5>
<ul class="list-unstyled">
<li class="d-flex align-items-start mb-3">
<i class="bi bi-envelope-fill me-2 mt-1"></i>
<span>contact@jiebanke.com</span>
</li>
<li class="d-flex align-items-start mb-3">
<i class="bi bi-telephone-fill me-2 mt-1"></i>
<span>17897111756</span>
</li>
<li class="d-flex align-items-start mb-3">
<i class="bi bi-geo-alt-fill me-2 mt-1"></i>
<span>中国光谷</span>
</li>
</ul>
</div>
</div>
<div class="row pt-4 mt-4 border-top border-secondary">
<div class="col-md-6 text-center text-md-start">
<p class="mb-0">&copy; 2025 结伴客. 保留所有权利.</p>
<p class="mb-0 small">Copyright 2015 All rights reserved 鄂ICP备15009094号-1 jiebanke.com 武汉高灏科技有限责任公司</p>
</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="#">网站地图</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.js"></script>
</body>
</html>