<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LinkForge - 海外高质量外链系统</title>
    <meta name="description" content="海外高质量外链服务，助力网站SEO排名提升">
    <meta name="keywords" content="海外外链,高质量外链,SEO外链,backlink service">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <a href="index.php" class="navbar-brand">⚡ Link<span>Forge</span></a>
        <div class="navbar-nav">
            <a href="index.php" class="active">首页</a>
            <a href="#pricing">套餐</a>
            <a href="#features">功能</a>
        </div>
        <div class="navbar-user">
                            <a href="login.php" class="btn btn-outline btn-sm">登录</a>
                <a href="register.php" class="btn btn-primary btn-sm">注册</a>
                    </div>
    </nav>

    <!-- Hero -->
    <section class="hero">
        <div class="hero-content">
            <h1>海外高质量<span class="gradient-text">外链服务</span></h1>
            <p>自动发布高质量Blog、PDF、PR外链，助力您的网站在全球搜索引擎中获得更高排名。API智能对接，一键提交，全自动执行。</p>
            <div class="hero-actions">
                                    <a href="register.php" class="btn btn-primary btn-lg">立即开始</a>
                                <a href="#pricing" class="btn btn-outline btn-lg">查看套餐</a>
            </div>
        </div>
    </section>

    <!-- 特性区 -->
    <section id="features" class="features-section">
        <div class="container">
            <h2 class="text-center mb-4">为什么选择 LinkForge</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">🌐</div>
                    <h3>全球高质量外链</h3>
                    <p>覆盖Web2.0 Blog、PDF分享、PR发布、Social Bookmark等多渠道，全部为海外高质量站点。</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">⚡</div>
                    <h3>API自动发布</h3>
                    <p>系统通过API自动对接发布渠道，提交即执行，无需手动操作，高效省时。</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">📊</div>
                    <h3>实时进度追踪</h3>
                    <p>每条外链任务的执行进度实时可见，成功/失败一目了然，提供详细报告。</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🔒</div>
                    <h3>安全可靠</h3>
                    <p>所有外链均为白帽SEO策略，安全稳定，不违反搜索引擎规则，长期有效。</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">📦</div>
                    <h3>灵活套餐</h3>
                    <p>提供Starter/Professional/Enterprise三档套餐，满足不同规模网站的SEO需求。</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🎯</div>
                    <h3>精准锚文本</h3>
                    <p>支持自定义目标URL和锚文本，精确控制外链策略，最大化SEO效果。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 套餐区 -->
    <section id="pricing" style="padding: 60px 0;">
        <div class="container">
            <h2 class="text-center mb-2">选择适合您的套餐</h2>
            <p class="text-center text-muted mb-4">所有套餐均包含全渠道外链发布服务</p>
            <div class="pricing-grid">
                                <div class="pricing-card ">
                    <div class="package-name">Starter</div>
                    <div class="package-price">¥10,000 <small>/次</small></div>
                    <div class="package-links">500 条高质量外链</div>
                    <ul class="package-features">
                                                <li>500条高质量外链</li>
                                                <li>Blog+PDF混合发布</li>
                                                <li>30天完成</li>
                                                <li>基础报告</li>
                                            </ul>
                                            <a href="register.php" class="btn btn-outline btn-block">注册购买</a>
                                    </div>
                                <div class="pricing-card recommended">
                    <div class="package-name">Professional</div>
                    <div class="package-price">¥20,000 <small>/次</small></div>
                    <div class="package-links">1,200 条高质量外链</div>
                    <ul class="package-features">
                                                <li>1200条高质量外链</li>
                                                <li>Blog+PDF+PR全渠道</li>
                                                <li>21天完成</li>
                                                <li>详细报告+索引追踪</li>
                                            </ul>
                                            <a href="register.php" class="btn btn-primary btn-block">注册购买</a>
                                    </div>
                                <div class="pricing-card ">
                    <div class="package-name">Enterprise</div>
                    <div class="package-price">¥48,000 <small>/次</small></div>
                    <div class="package-links">3,000 条高质量外链</div>
                    <ul class="package-features">
                                                <li>3000条高质量外链</li>
                                                <li>全渠道+独家资源</li>
                                                <li>14天完成</li>
                                                <li>专属客户经理+完整分析报告</li>
                                            </ul>
                                            <a href="register.php" class="btn btn-outline btn-block">注册购买</a>
                                    </div>
                            </div>
        </div>
    </section>

    <!-- 工作流程 -->
    <section style="padding: 60px 0; background: var(--dark-card);">
        <div class="container">
            <h2 class="text-center mb-4">简单4步，开始外链建设</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 32px; text-align: center;">
                <div>
                    <div style="width:64px;height:64px;border-radius:50%;background:rgba(79,195,247,0.15);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:12px;">1</div>
                    <h4>选择套餐</h4>
                    <p class="text-muted" style="font-size:14px;">根据需求选择合适的外链套餐</p>
                </div>
                <div>
                    <div style="width:64px;height:64px;border-radius:50%;background:rgba(79,195,247,0.15);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:12px;">2</div>
                    <h4>扫码支付</h4>
                    <p class="text-muted" style="font-size:14px;">微信或支付宝扫码完成付款</p>
                </div>
                <div>
                    <div style="width:64px;height:64px;border-radius:50%;background:rgba(79,195,247,0.15);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:12px;">3</div>
                    <h4>提交任务</h4>
                    <p class="text-muted" style="font-size:14px;">填写目标URL和锚文本，提交外链任务</p>
                </div>
                <div>
                    <div style="width:64px;height:64px;border-radius:50%;background:rgba(79,195,247,0.15);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:12px;">4</div>
                    <h4>自动执行</h4>
                    <p class="text-muted" style="font-size:14px;">系统通过API自动发布，实时查看进度</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <p>© 2026 LinkForge - 海外高质量外链系统 | 仅供合法SEO用途</p>
        </div>
    </footer>

    <script src="assets/js/main.js"></script>
</body>
</html>
