Files
tingquanwebsite/products.html
2025-04-01 10:17:12 +08:00

358 lines
19 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">
<title>产品详情 - 听泉科技</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
.product-detail {
padding: 160px 0 80px;
}
.product-detail-card {
background: white;
border-radius: 1rem;
padding: 3rem;
margin-bottom: 3rem;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.product-header {
display: flex;
align-items: center;
gap: 2rem;
margin-bottom: 2rem;
}
.product-header .product-icon {
width: 80px;
height: 80px;
}
.price-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 2rem;
}
.price-card {
background: var(--light-background);
border-radius: 1rem;
padding: 2rem;
text-align: center;
}
.price-card h3 {
color: var(--primary-color);
margin-bottom: 1rem;
}
.price-card .price {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1.5rem;
}
.price-card ul {
list-style: none;
margin-bottom: 2rem;
}
.price-card ul li {
margin-bottom: 0.5rem;
}
</style>
</head>
<body>
<div class="overlay"></div>
<!-- 导航栏 -->
<header>
<div class="container">
<div class="logo">
<h1>听泉科技</h1>
</div>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="products.html" class="active">产品</a></li>
<li><a href="pricing.html">价格</a></li>
<li><a href="activation-codes.html">优惠券</a></li>
<li><a href="contact.html">联系我们</a></li>
<li><a href="api-docs.html">API文档</a></li>
</ul>
</nav>
<button class="menu-button">
<span class="menu-icon"></span>
</button>
</div>
</header>
<section class="product-detail">
<div class="container">
<!-- 听泉助手 -->
<div class="product-detail-card" id="tingquan-assistant">
<div class="product-header">
<div class="product-icon">
<i class="fas fa-bolt"></i>
</div>
<div>
<h2>听泉Cursor助手</h2>
<p>专业的Cursor账号解决方案每次刷新即获150次Fast对话额度远超同类产品50次限制</p>
</div>
</div>
<div class="product-description">
<h3>产品特点</h3>
<ul class="product-features">
<li><i class="fas fa-check-circle"></i> 每次刷新即获150次Fast对话额度理论无限使用远超其他产品50次限制</li>
<li><i class="fas fa-check-circle"></i> 全球动态IP注册与使用稳定性远超同类产品</li>
<li><i class="fas fa-check-circle"></i> 多平台完美兼容Windows/Mac/Linux全支持</li>
<li><i class="fas fa-check-circle"></i> 独立动态IP注册账号质量有保障</li>
<li><i class="fas fa-check-circle"></i> 一键式操作,真正做到省心省力</li>
<li><i class="fas fa-check-circle"></i> 专业技术支持,快速解决问题</li>
</ul>
<div style="margin-top: 2rem;">
<h3>为什么选择我们</h3>
<ul class="product-features">
<li><i class="fas fa-crown"></i> 每次刷新都能获得150次Fast对话额度不受50次限制</li>
<li><i class="fas fa-exclamation-circle"></i> 告别盗用开源代码二次开发商用的不稳定问题</li>
<li><i class="fas fa-shield-alt"></i> 正版授权的完整解决方案,品质保证</li>
<li><i class="fas fa-globe"></i> 全球IP资源池确保账号质量和使用稳定性</li>
</ul>
</div>
<div style="margin-top: 2rem; padding: 1.5rem; background: rgba(79, 70, 229, 0.1); border-radius: 1rem;">
<h3 style="color: #4F46E5;">重要提示</h3>
<p style="margin-top: 1rem; line-height: 1.6;">市面上存在一些盗用开源代码二次开发商用的产品这些产品往往只能提供50次Fast对话额度且稳定性无法保证。我们提供正版授权的完整解决方案每次刷新都能获得150次Fast完整对话额度配合全球动态IP注册系统真正实现无限畅聊帮助您获得最佳的AI对话体验。</p>
</div>
</div>
<div class="price-cards">
<div class="price-card">
<h3>天卡</h3>
<div class="price">¥2.9</div>
<ul>
<li><i class="fas fa-check-circle"></i> 24小时无限使用</li>
<li><i class="fas fa-check-circle"></i> 全球动态IP支持</li>
<li><i class="fas fa-check-circle"></i> 基础技术支持</li>
</ul>
<a href="https://www.houfaka.com/links/3BD4C127" target="_blank" class="btn btn-primary">立即购买</a>
</div>
<div class="price-card popular">
<div class="popular-tag">最受欢迎</div>
<h3>周卡</h3>
<div class="price">¥12.9</div>
<ul>
<li><i class="fas fa-check-circle"></i> 7天无限使用</li>
<li><i class="fas fa-check-circle"></i> 全球动态IP支持</li>
<li><i class="fas fa-check-circle"></i> 优先技术支持</li>
<li><i class="fas fa-check-circle"></i> 每天仅需¥1.8</li>
</ul>
<a href="https://www.houfaka.com/links/3BD4C127" target="_blank" class="btn btn-primary">立即购买</a>
</div>
<div class="price-card">
<h3>月卡</h3>
<div class="price">¥42.8</div>
<ul>
<li><i class="fas fa-check-circle"></i> 30天无限使用</li>
<li><i class="fas fa-check-circle"></i> 全球动态IP支持</li>
<li><i class="fas fa-check-circle"></i> 24小时技术支持</li>
<li><i class="fas fa-check-circle"></i> 每天仅需¥1.4</li>
</ul>
<a href="https://www.houfaka.com/links/3BD4C127" target="_blank" class="btn btn-primary">立即购买</a>
</div>
</div>
<div style="margin-top: 2rem; padding: 1.5rem; background: rgba(79, 70, 229, 0.1); border-radius: 1rem;">
<h3 style="color: #4F46E5;"><i class="fas fa-handshake"></i> 代理合作</h3>
<div style="display: flex; gap: 2rem; align-items: flex-start;">
<div style="flex: 1;">
<p style="margin-top: 1rem; line-height: 1.6;">
诚邀代理合作伙伴,我们提供:
<ul style="list-style-type: none; margin-top: 0.5rem;">
<li><i class="fas fa-check"></i> 优惠的代理价格</li>
<li><i class="fas fa-check"></i> 专业的技术支持</li>
<li><i class="fas fa-check"></i> 完善的售后服务</li>
<li><i class="fas fa-check"></i> 稳定的产品质量</li>
</ul>
</p>
</div>
<div style="text-align: center;">
<img src="img/wechat_qr.png" alt="微信二维码" style="width: 200px; border-radius: 0.5rem;">
<p style="margin-top: 1rem; font-weight: bold;">
<i class="fab fa-weixin"></i> 微信号behikcigar
</p>
</div>
</div>
</div>
</div>
<!-- Cursor账号池API -->
<div class="product-detail-card" id="cursor-api">
<div class="product-header">
<div class="product-icon">
<i class="fas fa-code"></i>
</div>
<div>
<h2>Cursor账号池API</h2>
<p>高质量Cursor账号池接口为开发团队提供便捷的账号切换服务</p>
</div>
</div>
<div class="product-description">
<h3>产品特点</h3>
<ul class="product-features">
<li><i class="fas fa-check-circle"></i> 开源账号切换工具,可自由定制</li>
<li><i class="fas fa-check-circle"></i> 每日免费使用额度,无需付费也能体验</li>
<li><i class="fas fa-check-circle"></i> 专业API接口稳定可靠</li>
<li><i class="fas fa-check-circle"></i> 适合团队协作和二次开发</li>
</ul>
<div style="margin-top: 2rem;">
<h3>开源项目</h3>
<p>我们的账号切换软件已在GitHub开源欢迎查看和贡献代码</p>
<div style="margin-top: 1rem; display: flex; gap: 1rem;">
<a href="https://github.com/maticarmy/free_cursor_pro.git" target="_blank" class="btn btn-secondary">
<i class="fab fa-github"></i> 查看GitHub项目
</a>
<a href="api-docs.html" class="btn btn-primary">
<i class="fas fa-book"></i> API文档
</a>
</div>
</div>
<div class="price-cards" style="margin-top: 3rem;">
<div class="price-card">
<h3>基础版</h3>
<div class="price">免费</div>
<ul>
<li><i class="fas fa-check-circle"></i> 每天1次免费使用</li>
<li><i class="fas fa-check-circle"></i> 基础功能支持</li>
<li><i class="fas fa-check-circle"></i> 社区技术支持</li>
<li><i class="fas fa-check-circle"></i> 需运行开源项目</li>
</ul>
<a href="https://github.com/maticarmy/free_cursor_pro.git" target="_blank" class="btn btn-primary">
<i class="fab fa-github"></i> 开始使用
</a>
</div>
<div class="price-card">
<h3>基础版</h3>
<div class="price">¥100</div>
<ul>
<li><i class="fas fa-check-circle"></i> 100次使用额度</li>
<li><i class="fas fa-check-circle"></i> 单价1.00元/次</li>
<li><i class="fas fa-check-circle"></i> 基础技术支持</li>
<li><i class="fas fa-check-circle"></i> 适合个人开发者</li>
</ul>
<a href="javascript:void(0)" onclick="showWechatModal()" class="btn btn-primary">立即购买</a>
</div>
<div class="price-card">
<h3>进阶版</h3>
<div class="price">¥800</div>
<ul>
<li><i class="fas fa-check-circle"></i> 1000次使用额度</li>
<li><i class="fas fa-check-circle"></i> 单价0.80元/次</li>
<li><i class="fas fa-check-circle"></i> 8折优惠</li>
<li><i class="fas fa-check-circle"></i> 技术支持</li>
</ul>
<a href="javascript:void(0)" onclick="showWechatModal()" class="btn btn-primary">立即购买</a>
</div>
<div class="price-card">
<h3>专业版</h3>
<div class="price">¥3500</div>
<ul>
<li><i class="fas fa-check-circle"></i> 5000次使用额度</li>
<li><i class="fas fa-check-circle"></i> 单价0.70元/次</li>
<li><i class="fas fa-check-circle"></i> 7折优惠</li>
<li><i class="fas fa-check-circle"></i> 优先技术支持</li>
</ul>
<a href="javascript:void(0)" onclick="showWechatModal()" class="btn btn-primary">立即购买</a>
</div>
<div class="price-card popular">
<div class="popular-tag">性价比最高</div>
<h3>企业版</h3>
<div class="price">¥6000</div>
<ul>
<li><i class="fas fa-check-circle"></i> 10000次使用额度</li>
<li><i class="fas fa-check-circle"></i> 单价0.60元/次</li>
<li><i class="fas fa-check-circle"></i> 6折优惠</li>
<li><i class="fas fa-check-circle"></i> 7*24小时技术支持</li>
</ul>
<a href="javascript:void(0)" onclick="showWechatModal()" class="btn btn-primary">立即购买</a>
</div>
</div>
<div style="margin-top: 2rem; padding: 1.5rem; background: rgba(79, 70, 229, 0.1); border-radius: 1rem;">
<h3 style="color: #4F46E5;">开始使用</h3>
<div style="margin-top: 1rem; line-height: 1.6;">
<p><i class="fas fa-gift"></i> <strong>免费体验:</strong>运行我们的开源项目即可每天免费使用1次适合个人学习使用。</p>
<p><i class="fas fa-rocket"></i> <strong>快速测试:</strong>联系客服开通10元测试额度体验完整功能等同于10次使用额度</p>
<p><i class="fas fa-crown"></i> <strong>批量购买:</strong>购买次数越多单次价格越优惠最高可享6折优惠。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer>
<div class="container">
<div class="footer-grid">
<div class="footer-col">
<h3>听泉科技</h3>
<p>专注于智能软件解决方案</p>
</div>
<div class="footer-col">
<h3>快速链接</h3>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="products.html">产品</a></li>
<li><a href="pricing.html">价格</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<div class="footer-col">
<h3>联系我们</h3>
<p><i class="fas fa-envelope"></i> maticarmy@gmail.com</p>
<div class="social-links">
<a href="https://github.com/maticarmy/free_cursor_pro.git" target="_blank" title="GitHub"><i class="fab fa-github"></i></a>
<a href="javascript:void(0)" onclick="showWechatModal()" title="微信"><i class="fab fa-weixin"></i></a>
</div>
</div>
</div>
<div class="copyright">
<p>&copy; 2024 听泉科技. 保留所有权利.</p>
</div>
</div>
</footer>
<!-- 微信弹窗 -->
<div id="wechatModal" class="modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000;">
<div style="position: relative; background: white; max-width: 400px; margin: 100px auto; padding: 2rem; border-radius: 1rem; text-align: center;">
<span onclick="closeWechatModal()" style="position: absolute; right: 1rem; top: 1rem; cursor: pointer; font-size: 1.5rem;">&times;</span>
<img src="img/wechat_qr.png" alt="微信二维码" style="width: 200px; border-radius: 0.5rem;">
<p style="margin-top: 1rem; font-weight: bold;">
<i class="fab fa-weixin"></i> 微信号behikcigar
</p>
</div>
</div>
<script>
// 微信弹窗功能
function showWechatModal() {
document.getElementById('wechatModal').style.display = 'block';
document.body.style.overflow = 'hidden';
}
function closeWechatModal() {
document.getElementById('wechatModal').style.display = 'none';
document.body.style.overflow = 'auto';
}
// 点击空白处关闭弹窗
document.getElementById('wechatModal').addEventListener('click', function(e) {
if (e.target === this) {
closeWechatModal();
}
});
</script>
<script src="js/main.js"></script>
</body>
</html>