Files
jiebanke/website/case.html

412 lines
22 KiB
HTML
Raw Permalink 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">
<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/case.html">
<title>成功案例 - 结伴客</title>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.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="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 active" href="case.html">成功案例</a>
</li>
<li class="nav-item">
<a class="nav-link" 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 text-center section-title">用户案例</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/travel-case1.svg" class="img-fluid h-100 object-fit-cover" alt="川藏线骑行">
</div>
<div class="col-md-8">
<div class="card-body">
<h3 class="h5 card-title">川藏线骑行挑战</h3>
<p class="card-text">来自北京、上海、广州的三位骑行爱好者通过结伴客平台成功组队完成了318川藏线的骑行挑战。他们在平台上相识经过充分沟通后决定一起踏上这段难忘的旅程。</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">参与人数: 3人</small>
<span class="badge bg-success">已完成</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/travel-case2.svg" class="img-fluid h-100 object-fit-cover" alt="云南背包客">
</div>
<div class="col-md-8">
<div class="card-body">
<h3 class="h5 card-title">云南背包客之旅</h3>
<p class="card-text">两位独自旅行的女孩通过平台相识,结伴游览了大理、丽江和香格里拉。她们在平台上分享旅行经验,最终决定一起探索云南的美景,建立了深厚的友谊。</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">参与人数: 2人</small>
<span class="badge bg-success">已完成</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/travel-case3.svg" class="img-fluid h-100 object-fit-cover" alt="东北滑雪">
</div>
<div class="col-md-8">
<div class="card-body">
<h3 class="h5 card-title">东北滑雪之旅</h3>
<p class="card-text">滑雪爱好者组成的四人小队,一起探索了东北各大滑雪场。通过平台的精准匹配功能,他们找到了滑雪水平相当的伙伴,共同度过了一个充满激情的冬季假期。</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">参与人数: 4人</small>
<span class="badge bg-success">已完成</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/farm-case.svg" class="img-fluid h-100 object-fit-cover" alt="农场体验">
</div>
<div class="col-md-8">
<div class="card-body">
<h3 class="h5 card-title">农场动物认领体验</h3>
<p class="card-text">一家三口通过动物认领功能,认领了一只小羊和一群鸡。他们定期到农场探访,让孩子体验了与动物互动的乐趣,也了解了食物的来源,增进了亲子关系。</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">认领动物: 小羊、鸡</small>
<span class="badge bg-success">进行中</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 商家案例 -->
<section class="py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-12 mb-5">
<h2 class="display-5 fw-bold text-center section-title">商家案例</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/farm-case.svg" class="img-fluid h-100 object-fit-cover" alt="绿野农场">
</div>
<div class="col-md-8">
<div class="card-body">
<h3 class="h5 card-title">绿野农场</h3>
<p class="card-text">通过结伴客平台绿野农场的动物认领业务增长了300%,吸引了大量城市家庭前来体验农场生活。平台为农场带来了稳定的客源和额外收入。</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">业务增长: 300%</small>
<span class="badge bg-primary">合作伙伴</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/flower-case.svg" class="img-fluid h-100 object-fit-cover" alt="花之语花店">
</div>
<div class="col-md-8">
<div class="card-body">
<h3 class="h5 card-title">花之语花店</h3>
<p class="card-text">花店通过结伴客的送花服务功能月订单量增长了150%。特别是在情人节、母亲节等节日期间,订单量更是激增,成为平台的重要合作伙伴。</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">订单增长: 150%</small>
<span class="badge bg-primary">合作伙伴</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/travel-case.svg" class="img-fluid h-100 object-fit-cover" alt="探险旅行社">
</div>
<div class="col-md-8">
<div class="card-body">
<h3 class="h5 card-title">探险旅行社</h3>
<p class="card-text">旅行社通过平台发布特色探险线路,成功吸引了大量年轻用户。平台的精准匹配功能帮助他们找到了目标客户群体,提高了成团率和客户满意度。</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">成团率提升: 80%</small>
<span class="badge bg-primary">合作伙伴</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card case-card h-100">
<div class="row g-0">
<div class="col-md-4">
<img src="images/travel-case.svg" class="img-fluid h-100 object-fit-cover" alt="民宿联盟">
</div>
<div class="col-md-8">
<div class="card-body">
<h3 class="h5 card-title">民宿联盟</h3>
<p class="card-text">多家民宿通过平台的旅行结伴功能,为结伴旅客提供住宿服务。平台为他们带来了稳定的客源,同时旅客也能享受到更具性价比的住宿体验。</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">入住率提升: 65%</small>
<span class="badge bg-primary">合作伙伴</span>
</div>
</div>
</div>
</div>
</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 text-center section-title">推广案例</h2>
</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-user-graduate"></i>
</div>
<h3 class="h5 card-title">大学生创业故事</h3>
<p class="card-text">小李是一名大学生通过推广结伴客平台每月获得3000+元额外收入,不仅解决了生活费问题,还积累了创业经验。</p>
<div class="d-flex justify-content-between align-items-center mt-4">
<small class="text-muted">月收入: ¥3,500</small>
<span class="badge bg-success">持续增长</span>
</div>
</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-home"></i>
</div>
<h3 class="h5 card-title">全职宝妈的副业</h3>
<p class="card-text">王女士是一位全职宝妈利用闲暇时间推广结伴客服务每月稳定收入2000元左右实现了经济独立。</p>
<div class="d-flex justify-content-between align-items-center mt-4">
<small class="text-muted">月收入: ¥2,200</small>
<span class="badge bg-success">稳定收益</span>
</div>
</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-briefcase"></i>
</div>
<h3 class="h5 card-title">企业员工的兼职</h3>
<p class="card-text">陈先生是一名企业员工利用业余时间推广服务每月额外收入5000+元,大大提高了生活质量。</p>
<div class="d-flex justify-content-between align-items-center mt-4">
<small class="text-muted">月收入: ¥5,800</small>
<span class="badge bg-success">高收入</span>
</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="contact.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>
<!-- 页面加载动画 -->
<div class="page-loader">
<div class="loader-spinner">
<i class="fa fa-compass fa-spin"></i>
</div>
</div>
<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/aos/2.3.4/aos.js"></script>
<script src="js/main.js"></script>
</body>
</html>