master

分支 (3)

标签 (2)

管理

管理

master

backup

beta1.0.0

v1.0.1

v1.0.0

testgpt
/
landing-page.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智能测试验收服务 - 基于TestGPT的完整解决方案</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <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=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        'inter': ['Inter', 'sans-serif'],
                    },
                    colors: {
                        'primary': {
                            50: '#eff6ff',
                            100: '#dbeafe',
                            500: '#3b82f6',
                            600: '#2563eb',
                            700: '#1d4ed8',
                            900: '#1e3a8a',
                        }
                    }
                }
            }
        }
    </script>
    <style>
        .gradient-bg {
            background: linear-gradient(135deg, #1e3a8a 0%, #3730a3 50%, #581c87 100%);
        }
        .hero-pattern {
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
        .floating {
            animation: floating 3s ease-in-out infinite;
        }
        @keyframes floating {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        .fade-in {
            animation: fadeIn 0.8s ease-in;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
    </style>
</head>
<body class="font-inter bg-gray-50">
    <!-- Navigation -->
    <nav class="bg-white shadow-sm fixed w-full top-0 z-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-16">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <h1 class="text-2xl font-bold text-primary-600">TestGPT Pro</h1>
                    </div>
                </div>
                <div class="hidden md:block">
                    <div class="ml-10 flex items-baseline space-x-4">
                        <a href="#services" class="text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium">服务介绍</a>
                        <a href="#features" class="text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium">核心特性</a>
                        <a href="#benefits" class="text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium">收益分析</a>
                        <a href="#contact" class="bg-primary-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-700">立即咨询</a>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="pt-20 pb-16" style="background: linear-gradient(135deg, #1e3a8a 0%, #3730a3 50%, #581c87 100%);">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center">
                <h1 class="text-4xl md:text-6xl font-bold text-white mb-6 fade-in" >
                    智能测试验收服务
                </h1>
                <p class="text-xl md:text-2xl text-white mb-8 max-w-3xl mx-auto fade-in" style="text-shadow: 1px 1px 3px rgba(0,0,0,0.5);">
                    基于TestGPT的完整解决方案，实现90%+功能覆盖和自动化，降低50%+测试成本
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center items-center fade-in">
                    <a href="#contact" class="bg-white text-primary-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors shadow-lg">
                        免费咨询方案
                    </a>
                    <a href="#services" class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-primary-600 transition-colors shadow-lg">
                        了解服务详情
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Services Section -->
    <section id="services" class="py-20 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">完整测试验收服务</h2>
                <p class="text-xl text-gray-600 max-w-3xl mx-auto">
                    从需求分析到自动化实现，提供端到端的测试解决方案
                </p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- Service 1 -->
                <div class="bg-gradient-to-br from-blue-50 to-indigo-100 p-8 rounded-xl hover:shadow-lg transition-shadow">
                    <div class="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mb-6">
                        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-900 mb-4">需求分析</h3>
                    <p class="text-gray-600 mb-4">
                        深度分析客户软件/项目的功能需求，识别关键测试点和风险区域，制定针对性的测试策略。
                    </p>
                    <ul class="text-sm text-gray-500 space-y-1">
                        <li>• 功能需求梳理</li>
                        <li>• 业务流程分析</li>
                        <li>• 风险点识别</li>
                    </ul>
                </div>

                <!-- Service 2 -->
                <div class="bg-gradient-to-br from-green-50 to-emerald-100 p-8 rounded-xl hover:shadow-lg transition-shadow">
                    <div class="w-16 h-16 bg-green-600 rounded-lg flex items-center justify-center mb-6">
                        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-900 mb-4">测试方案制定</h3>
                    <p class="text-gray-600 mb-4">
                        基于需求分析结果，制定全面的测试方案，包括测试范围、测试策略、资源规划和时间安排。
                    </p>
                    <ul class="text-sm text-gray-500 space-y-1">
                        <li>• 测试策略设计</li>
                        <li>• 测试计划制定</li>
                        <li>• 资源需求评估</li>
                    </ul>
                </div>

                <!-- Service 3 -->
                <div class="bg-gradient-to-br from-purple-50 to-violet-100 p-8 rounded-xl hover:shadow-lg transition-shadow">
                    <div class="w-16 h-16 bg-purple-600 rounded-lg flex items-center justify-center mb-6">
                        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-900 mb-4">智能测试用例编写</h3>
                    <p class="text-gray-600 mb-4">
                        结合TestGPT的AI能力，使用自然语言描述编写测试用例，大幅提升测试用例编写效率和质量。
                    </p>
                    <ul class="text-sm text-gray-500 space-y-1">
                        <li>• 自然语言测试用例</li>
                        <li>• AI智能生成</li>
                        <li>• 语义化测试描述</li>
                    </ul>
                </div>

                <!-- Service 4 -->
                <div class="bg-gradient-to-br from-orange-50 to-amber-100 p-8 rounded-xl hover:shadow-lg transition-shadow">
                    <div class="w-16 h-16 bg-orange-600 rounded-lg flex items-center justify-center mb-6">
                        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-900 mb-4">高覆盖率自动化</h3>
                    <p class="text-gray-600 mb-4">
                        实现90%以上的功能覆盖和90%以上的自动化率，确保软件质量可控，减少人工测试工作量。
                    </p>
                    <ul class="text-sm text-gray-500 space-y-1">
                        <li>• 90%+ 功能覆盖</li>
                        <li>• 90%+ 自动化率</li>
                        <li>• 智能测试执行</li>
                    </ul>
                </div>

                <!-- Service 5 -->
                <div class="bg-gradient-to-br from-red-50 to-pink-100 p-8 rounded-xl hover:shadow-lg transition-shadow">
                    <div class="w-16 h-16 bg-red-600 rounded-lg flex items-center justify-center mb-6">
                        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-900 mb-4">成本优化与质量保障</h3>
                    <p class="text-gray-600 mb-4">
                        通过智能自动化测试，实现大幅降低测试成本（50%以上），同时确保软件质量可控和稳定。
                    </p>
                    <ul class="text-sm text-gray-500 space-y-1">
                        <li>• 50%+ 成本降低</li>
                        <li>• 质量可控保障</li>
                        <li>• 持续集成支持</li>
                    </ul>
                </div>

                <!-- Service 6 - Additional Value -->
                <div class="bg-gradient-to-br from-teal-50 to-cyan-100 p-8 rounded-xl hover:shadow-lg transition-shadow">
                    <div class="w-16 h-16 bg-teal-600 rounded-lg flex items-center justify-center mb-6">
                        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-900 mb-4">详细报告与分析</h3>
                    <p class="text-gray-600 mb-4">
                        提供详细的测试报告和数据分析，包括执行结果、覆盖率统计、趋势分析等，助力持续改进。
                    </p>
                    <ul class="text-sm text-gray-500 space-y-1">
                        <li>• 详细测试报告</li>
                        <li>• 覆盖率统计</li>
                        <li>• 趋势分析图表</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="py-20 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">TestGPT核心特性</h2>
                <p class="text-xl text-gray-600 max-w-3xl mx-auto">
                    基于Browser Use的智能Web自动化测试工具，支持语义化测试用例编写
                </p>
            </div>

            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
                <div>
                    <div class="space-y-8">
                        <div class="flex items-start space-x-4">
                            <div class="flex-shrink-0">
                                <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
                                    <svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path>
                                    </svg>
                                </div>
                            </div>
                            <div>
                                <h3 class="text-lg font-semibold text-gray-900 mb-2">智能测试执行</h3>
                                <p class="text-gray-600">基于自然语言描述执行Web自动化测试，无需复杂的脚本编写</p>
                            </div>
                        </div>

                        <div class="flex items-start space-x-4">
                            <div class="flex-shrink-0">
                                <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center">
                                    <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                    </svg>
                                </div>
                            </div>
                            <div>
                                <h3 class="text-lg font-semibold text-gray-900 mb-2">详细测试报告</h3>
                                <p class="text-gray-600">记录每个测试步骤的执行结果和截图，提供完整的测试证据</p>
                            </div>
                        </div>

                        <div class="flex items-start space-x-4">
                            <div class="flex-shrink-0">
                                <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center">
                                    <svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"></path>
                                    </svg>
                                </div>
                            </div>
                            <div>
                                <h3 class="text-lg font-semibold text-gray-900 mb-2">数据库存储</h3>
                                <p class="text-gray-600">使用SQLite/MySQL存储测试用例和执行记录，支持历史数据查询</p>
                            </div>
                        </div>

                        <div class="flex items-start space-x-4">
                            <div class="flex-shrink-0">
                                <div class="w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center">
                                    <svg class="w-6 h-6 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                                    </svg>
                                </div>
                            </div>
                            <div>
                                <h3 class="text-lg font-semibold text-gray-900 mb-2">批量执行</h3>
                                <p class="text-gray-600">支持批量执行多个测试用例，提高测试效率</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="relative">
                    <div class="bg-white rounded-2xl shadow-2xl p-8 floating">
                        <div class="text-center mb-6">
                            <h3 class="text-xl font-semibold text-gray-900 mb-2">实时监控面板</h3>
                            <p class="text-gray-600">实时查看测试执行状态和进度</p>
                        </div>
                        <div class="space-y-4">
                            <div class="flex items-center justify-between p-3 bg-green-50 rounded-lg">
                                <span class="text-sm font-medium text-gray-700">登录功能测试</span>
                                <span class="px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full">通过</span>
                            </div>
                            <div class="flex items-center justify-between p-3 bg-blue-50 rounded-lg">
                                <span class="text-sm font-medium text-gray-700">支付流程测试</span>
                                <span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">执行中</span>
                            </div>
                            <div class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg">
                                <span class="text-sm font-medium text-gray-700">数据导出测试</span>
                                <span class="px-2 py-1 bg-yellow-100 text-yellow-800 text-xs rounded-full">等待中</span>
                            </div>
                        </div>
                        <div class="mt-6 p-4 bg-gray-50 rounded-lg">
                            <div class="flex justify-between text-sm text-gray-600 mb-2">
                                <span>总体进度</span>
                                <span>75%</span>
                            </div>
                            <div class="w-full bg-gray-200 rounded-full h-2">
                                <div class="bg-primary-600 h-2 rounded-full" style="width: 75%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Benefits Section -->
    <section id="benefits" class="py-20 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">核心收益</h2>
                <p class="text-xl text-gray-600 max-w-3xl mx-auto">
                    通过智能自动化测试，实现显著的效率提升和成本优化
                </p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
                <div class="text-center">
                    <div class="w-20 h-20 bg-gradient-to-br from-green-400 to-green-600 rounded-full flex items-center justify-center mx-auto mb-6">
                        <span class="text-2xl font-bold text-white">90%+</span>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-900 mb-2">功能覆盖率</h3>
                    <p class="text-gray-600">实现90%以上的功能覆盖，确保软件质量可控</p>
                </div>

                <div class="text-center">
                    <div class="w-20 h-20 bg-gradient-to-br from-blue-400 to-blue-600 rounded-full flex items-center justify-center mx-auto mb-6">
                        <span class="text-2xl font-bold text-white">90%+</span>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-900 mb-2">自动化率</h3>
                    <p class="text-gray-600">90%以上的测试用例实现自动化执行</p>
                </div>

                <div class="text-center">
                    <div class="w-20 h-20 bg-gradient-to-br from-red-400 to-red-600 rounded-full flex items-center justify-center mx-auto mb-6">
                        <span class="text-2xl font-bold text-white">50%+</span>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-900 mb-2">成本降低</h3>
                    <p class="text-gray-600">大幅降低测试成本，提升ROI</p>
                </div>
            </div>

            <div class="bg-gradient-to-r from-primary-50 to-blue-50 rounded-2xl p-8">
                <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                    <div>
                        <h3 class="text-2xl font-bold text-gray-900 mb-4">为什么选择我们的服务？</h3>
                        <div class="space-y-4">
                            <div class="flex items-start space-x-3">
                                <div class="flex-shrink-0 w-6 h-6 bg-primary-600 rounded-full flex items-center justify-center">
                                    <svg class="w-3 h-3 text-white" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                                    </svg>
                                </div>
                                <p class="text-gray-700">基于开源TestGPT技术，成熟稳定</p>
                            </div>
                            <div class="flex items-start space-x-3">
                                <div class="flex-shrink-0 w-6 h-6 bg-primary-600 rounded-full flex items-center justify-center">
                                    <svg class="w-3 h-3 text-white" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                                    </svg>
                                </div>
                                <p class="text-gray-700">AI驱动的智能测试，效率更高</p>
                            </div>
                            <div class="flex items-start space-x-3">
                                <div class="flex-shrink-0 w-6 h-6 bg-primary-600 rounded-full flex items-center justify-center">
                                    <svg class="w-3 h-3 text-white" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                                    </svg>
                                </div>
                                <p class="text-gray-700">完整的端到端服务，省心省力</p>
                            </div>
                            <div class="flex items-start space-x-3">
                                <div class="flex-shrink-0 w-6 h-6 bg-primary-600 rounded-full flex items-center justify-center">
                                    <svg class="w-3 h-3 text-white" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                                    </svg>
                                </div>
                                <p class="text-gray-700">详细报告和分析，持续改进</p>
                            </div>
                        </div>
                    </div>
                    <div class="text-center">
                        <img src="https://placehold.co/400x300/3b82f6/ffffff?text=TestGPT+Dashboard" alt="TestGPT Dashboard" class="rounded-lg shadow-lg mx-auto">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section id="contact" class="py-20" style="background: linear-gradient(135deg, #1e3a8a 0%, #3730a3 50%, #581c87 100%);">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">
                准备开始您的智能测试之旅？
            </h2>
            <p class="text-xl text-blue-100 mb-8 max-w-2xl mx-auto">
                联系我们获取免费的测试方案咨询，了解如何为您的项目实现90%+覆盖率和50%+成本降低
            </p>
            <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
                <a href="mailto:contact@testgpt.com" class="bg-white text-primary-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors">
                    立即咨询
                </a>
                <a href="tel:+86-400-123-4567" class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-primary-600 transition-colors">
                    电话咨询
                </a>
            </div>
            <div class="mt-8 text-blue-100">
                <p>📧 contact@testgpt.com | 📞 400-123-4567</p>
                <p class="text-sm mt-2">工作时间：周一至周五 9:00-18:00</p>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-gray-900 text-white py-12">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div>
                    <h3 class="text-xl font-bold mb-4">TestGPT Pro</h3>
                    <p class="text-gray-400">
                        基于TestGPT的智能测试验收服务，助力企业实现高质量、低成本的软件测试。
                    </p>
                </div>
                <div>
                    <h4 class="text-lg font-semibold mb-4">服务内容</h4>
                    <ul class="space-y-2 text-gray-400">
                        <li>需求分析</li>
                        <li>测试方案制定</li>
                        <li>智能测试用例编写</li>
                        <li>自动化实现</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-lg font-semibold mb-4">核心优势</h4>
                    <ul class="space-y-2 text-gray-400">
                        <li>90%+ 功能覆盖</li>
                        <li>90%+ 自动化率</li>
                        <li>50%+ 成本降低</li>
                        <li>质量可控保障</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-lg font-semibold mb-4">联系我们</h4>
                    <ul class="space-y-2 text-gray-400">
                        <li>📧 contact@testgpt.com</li>
                        <li>📞 400-123-4567</li>
                        <li>🌐 www.testgpt.com</li>
                        <li>📍 北京市朝阳区</li>
                    </ul>
                </div>
            </div>
            <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
                <p>&copy; 2024 TestGPT Pro. 保留所有权利。</p>
            </div>
        </div>
    </footer>

    <script>
        // Smooth scrolling for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Add scroll effect to navigation
        window.addEventListener('scroll', function() {
            const nav = document.querySelector('nav');
            if (window.scrollY > 100) {
                nav.classList.add('bg-white/95', 'backdrop-blur-sm');
            } else {
                nav.classList.remove('bg-white/95', 'backdrop-blur-sm');
            }
        });
    </script>
</body>
</html>