<!DOCTYPE html>
|
<html lang="zh-CN">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>智信管家 - 您的短信防漏专家</title>
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
<script src="https://cdn.tailwindcss.com"></script>
|
<script>
|
tailwind.config = {
|
theme: {
|
extend: {
|
colors: {
|
primary: '#2563eb',
|
secondary: '#1e40af'
|
},
|
borderRadius: {
|
'none': '0px',
|
'sm': '2px',
|
DEFAULT: '4px',
|
'md': '8px',
|
'lg': '12px',
|
'xl': '16px',
|
'2xl': '20px',
|
'3xl': '24px',
|
'full': '9999px',
|
'button': '4px'
|
}
|
}
|
}
|
}
|
</script>
|
</head>
|
<body class="min-h-[1024px]">
|
<div class="max-w-[1440px] mx-auto">
|
<!-- 导航栏 -->
|
<nav class="flex items-center justify-between py-4 px-8 bg-white">
|
<div class="flex items-center space-x-4">
|
<img src="./imgs/robot_logo.png" alt="智信管家"
|
class="w-10 h-10">
|
<span class="text-2xl font-['Pacifico'] text-primary">智信管家</span>
|
</div>
|
<div class="flex items-center space-x-8">
|
<a href="#" class="text-gray-700 hover:text-primary">主页</a>
|
<a href="#product-function" class="text-gray-700 hover:text-primary">功能特点</a>
|
<a href="#product-screenshots" class="text-gray-700 hover:text-primary">使用截图</a>
|
<a href="user-agreement.html" class="text-gray-700 hover:text-primary">用户协议</a>
|
<a href="user-private.html" class="text-gray-700 hover:text-primary">隐私政策</a>
|
<a href="#contact-us" class="text-gray-700 hover:text-primary">关于我们</a>
|
<a href="./download/sms-manager.apk" download class="bg-primary text-white px-6 py-2 !rounded-button hover:bg-secondary whitespace-nowrap mx-auto">
|
立即下载 →
|
</a>
|
</div>
|
</nav>
|
<!-- Hero区域 -->
|
<div class="relative h-[600px] bg-gradient-to-r from-gray-900 to-gray-800 overflow-hidden" >
|
<div class="absolute inset-0">
|
<img src="./imgs/bg.png"
|
class="w-full h-full object-cover" alt="Hero Background">
|
</div>
|
<div class="relative z-10 flex items-center h-full">
|
<div class="w-full px-16 text-center">
|
<h1 class="text-5xl font-bold text-white mb-8">智信管家 - 您的短信防漏专家</h1>
|
<p
|
class="text-white text-lg mb-8 leading-relaxed max-w-3xl mx-auto bg-black/50 px-8 py-6 rounded-full">
|
专业的短信智能分类与管理解决方案，通过用户自定义关键词，自动监控全信息，开启重要短信（如快递取件码、还款提醒等）按标签分类展示，帮助用户设定定位关键信息。
|
</p>
|
<!-- <button
|
class="bg-primary text-white px-6 py-2 !rounded-button hover:bg-secondary whitespace-nowrap mx-auto">
|
立即下载 →
|
</button> -->
|
<a href="./download/sms-manager.apk" download class="bg-primary text-white px-6 py-2 !rounded-button hover:bg-secondary whitespace-nowrap mx-auto">
|
立即下载 →
|
</a>
|
</div>
|
</div>
|
</div>
|
<!-- 功能特点区域 -->
|
<div class="py-20 bg-gray-50" id="product-function">
|
<div class="text-center mb-16">
|
<h2 class="text-4xl font-bold text-gray-900 mb-4">功能特点</h2>
|
<h2 class="text-4xl font-bold text-gray-900 mb-4">智信管家 - 您的短信防漏专家</h2>
|
<div class="text-2xl text-gray-600 mb-4">高效、快速、便捷、专业</div>
|
<p class="text-gray-500">智能分类、短信管理、智能平台</p>
|
</div>
|
<div class="grid grid-cols-2 gap-12 px-16">
|
<!-- NLP智能分类 -->
|
<div class="bg-white p-8 rounded-lg shadow-lg">
|
<div class="flex items-center mb-6">
|
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center">
|
<i class="fas fa-brain text-primary text-2xl"></i>
|
</div>
|
<h3 class="text-2xl font-bold ml-4 text-gray-900">NLP 智能分类</h3>
|
</div>
|
<p class="text-gray-600 leading-relaxed">
|
设置如"取件码"、"还款"等关键词，系统自动识别并分类相关短信，让信息管理更加高效便捷。
|
</p>
|
</div>
|
<!-- 多关键词管理 -->
|
<div class="bg-white p-8 rounded-lg shadow-lg">
|
<div class="flex items-center mb-6">
|
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center">
|
<i class="fas fa-key text-primary text-2xl"></i>
|
</div>
|
<h3 class="text-2xl font-bold ml-4 text-gray-900">多关键词管理</h3>
|
</div>
|
<p class="text-gray-600 leading-relaxed">
|
支持设置多个短信分类，覆盖快递、收入、还款、机票等多场景，实现精准分类管理。
|
</p>
|
</div>
|
<!-- 快速数据分析 -->
|
<div class="bg-white p-8 rounded-lg shadow-lg">
|
<div class="flex items-center mb-6">
|
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center">
|
<i class="fas fa-chart-line text-primary text-2xl"></i>
|
</div>
|
<h3 class="text-2xl font-bold ml-4 text-gray-900">快速数据分析</h3>
|
</div>
|
<p class="text-gray-600 leading-relaxed">
|
生成月度报告，统计取件频率、常用物流公司，助您优化收件习惯。
|
</p>
|
</div>
|
<!-- 智能提醒 -->
|
<div class="bg-white p-8 rounded-lg shadow-lg">
|
<div class="flex items-center mb-6">
|
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center">
|
<i class="fas fa-bell text-primary text-2xl"></i>
|
</div>
|
<h3 class="text-2xl font-bold ml-4 text-gray-900">智能提醒</h3>
|
</div>
|
<p class="text-gray-600 leading-relaxed">
|
支持不同提醒方式，及时通知重要信息，避免遗漏关键短信。
|
</p>
|
</div>
|
</div>
|
</div>
|
<!-- 产品截图 -->
|
<div class="py-20 bg-gray-50" id="product-screenshots">
|
<div class="text-center mb-16">
|
<h2 class="text-4xl font-bold text-gray-900 mb-4">使用截图</h2>
|
<p class="text-gray-500">简洁直观的用户界面，让短信管理更轻松</p>
|
</div>
|
<div class="grid grid-cols-4 gap-8 px-16">
|
<div class="bg-white p-4 rounded-lg shadow-lg">
|
<img src="./imgs/product/kuaidi.jpg"
|
class="w-full h-[500px] object-contain rounded-lg" alt="智能分类快递界面">
|
<p class="mt-4 text-center text-gray-700 font-medium">智能分类快递界面</p>
|
</div>
|
<div class="bg-white p-4 rounded-lg shadow-lg">
|
<img src="./imgs/product/huankuan.jpg"
|
class="w-full h-[500px] object-contain rounded-lg" alt="智能分类还款界面">
|
<p class="mt-4 text-center text-gray-700 font-medium">智能分类还款界面</p>
|
</div>
|
<div class="bg-white p-4 rounded-lg shadow-lg">
|
<img src="./imgs/product/tongji.jpg"
|
class="w-full h-[500px] object-contain rounded-lg" alt="数据分析界面">
|
<p class="mt-4 text-center text-gray-700 font-medium">数据分析界面</p>
|
</div>
|
<div class="bg-white p-4 rounded-lg shadow-lg">
|
<img src="./imgs/product/mine.jpg"
|
class="w-full h-[500px] object-contain rounded-lg" alt="设置界面">
|
<p class="mt-4 text-center text-gray-700 font-medium">个性化设置界面</p>
|
</div>
|
</div>
|
|
</div>
|
<!-- 使用场景 -->
|
<div class="py-20 bg-white">
|
<div class="text-center mb-16">
|
<h2 class="text-4xl font-bold text-gray-900 mb-4">适用场景</h2>
|
<p class="text-gray-500">为不同场景提供专业的短信管理解决方案</p>
|
</div>
|
<div class="grid grid-cols-3 gap-8 px-16">
|
<!-- 场景1 -->
|
<div class="relative h-[400px] rounded-lg overflow-hidden group">
|
<img src="./imgs/cj1.jpg"
|
class="w-full h-full object-cover" alt="电商场景">
|
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-8">
|
<div class="text-white">
|
<h3 class="text-2xl font-bold mb-2">电商购物</h3>
|
<p class="opacity-80">自动识别快递取件码，避免错过包裹</p>
|
</div>
|
</div>
|
</div>
|
<!-- 场景2 -->
|
<div class="relative h-[400px] rounded-lg overflow-hidden group">
|
<img src="./imgs/cj2.jpg"
|
class="w-full h-full object-cover" alt="金融场景">
|
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-8">
|
<div class="text-white">
|
<h3 class="text-2xl font-bold mb-2">金融服务</h3>
|
<p class="opacity-80">及时提醒还款日期，避免逾期</p>
|
</div>
|
</div>
|
</div>
|
<!-- 场景3 -->
|
<div class="relative h-[400px] rounded-lg overflow-hidden group">
|
<img src="./imgs/cj3.jpg"
|
class="w-full h-full object-cover" alt="出行场景">
|
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-8">
|
<div class="text-white">
|
<h3 class="text-2xl font-bold mb-2">智能出行</h3>
|
<p class="opacity-80">整合机票信息，规划行程更轻松</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 联系我们 -->
|
<div class="bg-gray-900 text-white py-16" id="contact-us">
|
<div class="max-w-4xl mx-auto text-center">
|
<h2 class="text-3xl font-bold mb-8">联系我们</h2>
|
<div class="flex justify-center space-x-12">
|
<div class="flex items-center">
|
<i class="fas fa-phone mr-3"></i>
|
<span>客服电话：18153546400</span>
|
</div>
|
<div class="flex items-center">
|
<i class="fas fa-envelope mr-3"></i>
|
<span>邮箱：xsj@cloudroam.com.cn</span>
|
</div>
|
</div>
|
<div class="mt-12 text-gray-400">
|
<p>© 2025 苏州云游四方信息科技有限公司 版权所有</p>
|
<p class="mt-2">苏ICP备16047984号-1</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
|
<style>
|
html {
|
scroll-behavior: smooth;
|
}
|
</style>
|
|
</html>
|
