351 lines
16 KiB
PHP
351 lines
16 KiB
PHP
<?php
|
|
session_start();
|
|
if (isset($_SESSION['user_id'])) {
|
|
header('Location: dashboard.php');
|
|
exit;
|
|
}
|
|
?>
|
|
<!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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--primary-color: #ff4d94;
|
|
--accent-color: #ff1a75;
|
|
--bg-light: #fff5f7;
|
|
--surface-light: #ffffff;
|
|
--text-main: #2d1a1e;
|
|
--text-muted: #8a6d71;
|
|
--border-color: #ffd1dc;
|
|
}
|
|
body {
|
|
font-family: 'Plus Jakarta Sans', sans-serif;
|
|
background-color: var(--bg-light);
|
|
color: var(--text-main);
|
|
line-height: 1.6;
|
|
}
|
|
.navbar {
|
|
background-color: rgba(255, 245, 247, 0.9);
|
|
backdrop-filter: blur(10px);
|
|
border-bottom: 1px solid var(--border-color);
|
|
padding: 20px 0;
|
|
}
|
|
.hero-section {
|
|
padding: 160px 0 100px;
|
|
background: radial-gradient(circle at top right, rgba(255, 77, 148, 0.1), transparent 40%),
|
|
radial-gradient(circle at bottom left, rgba(255, 209, 220, 0.2), transparent 40%);
|
|
}
|
|
.hero-title {
|
|
font-size: 4rem;
|
|
font-weight: 800;
|
|
line-height: 1.1;
|
|
margin-bottom: 24px;
|
|
color: var(--text-main);
|
|
}
|
|
.hero-title span {
|
|
color: var(--primary-color);
|
|
}
|
|
.glass-card {
|
|
background-color: var(--surface-light);
|
|
border: 2px solid var(--border-color);
|
|
border-radius: 32px;
|
|
padding: 40px;
|
|
box-shadow: 10px 10px 0px var(--border-color);
|
|
}
|
|
.feature-icon {
|
|
width: 64px;
|
|
height: 64px;
|
|
background-color: rgba(255, 77, 148, 0.1);
|
|
color: var(--primary-color);
|
|
border-radius: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 1.5rem;
|
|
margin-bottom: 24px;
|
|
}
|
|
.btn-primary {
|
|
background-color: var(--primary-color);
|
|
border: none;
|
|
padding: 16px 32px;
|
|
border-radius: 16px;
|
|
font-weight: 700;
|
|
transition: all 0.3s ease;
|
|
color: white;
|
|
}
|
|
.btn-primary:hover {
|
|
background-color: var(--accent-color);
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 10px 20px rgba(255, 77, 148, 0.3);
|
|
color: white;
|
|
}
|
|
.form-control {
|
|
background-color: #fff;
|
|
border: 2px solid var(--border-color);
|
|
color: var(--text-main);
|
|
border-radius: 16px;
|
|
padding: 14px 20px;
|
|
}
|
|
.form-control:focus {
|
|
border-color: var(--primary-color);
|
|
box-shadow: none;
|
|
}
|
|
.footer {
|
|
padding: 80px 0 40px;
|
|
background-color: #ffffff;
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
.step-number {
|
|
width: 40px;
|
|
height: 40px;
|
|
background-color: var(--primary-color);
|
|
color: white;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
margin-bottom: 20px;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.hero-title { font-size: 2.5rem; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand fw-bold fs-3" href="#" style="color: var(--primary-color);"><i class="fas fa-globe 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 gap-3">
|
|
<li class="nav-item"><a class="nav-link" href="#features">服务特性</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#how-it-works">使用说明</a></li>
|
|
<li class="nav-item"><a class="btn btn-outline-dark px-4 rounded-pill" href="#" data-bs-toggle="modal" data-bs-target="#loginModal">登录</a></li>
|
|
<li class="nav-item"><a class="btn btn-primary px-4 rounded-pill" href="#" data-bs-toggle="modal" data-bs-target="#registerModal">开始使用</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="hero-section">
|
|
<div class="container">
|
|
<div class="row align-items-center g-5">
|
|
<div class="col-lg-7">
|
|
<h1 class="hero-title">隐私第一，<br><span>全球号码</span> 随心接</h1>
|
|
<p class="fs-5 text-muted mb-5">我们提供稳定、高效的全球虚拟号码验证码接收服务。支持 Telegram, WhatsApp, Facebook 等数千个社交平台。全自动收码，仅支持 USDT 支付，让您的隐私得到全方位保护。</p>
|
|
<div class="d-flex gap-3">
|
|
<button class="btn btn-primary btn-lg px-5" data-bs-toggle="modal" data-bs-target="#registerModal">立即开启</button>
|
|
<a href="#how-it-works" class="btn btn-outline-secondary btn-lg px-5">使用教程</a>
|
|
</div>
|
|
<div class="mt-5 d-flex gap-4">
|
|
<div class="text-center">
|
|
<h4 class="fw-bold mb-0">120+</h4>
|
|
<p class="small text-muted">支持国家</p>
|
|
</div>
|
|
<div class="vr opacity-25"></div>
|
|
<div class="text-center">
|
|
<h4 class="fw-bold mb-0">2.5k+</h4>
|
|
<p class="small text-muted">集成项目</p>
|
|
</div>
|
|
<div class="vr opacity-25"></div>
|
|
<div class="text-center">
|
|
<h4 class="fw-bold mb-0">秒级</h4>
|
|
<p class="small text-muted">到码速度</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5">
|
|
<div class="glass-card">
|
|
<h4 class="fw-bold mb-4 text-center">欢迎回来</h4>
|
|
<form action="auth.php?action=login" method="POST">
|
|
<div class="mb-3">
|
|
<label class="form-label text-muted">用户名</label>
|
|
<input type="text" name="username" class="form-control" placeholder="输入您的用户名" required>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="form-label text-muted">密码</label>
|
|
<input type="password" name="password" class="form-control" placeholder="输入您的密码" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary w-100 py-3">进入工作台</button>
|
|
</form>
|
|
<p class="mt-4 text-center text-muted small">新用户？ <a href="#" class="fw-bold" style="color: var(--primary-color);" data-bs-toggle="modal" data-bs-target="#registerModal">立即注册</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5" id="how-it-works">
|
|
<div class="container py-5">
|
|
<div class="text-center mb-5">
|
|
<h2 class="fw-bold fs-1">四步开启高效收码</h2>
|
|
<p class="text-muted">简单易用的流程，助您快速获取验证码</p>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<div class="step-number mx-auto">1</div>
|
|
<h5 class="fw-bold">注册账号</h5>
|
|
<p class="small text-muted">创建一个属于您的匿名账号，仅需用户名和密码。</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<div class="step-number mx-auto">2</div>
|
|
<h5 class="fw-bold">充值余额</h5>
|
|
<p class="small text-muted">通过 USDT (TRC20/ERC20) 充值，金额实时到账。</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<div class="step-number mx-auto">3</div>
|
|
<h5 class="fw-bold">选取项目</h5>
|
|
<p class="small text-muted">在控制面板选择目标国家和社交软件项目。</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<div class="step-number mx-auto">4</div>
|
|
<h5 class="fw-bold">接收短信</h5>
|
|
<p class="small text-muted">获取号码后在对应 App 输入，网页自动刷新验证码。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5 bg-white" id="features">
|
|
<div class="container py-5">
|
|
<div class="row align-items-center g-5">
|
|
<div class="col-lg-6">
|
|
<h2 class="fw-bold fs-1 mb-4">为什么选择我们的服务？</h2>
|
|
<div class="d-flex gap-4 mb-4">
|
|
<div class="feature-icon flex-shrink-0"><i class="fas fa-microchip"></i></div>
|
|
<div>
|
|
<h5 class="fw-bold">AI 智能路由</h5>
|
|
<p class="text-muted">自动选择最稳定的线路，确保高频率注册也能顺畅进行。</p>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex gap-4 mb-4">
|
|
<div class="feature-icon flex-shrink-0"><i class="fas fa-lock"></i></div>
|
|
<div>
|
|
<h5 class="fw-bold">端到端隐私保护</h5>
|
|
<p class="text-muted">不记录任何用户敏感信息，支付痕迹不可追踪。</p>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex gap-4">
|
|
<div class="feature-icon flex-shrink-0"><i class="fas fa-comments"></i></div>
|
|
<div>
|
|
<h5 class="fw-bold">专业中文客服</h5>
|
|
<p class="text-muted">7x24 小时在线支持，解决您在取码过程中的任何疑难。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<img src="https://images.pexels.com/photos/730547/pexels-photo-730547.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="Security" class="img-fluid rounded-5 shadow-lg">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-lg-4">
|
|
<h4 class="fw-bold mb-4" style="color: var(--primary-color);"><i class="fas fa-globe me-2"></i>全球接码</h4>
|
|
<p class="text-muted">引领全球的隐私通讯解决方案。我们不仅提供号码，更提供安全感。</p>
|
|
</div>
|
|
<div class="col-lg-2 offset-lg-1">
|
|
<h6 class="fw-bold mb-4">核心服务</h6>
|
|
<ul class="list-unstyled d-flex flex-column gap-2">
|
|
<li><a href="#" class="text-muted text-decoration-none">Telegram 取码</a></li>
|
|
<li><a href="#" class="text-muted text-decoration-none">WhatsApp 注册</a></li>
|
|
<li><a href="#" class="text-muted text-decoration-none">Facebook 验证</a></li>
|
|
<li><a href="#" class="text-muted text-decoration-none">X (Twitter) 绑定</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-2">
|
|
<h6 class="fw-bold mb-4">快速导航</h6>
|
|
<ul class="list-unstyled d-flex flex-column gap-2">
|
|
<li><a href="#" class="text-muted text-decoration-none">常见问题</a></li>
|
|
<li><a href="#" class="text-muted text-decoration-none">API 文档</a></li>
|
|
<li><a href="#" class="text-muted text-decoration-none">服务条款</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<h6 class="fw-bold mb-4">关注动态</h6>
|
|
<p class="text-muted small">加入我们的频道，获取最新号码上新通知。</p>
|
|
<div class="d-flex gap-3 mt-3">
|
|
<a href="#" class="text-muted fs-4"><i class="fab fa-telegram"></i></a>
|
|
<a href="#" class="text-muted fs-4"><i class="fab fa-twitter"></i></a>
|
|
<a href="#" class="text-muted fs-4"><i class="fab fa-discord"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="my-5 opacity-10">
|
|
<div class="text-center text-muted small">
|
|
© 2026 全球接码平台. 版权所有。 保护您的隐私，是我们不变的使命。
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Modals -->
|
|
<div class="modal fade" id="registerModal" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content bg-white border-0 rounded-4 shadow-lg">
|
|
<div class="modal-body p-5">
|
|
<h3 class="fw-bold mb-4 text-center">新用户注册</h3>
|
|
<form action="auth.php?action=register" method="POST">
|
|
<div class="mb-3">
|
|
<label class="form-label text-muted">设置用户名</label>
|
|
<input type="text" name="username" class="form-control" placeholder="仅支持字母和数字" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label text-muted">设置登录密码</label>
|
|
<input type="password" name="password" class="form-control" placeholder="至少 6 位字符" required>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="form-label text-muted">再次确认密码</label>
|
|
<input type="password" name="confirm_password" class="form-control" placeholder="请与上述密码一致" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary w-100 py-3">立即注册</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="loginModal" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content bg-white border-0 rounded-4 shadow-lg">
|
|
<div class="modal-body p-5">
|
|
<h3 class="fw-bold mb-4 text-center">登录账号</h3>
|
|
<form action="auth.php?action=login" method="POST">
|
|
<div class="mb-3">
|
|
<label class="form-label text-muted">用户名</label>
|
|
<input type="text" name="username" class="form-control" required>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="form-label text-muted">密码</label>
|
|
<input type="password" name="password" class="form-control" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary w-100 py-3">立即登录</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|