Files
niumalll/website/cases.html

742 lines
43 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="活牛采购案例,养殖企业数字化,牧场管理系统,贸易商解决方案,采购效率提升,成本控制,客户评价,成功案例">
<!-- 结构化数据 -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "活牛采购智能数字化系统 - 客户案例",
"description": "活牛采购智能数字化系统成功案例展示,真实客户评价和使用效果验证,为您选择数字化采购解决方案提供参考。",
"applicationCategory": "BusinessApplication",
"operatingSystem": "Web",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "CNY"
}
}
</script>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.0/font/bootstrap-icons.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<!-- AOS Animation -->
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<!-- 自定义样式 -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow-sm">
<div class="container">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<div class="logo-container me-2">
<i class="fas fa-cow text-primary fs-2"></i>
</div>
<div class="brand-text">
<div class="brand-name fw-bold">NiuMall</div>
<div class="brand-subtitle">活牛采购智能系统</div>
</div>
</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="product.html">产品介绍</a>
</li>
<li class="nav-item">
<a class="nav-link" href="solutions.html">解决方案</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="cases.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="news.html">新闻动态</a>
</li>
<li class="nav-item">
<a class="nav-link" href="docs.html">开发者文档</a>
</li>
<li class="nav-item">
<a class="nav-link" href="partners.html">合作伙伴</a>
</li>
<li class="nav-item">
<a class="nav-link" href="support.html">在线客服</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">联系我们</a>
</li>
</ul>
<div class="ms-3">
<a href="contact.html" class="btn btn-primary">免费试用</a>
</div>
</div>
</div>
</nav>
<!-- 面包屑导航 -->
<nav aria-label="breadcrumb" class="pt-5 mt-5">
<div class="container">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">首页</a></li>
<li class="breadcrumb-item active" aria-current="page">客户案例</li>
</ol>
</div>
</nav>
<!-- 客户案例英雄区域 -->
<section class="py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h1 class="display-5 fw-bold mb-4">客户成功案例</h1>
<p class="lead">真实客户故事展示我们的解决方案如何帮助各类企业实现业务增长和效率提升</p>
<p>通过数字化转型,我们的客户在采购效率、成本控制、风险管理和决策支持等方面都取得了显著成效。</p>
<div class="mt-4">
<a href="#cases" class="btn btn-primary btn-lg me-3">
<i class="fas fa-th-large me-2"></i>查看案例
</a>
<a href="solutions.html" class="btn btn-outline-primary btn-lg">
<i class="fas fa-lightbulb me-2"></i>解决方案
</a>
</div>
</div>
<div class="col-lg-6">
<div class="row g-3">
<div class="col-6">
<div class="bg-primary bg-opacity-10 p-3 rounded text-center h-100">
<div class="stat-number display-6 text-primary mb-2 count-up" data-target="500">0</div>
<div class="stat-label">成功客户</div>
</div>
</div>
<div class="col-6">
<div class="bg-success bg-opacity-10 p-3 rounded text-center h-100">
<div class="stat-number display-6 text-success mb-2 count-up" data-target="40" data-suffix="%">0%</div>
<div class="stat-label">平均效率提升</div>
</div>
</div>
<div class="col-6">
<div class="bg-warning bg-opacity-10 p-3 rounded text-center h-100">
<div class="stat-number display-6 text-warning mb-2 count-up" data-target="20" data-suffix="%">0%</div>
<div class="stat-label">成本降低</div>
</div>
</div>
<div class="col-6">
<div class="bg-info bg-opacity-10 p-3 rounded text-center h-100">
<div class="stat-number display-6 text-info mb-2 count-up" data-target="99" data-suffix="%">0%</div>
<div class="stat-label">客户满意度</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 案例分类和筛选功能 -->
<section class="py-3 bg-light">
<div class="container">
<div class="d-flex flex-wrap align-items-center justify-content-between">
<h5 class="mb-0">案例筛选</h5>
<div class="d-flex flex-wrap gap-2">
<button class="btn btn-outline-primary btn-sm active" data-filter="all">全部</button>
<button class="btn btn-outline-primary btn-sm" data-filter="large">大型企业</button>
<button class="btn btn-outline-primary btn-sm" data-filter="medium">中型企业</button>
<button class="btn btn-outline-primary btn-sm" data-filter="small">小型企业</button>
<button class="btn btn-outline-primary btn-sm" data-filter="trader">贸易商</button>
</div>
</div>
</div>
</section>
<!-- 客户案例展示 -->
<section id="cases" class="py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-6 mb-3">客户成功案例展示</h2>
<p class="text-muted">了解我们的客户如何通过数字化转型实现业务增长</p>
</div>
<div class="row g-4 mb-5 case-grid">
<div class="col-md-6 col-lg-4" data-category="large">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case1.jpg" class="card-img-top img-hover-zoom" alt="山东畜牧合作社数字化转型" loading="lazy">
<div class="card-body">
<span class="badge bg-primary mb-2">大型企业</span>
<h5 class="card-title">山东畜牧合作社数字化转型</h5>
<p class="card-text">通过实施集团化采购解决方案实现采购效率提升40%成本降低15%。</p>
<a href="#case-detail-1" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-category="medium">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case2.jpg" class="card-img-top img-hover-zoom" alt="内蒙古家庭牧场管理升级" loading="lazy">
<div class="card-body">
<span class="badge bg-success mb-2">中型企业</span>
<h5 class="card-title">内蒙古家庭牧场管理升级</h5>
<p class="card-text">采用简化版采购管理系统采购周期缩短30%,操作简便易用。</p>
<a href="#case-detail-2" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-category="trader">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case3.jpg" class="card-img-top img-hover-zoom" alt="华南活牛贸易公司业务优化" loading="lazy">
<div class="card-body">
<span class="badge bg-info mb-2">贸易商</span>
<h5 class="card-title">华南活牛贸易公司业务优化</h5>
<p class="card-text">使用贸易商专用版系统订单处理效率提升50%,客户满意度显著提高。</p>
<a href="#case-detail-3" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-category="large">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case4.jpg" class="card-img-top img-hover-zoom" alt="河北大型养殖集团采购优化" loading="lazy">
<div class="card-body">
<span class="badge bg-primary mb-2">大型企业</span>
<h5 class="card-title">河北大型养殖集团采购优化</h5>
<p class="card-text">部署企业版系统后,实现多子公司采购协同,风险控制能力显著提升。</p>
<a href="#case-detail-4" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-category="small">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case5.jpg" class="card-img-top img-hover-zoom" alt="东北小型养殖场数字化起步" loading="lazy">
<div class="card-body">
<span class="badge bg-warning mb-2">小型企业</span>
<h5 class="card-title">东北小型养殖场数字化起步</h5>
<p class="card-text">通过基础版系统,实现采购流程标准化,为未来发展奠定数字化基础。</p>
<a href="#case-detail-5" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-category="trader">
<div class="card case-card h-100 border-0 shadow-sm">
<img src="images/case6.jpg" class="card-img-top img-hover-zoom" alt="西南活牛交易平台风控升级" loading="lazy">
<div class="card-body">
<span class="badge bg-info mb-2">贸易商</span>
<h5 class="card-title">西南活牛交易平台风控升级</h5>
<p class="card-text">定制开发风控模块结算风险降低50%,交易透明度全面提升。</p>
<a href="#case-detail-6" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
</div>
<!-- 案例详情 -->
<div id="case-detail-1" class="card mb-5">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start mb-4">
<div>
<h2 class="card-title">山东畜牧合作社数字化转型</h2>
<span class="badge bg-primary">大型企业</span>
</div>
<button type="button" class="btn-close" aria-label="关闭"></button>
</div>
<div class="row">
<div class="col-lg-8">
<h4 class="mt-4">客户背景</h4>
<p>山东畜牧合作社是国内知名的大型畜牧养殖企业年活牛采购量超过5000头拥有多个采购点和供应商在行业内具有重要地位。</p>
<h4 class="mt-4">面临挑战</h4>
<div class="row">
<div class="col-md-6">
<ul>
<li>供应商管理分散,缺乏统一标准</li>
<li>采购流程复杂,审批环节多</li>
<li>数据统计困难,难以进行有效分析</li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li>运输过程不透明,风险控制困难</li>
<li>财务结算效率低,容易出错</li>
<li>决策缺乏数据支撑,主观性强</li>
</ul>
</div>
</div>
<h4 class="mt-4">解决方案</h4>
<p>为该集团部署了企业版活牛采购智能数字化系统,包含供应商管理、采购计划、质检流程、运输跟踪、财务结算等全功能模块,并根据其特殊需求进行了定制化开发。</p>
<p>实施过程中,我们提供了全面的培训和技术支持,确保系统顺利上线并被员工熟练使用。</p>
<h4 class="mt-4">使用数据统计和效果验证</h4>
<div class="row">
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-primary bg-opacity-10 rounded">
<div class="stat-number display-6 text-primary count-up" data-target="40" data-suffix="%">0%</div>
<div class="stat-label">采购效率提升</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-success bg-opacity-10 rounded">
<div class="stat-number display-6 text-success count-up" data-target="15" data-suffix="%">0%</div>
<div class="stat-label">采购成本降低</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-warning bg-opacity-10 rounded">
<div class="stat-number display-6 text-warning count-up" data-target="95" data-suffix="%">0%</div>
<div class="stat-label">数据准确性</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-info bg-opacity-10 rounded">
<div class="stat-number display-6 text-info count-up" data-target="100" data-suffix="%">0%</div>
<div class="stat-label">流程标准化</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card border-0 bg-light">
<div class="card-body">
<h5 class="card-title">项目信息</h5>
<ul class="list-unstyled">
<li class="mb-2"><strong>实施时间:</strong>2023年3月</li>
<li class="mb-2"><strong>实施周期:</strong>2个月</li>
<li class="mb-2"><strong>服务模式:</strong>私有化部署</li>
<li class="mb-2"><strong>用户规模:</strong>200+用户</li>
<li class="mb-2"><strong>行业:</strong>畜牧养殖</li>
<li class="mb-2"><strong>企业规模:</strong>大型企业</li>
</ul>
</div>
</div>
</div>
</div>
<h4 class="mt-4">客户评价和Testimonials</h4>
<blockquote class="blockquote bg-light p-4 rounded">
<p class="mb-3">"活牛采购智能数字化系统的实施,彻底改变了我们传统的采购管理模式。现在我们可以实时掌握采购全流程,大大提升了管理效率和决策水平。系统界面友好,操作简便,员工上手很快。"</p>
<div class="d-flex align-items-center">
<img src="images/client-avatar-1.jpg" alt="客户头像" class="rounded-circle me-3" width="50" height="50">
<div>
<footer class="blockquote-footer mb-0">张总,山东畜牧合作社采购总监</footer>
<small class="text-muted">合作3年</small>
</div>
</div>
</blockquote>
</div>
</div>
<div id="case-detail-2" class="card mb-5">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start mb-4">
<div>
<h2 class="card-title">内蒙古家庭牧场管理升级</h2>
<span class="badge bg-success">中型企业</span>
</div>
<button type="button" class="btn-close" aria-label="关闭"></button>
</div>
<div class="row">
<div class="col-lg-8">
<h4 class="mt-4">客户背景</h4>
<p>内蒙古家庭牧场是一家专注于生态养殖的中型牧场年采购活牛约800头注重产品质量和可持续发展致力于打造绿色有机品牌。</p>
<h4 class="mt-4">面临挑战</h4>
<div class="row">
<div class="col-md-6">
<ul>
<li>采购计划制定缺乏科学依据</li>
<li>供应商评估标准不统一</li>
<li>质检流程不规范,存在风险</li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li>成本控制困难,利润空间压缩</li>
<li>数据记录不完整,难以前后对比</li>
<li>缺乏专业管理系统,依赖人工记录</li>
</ul>
</div>
</div>
<h4 class="mt-4">解决方案</h4>
<p>为该牧场部署了标准版活牛采购智能数字化系统,重点优化采购计划、供应商管理、质检流程等功能模块,并提供移动端支持,方便牧场主随时查看和操作。</p>
<p>我们还为其定制了生态养殖相关的质检标准模板,帮助其更好地实现质量控制目标。</p>
<h4 class="mt-4">使用数据统计和效果验证</h4>
<div class="row">
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-primary bg-opacity-10 rounded">
<div class="stat-number display-6 text-primary count-up" data-target="25" data-suffix="%">0%</div>
<div class="stat-label">采购成本降低</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-success bg-opacity-10 rounded">
<div class="stat-number display-6 text-success count-up" data-target="50" data-suffix="%">0%</div>
<div class="stat-label">质检效率提升</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-warning bg-opacity-10 rounded">
<div class="stat-number display-6 text-warning count-up" data-target="100" data-suffix="%">0%</div>
<div class="stat-label">供应商标准化</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-info bg-opacity-10 rounded">
<div class="stat-number display-6 text-info count-up" data-target="90" data-suffix="%">0%</div>
<div class="stat-label">客户满意度</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card border-0 bg-light">
<div class="card-body">
<h5 class="card-title">项目信息</h5>
<ul class="list-unstyled">
<li class="mb-2"><strong>实施时间:</strong>2023年6月</li>
<li class="mb-2"><strong>实施周期:</strong>1个月</li>
<li class="mb-2"><strong>服务模式:</strong>SaaS云服务</li>
<li class="mb-2"><strong>用户规模:</strong>5-10用户</li>
<li class="mb-2"><strong>行业:</strong>生态养殖</li>
<li class="mb-2"><strong>企业规模:</strong>中型企业</li>
</ul>
</div>
</div>
</div>
</div>
<h4 class="mt-4">客户评价和Testimonials</h4>
<blockquote class="blockquote bg-light p-4 rounded">
<p class="mb-3">"系统帮助我们建立了科学的采购管理体系,不仅降低了成本,更重要的是提升了产品质量控制水平,为我们的生态养殖理念提供了有力支撑。移动端功能特别实用,在牧场现场就能随时查看采购状态。"</p>
<div class="d-flex align-items-center">
<img src="images/client-avatar-2.jpg" alt="客户头像" class="rounded-circle me-3" width="50" height="50">
<div>
<footer class="blockquote-footer mb-0">李场长,内蒙古家庭牧场总经理</footer>
<small class="text-muted">合作2年</small>
</div>
</div>
</blockquote>
</div>
</div>
<div id="case-detail-3" class="card mb-5">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start mb-4">
<div>
<h2 class="card-title">华南活牛贸易公司业务优化</h2>
<span class="badge bg-info">贸易商</span>
</div>
<button type="button" class="btn-close" aria-label="关闭"></button>
</div>
<div class="row">
<div class="col-lg-8">
<h4 class="mt-4">客户背景</h4>
<p>华南活牛贸易公司是一家专业的活牛贸易商年交易量约3000头连接多个养殖场和买家在华南地区具有较强的市场影响力。</p>
<h4 class="mt-4">面临挑战</h4>
<div class="row">
<div class="col-md-6">
<ul>
<li>多方交易协调困难</li>
<li>订单跟踪不及时,容易出错</li>
<li>结算流程复杂,风险较高</li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li>缺乏有效数据分析,决策困难</li>
<li>客户信息管理混乱</li>
<li>合同管理不规范,容易产生纠纷</li>
</ul>
</div>
</div>
<h4 class="mt-4">解决方案</h4>
<p>为该贸易公司定制开发了贸易商专用版系统,重点强化订单管理、多方协调、结算风控等功能,并集成电子合同签署功能,提升交易安全性和效率。</p>
<p>我们还为其开发了客户关系管理模块,帮助其更好地维护客户资源,提升客户满意度和复购率。</p>
<h4 class="mt-4">使用数据统计和效果验证</h4>
<div class="row">
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-primary bg-opacity-10 rounded">
<div class="stat-number display-6 text-primary count-up" data-target="35" data-suffix="%">0%</div>
<div class="stat-label">交易效率提升</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-success bg-opacity-10 rounded">
<div class="stat-number display-6 text-success count-up" data-target="99" data-suffix="%">0%</div>
<div class="stat-label">订单准确率</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-warning bg-opacity-10 rounded">
<div class="stat-number display-6 text-warning count-up" data-target="50" data-suffix="%">0%</div>
<div class="stat-label">结算风险降低</div>
</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="text-center p-3 bg-info bg-opacity-10 rounded">
<div class="stat-number display-6 text-info count-up" data-target="100" data-suffix="%">0%</div>
<div class="stat-label">交易透明化</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card border-0 bg-light">
<div class="card-body">
<h5 class="card-title">项目信息</h5>
<ul class="list-unstyled">
<li class="mb-2"><strong>实施时间:</strong>2023年9月</li>
<li class="mb-2"><strong>实施周期:</strong>1.5个月</li>
<li class="mb-2"><strong>服务模式:</strong>混合部署</li>
<li class="mb-2"><strong>用户规模:</strong>20-50用户</li>
<li class="mb-2"><strong>行业:</strong>活牛贸易</li>
<li class="mb-2"><strong>企业规模:</strong>贸易商</li>
</ul>
</div>
</div>
</div>
</div>
<h4 class="mt-4">客户评价和Testimonials</h4>
<blockquote class="blockquote bg-light p-4 rounded">
<p class="mb-3">"数字化系统让我们的贸易业务更加透明高效,多方协调变得轻松简单,客户满意度大幅提升。这正是我们一直在寻找的解决方案。电子合同功能大大提升了交易安全性,减少了合同纠纷。"</p>
<div class="d-flex align-items-center">
<img src="images/client-avatar-3.jpg" alt="客户头像" class="rounded-circle me-3" width="50" height="50">
<div>
<footer class="blockquote-footer mb-0">王总,华南活牛贸易公司运营总监</footer>
<small class="text-muted">合作1年</small>
</div>
</div>
</blockquote>
</div>
</div>
</div>
</section>
<!-- 客户评价和Testimonials -->
<section class="py-5 bg-dark">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-6 mb-3 text-white">客户评价</h2>
<p class="text-muted">听听我们的客户怎么说</p>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body">
<div class="text-warning mb-3">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p class="card-text">"系统实施后我们的采购效率提升了40%成本降低了15%。数据驱动的决策让我们在市场竞争中占据了优势。"</p>
<div class="d-flex align-items-center">
<img src="images/testimonial-1.jpg" alt="客户" class="rounded-circle me-3" width="40" height="40">
<div>
<div class="fw-bold">张总</div>
<small class="text-muted">山东畜牧合作社</small>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body">
<div class="text-warning mb-3">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<p class="card-text">"作为中小型牧场,这套系统帮我们实现了数字化转型。操作简单,功能全面,性价比很高。"</p>
<div class="d-flex align-items-center">
<img src="images/testimonial-2.jpg" alt="客户" class="rounded-circle me-3" width="40" height="40">
<div>
<div class="fw-bold">李场长</div>
<small class="text-muted">内蒙古家庭牧场</small>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body">
<div class="text-warning mb-3">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p class="card-text">"贸易商专用版系统彻底改变了我们的业务模式。交易效率提升35%,客户满意度大幅提升。"</p>
<div class="d-flex align-items-center">
<img src="images/testimonial-3.jpg" alt="客户" class="rounded-circle me-3" width="40" height="40">
<div>
<div class="fw-bold">王总</div>
<small class="text-muted">华南活牛贸易公司</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="py-5">
<div class="container">
<div class="card bg-primary text-white border-0 shadow">
<div class="card-body p-5 text-center">
<h3 class="mb-3">开启您的数字化采购之旅</h3>
<p class="mb-4">立即申请免费试用,体验活牛采购智能数字化系统带来的效率提升</p>
<div class="d-flex flex-wrap justify-content-center gap-3">
<a href="contact.html" class="btn btn-light btn-lg">
<i class="fas fa-rocket me-2"></i>免费试用
</a>
<a href="demo.html" class="btn btn-outline-light btn-lg">
<i class="fas fa-play-circle me-2"></i>在线演示
</a>
</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-4 mb-lg-0">
<h5 class="footer-title">活牛采购智能数字化系统</h5>
<p>专业的活牛采购全流程数字化管理解决方案,提升采购效率,降低经营风险。</p>
<div class="d-flex">
<a href="#" class="social-icon"><i class="fab fa-weixin"></i></a>
<a href="#" class="social-icon"><i class="fab fa-weibo"></i></a>
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
<h5 class="footer-title">产品</h5>
<ul class="list-unstyled">
<li class="mb-2"><a href="product.html">功能介绍</a></li>
<li class="mb-2"><a href="solutions.html">解决方案</a></li>
<li class="mb-2"><a href="cases.html">客户案例</a></li>
<li class="mb-2"><a href="news.html">更新日志</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
<h5 class="footer-title">支持</h5>
<ul class="list-unstyled">
<li class="mb-2"><a href="#">帮助中心</a></li>
<li class="mb-2"><a href="#">在线客服</a></li>
<li class="mb-2"><a href="#">开发者文档</a></li>
<li class="mb-2"><a href="#">合作伙伴</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-4">
<h5 class="footer-title">联系我们</h5>
<ul class="list-unstyled">
<li class="mb-2"><i class="fas fa-map-marker-alt me-2"></i> 武汉市东湖高新区光谷软件园F2栋</li>
<li class="mb-2"><i class="fas fa-phone me-2"></i> 19971988959</li>
<li class="mb-2"><i class="fas fa-envelope me-2"></i> niumall@aiotagro.com</li>
</ul>
</div>
</div>
<div class="copyright text-center">
<p>&copy; 2023 活牛采购智能数字化系统. 保留所有权利。</p>
</div>
</div>
</footer>
<!-- 返回顶部按钮 -->
<button class="back-to-top" aria-label="返回顶部">
<i class="fas fa-arrow-up"></i>
</button>
<!-- Bootstrap JS -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<!-- AOS Animation -->
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
<!-- 自定义脚本 -->
<script src="js/main.js"></script>
<script>
// 初始化AOS动画
AOS.init({
duration: 800,
once: true
});
// 案例筛选功能
document.querySelectorAll('[data-filter]').forEach(button => {
button.addEventListener('click', function() {
const filter = this.getAttribute('data-filter');
// 更新按钮状态
document.querySelectorAll('[data-filter]').forEach(btn => {
btn.classList.remove('active');
});
this.classList.add('active');
// 筛选案例
document.querySelectorAll('.case-grid .col-md-6').forEach(card => {
if (filter === 'all' || card.getAttribute('data-category') === filter) {
card.style.display = 'block';
} else {
card.style.display = 'none';
}
});
});
});
// 关闭案例详情
document.querySelectorAll('.btn-close').forEach(button => {
button.addEventListener('click', function() {
this.closest('.card').style.display = 'none';
});
});
</script>
</body>
</html>