Files
jiebanke/website/merchant/index.html

430 lines
21 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="结伴客, 商家合作, 农场合作, 花店合作, 活动组织, 商家入驻, 合作优势">
<meta name="author" content="结伴客团队">
<meta property="og:title" content="商家合作 - 结伴客">
<meta property="og:description" content="加入结伴客商家合作生态,为旅行者提供农场、花店和活动组织服务。了解合作优势、入驻流程和商家数据。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://jiebanke.com/merchant/">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/css/bootstrap.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/7.0.0/css/all.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
<!-- 页面加载动画 -->
<div class="page-loader">
<div class="loader-spinner">
<i class="fa fa-compass fa-spin"></i>
</div>
</div>
<!-- 导航栏 -->
<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="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>
</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="../travel.html">旅行结伴</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../animal.html">动物认领</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../flower.html">送花服务</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../reward.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 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>
<!-- 合作优势 -->
<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="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>
</div>
<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>
</div>
</div>
</div>
</section>
<!-- 合作类型 -->
<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">
<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 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>
</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="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>
<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>
<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>
<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>
</div>
</section>
<!-- 商家数据 -->
<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>
</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="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-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">旅行社通过平台发布特色探险线路,成功吸引了大量年轻用户,成团率大幅提升。</p>
</div>
<div class="d-flex align-items-center mt-4">
<img src="../images/user-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>
</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="fa fa-map-marker-alt me-2"></i>结伴客
</h5>
<p>专注于结伴旅行活动的平台,包含独特的动物认领功能。</p>
<div class="d-flex">
<a href="#" class="social-icon me-2">
<i class="fab fa-weixin"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="fab fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="fab fa-qq"></i>
</a>
</div>
</div>
<div class="col-md-2 mb-4">
<h5 class="mb-4">产品</h5>
<ul class="list-unstyled">
<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">
<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="fa fa-envelope me-2 mt-1"></i>
<span>master@gaohaotech.com</span>
</li>
<li class="d-flex align-items-start mb-3">
<i class="fa fa-phone me-2 mt-1"></i>
<div>
<div>郑经理 15927219038</div>
<div>杜经理 13871378634</div>
</div>
</li>
<li class="d-flex align-items-start mb-3">
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</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="../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>
</div>
</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/aos/2.3.4/aos.js"></script>
<script src="../js/enhanced-interactions.js"></script>
<script src="../js/main.js"></script>
</body>
</html>