<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page Not Found - Pxyedge</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
          rel="stylesheet">
</head>
<body class="bg-white text-slate-900 font-sans antialiased">
<header class="fixed w-full z-50 bg-white border-b border-slate-100">
    <nav class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
        <div class="flex items-center gap-10">
            <a href="/" class="flex items-center gap-2 text-2xl font-black tracking-tighter text-slate-900">
                <div class="w-10 h-10 bg-indigo-600 rounded-xl flex items-center justify-center text-white">
                    <img src="/newicon" alt="Logo"
                         class="w-full h-full object-cover rounded-xl">
                    
                </div>
                <span>PXYEDGE</span>
            </a>
            <div class="hidden lg:flex gap-8 text-[14px] font-bold text-slate-500">
                <!-- 遍历所有一级分类（parent_id == 0） -->
                
                    
                        <!-- 有子分类时生成下拉菜单 -->
                        <div class="relative group">
                            <a href="#product"
                               class="hover:text-indigo-600 transition flex items-center gap-1">
                                <span>Product</span>
                                <i data-lucide="chevron-down" class="w-3 h-3"></i>
                            </a>
                            <div class="absolute top-full left-0 mt-2 w-56 bg-white rounded-2xl shadow-xl border border-slate-100 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
                                
                                    <!-- page 类型二级分类 -->
                                    
                                        <a href="/rotating-proxy"
                                           class="block px-6 py-3 hover:bg-indigo-50 hover:text-indigo-600 rounded-2xl">Rotating Proxies</a>
                                        
                                    
                                    <!-- post 类型二级分类 -->
                                    
                                
                            </div>
                        </div>
                        <!-- 无子分类时直接作为链接或占位文字（一级分类） -->
                        
                    
                
                    
                        <!-- 有子分类时生成下拉菜单 -->
                        <div class="relative group">
                            <a href="#pricing-plans"
                               class="hover:text-indigo-600 transition flex items-center gap-1">
                                <span>Pricing Plans</span>
                                <i data-lucide="chevron-down" class="w-3 h-3"></i>
                            </a>
                            <div class="absolute top-full left-0 mt-2 w-56 bg-white rounded-2xl shadow-xl border border-slate-100 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
                                
                                    <!-- page 类型二级分类 -->
                                    
                                        <a href="/rotating-resi-proxies"
                                           class="block px-6 py-3 hover:bg-indigo-50 hover:text-indigo-600 rounded-2xl">Rotating Resi Proxies</a>
                                        
                                    
                                    <!-- post 类型二级分类 -->
                                    
                                
                            </div>
                        </div>
                        <!-- 无子分类时直接作为链接或占位文字（一级分类） -->
                        
                    
                
                    
                        <!-- 有子分类时生成下拉菜单 -->
                        <div class="relative group">
                            <a href="#use-cases"
                               class="hover:text-indigo-600 transition flex items-center gap-1">
                                <span>Use Cases</span>
                                <i data-lucide="chevron-down" class="w-3 h-3"></i>
                            </a>
                            <div class="absolute top-full left-0 mt-2 w-56 bg-white rounded-2xl shadow-xl border border-slate-100 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
                                
                                    <!-- page 类型二级分类 -->
                                    
                                        <a href="/e-ommerce"
                                           class="block px-6 py-3 hover:bg-indigo-50 hover:text-indigo-600 rounded-2xl">E-commerce</a>
                                        
                                    
                                    <!-- post 类型二级分类 -->
                                    
                                
                                    <!-- page 类型二级分类 -->
                                    
                                        <a href="/market-research"
                                           class="block px-6 py-3 hover:bg-indigo-50 hover:text-indigo-600 rounded-2xl">Market Research</a>
                                        
                                    
                                    <!-- post 类型二级分类 -->
                                    
                                
                                    <!-- page 类型二级分类 -->
                                    
                                        <a href="/social-media-management"
                                           class="block px-6 py-3 hover:bg-indigo-50 hover:text-indigo-600 rounded-2xl">Social Media Management</a>
                                        
                                    
                                    <!-- post 类型二级分类 -->
                                    
                                
                                    <!-- page 类型二级分类 -->
                                    
                                        <a href="/brand-protection"
                                           class="block px-6 py-3 hover:bg-indigo-50 hover:text-indigo-600 rounded-2xl">Brand Protection</a>
                                        
                                    
                                    <!-- post 类型二级分类 -->
                                    
                                
                            </div>
                        </div>
                        <!-- 无子分类时直接作为链接或占位文字（一级分类） -->
                        
                    
                
                    
                        <!-- 有子分类时生成下拉菜单 -->
                        <div class="relative group">
                            <a href="#help-center"
                               class="hover:text-indigo-600 transition flex items-center gap-1">
                                <span>Help Center</span>
                                <i data-lucide="chevron-down" class="w-3 h-3"></i>
                            </a>
                            <div class="absolute top-full left-0 mt-2 w-56 bg-white rounded-2xl shadow-xl border border-slate-100 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
                                
                                    <!-- page 类型二级分类 -->
                                    
                                    <!-- post 类型二级分类 -->
                                    
                                        <a href="/faq"
                                           class="block px-6 py-3 hover:bg-indigo-50 hover:text-indigo-600 rounded-2xl">FAQ</a>
                                    
                                
                                    <!-- page 类型二级分类 -->
                                    
                                    <!-- post 类型二级分类 -->
                                    
                                        <a href="/blog"
                                           class="block px-6 py-3 hover:bg-indigo-50 hover:text-indigo-600 rounded-2xl">Blog</a>
                                    
                                
                                    <!-- page 类型二级分类 -->
                                    
                                    <!-- post 类型二级分类 -->
                                    
                                        <a href="/documentation"
                                           class="block px-6 py-3 hover:bg-indigo-50 hover:text-indigo-600 rounded-2xl">Documentation</a>
                                    
                                
                            </div>
                        </div>
                        <!-- 无子分类时直接作为链接或占位文字（一级分类） -->
                        
                    
                
                    
                        <!-- 有子分类时生成下拉菜单 -->
                        
                        <!-- 无子分类时直接作为链接或占位文字（一级分类） -->
                        <div>
                            
                                <a href="/contact-us"
                                   class="hover:text-indigo-600 transition">Contact Us</a>
                                
                            
                            
                        </div>
                    
                
            </div>
        </div>
        <div class="flex items-center gap-5">
            <a href="#" class="hidden sm:block text-sm font-bold text-slate-600">login</a>
            <a href="#"
               class="bg-indigo-600 text-white px-7 py-3 rounded-2xl text-sm font-bold hover:bg-indigo-700 transition shadow-lg shadow-indigo-100">sign
                Up</a>
        </div>
    </nav>
</header>
<main class="max-w-7xl mx-auto px-6 py-48 text-center">
    <h1 class="text-8xl font-black text-indigo-600">404</h1>
    <p class="text-2xl font-bold mt-8">Page not found</p>
    <p class="text-slate-500 mt-4">The page you are looking for might have been removed or is temporarily
        unavailable.</p>
    <a href="/"
       class="inline-block mt-10 bg-indigo-600 text-white px-8 py-4 rounded-2xl font-bold hover:bg-indigo-700 transition">Back
        to Home</a>
</main>
<footer class="bg-slate-950 text-slate-500 pt-24 pb-12 px-6 relative z-20">
    <div class="max-w-7xl mx-auto">
        <!-- 上部分：公司信息 + 动态分类列 -->
        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-12 mb-0">
            <!-- 公司信息 (占2列) -->
            <div class="col-span-2 space-y-8">
                <div class="flex items-center gap-2 text-2xl font-black tracking-tighter text-white">
                    <div class="w-8 h-8 bg-indigo-600 rounded-lg flex items-center justify-center text-white text-sm">
                        <img src="/newicon" alt="Logo"
                             class="w-full h-full object-cover rounded-lg">
                        
                    </div>
                    <span>PXYEDGE</span>
                </div>
                
                <p class="text-sm font-medium leading-relaxed max-w-xs"><strong>AI DOMAIN LIMITED</strong></p>
                <p class="text-sm font-medium leading-relaxed max-w-xs">
                    <strong>Company Address:</strong> 807A, 8/F, TWO HARBOURFRONT 22 TAK FUNG ST HUNG HOM HONG KONG
                </p>
                <a href="mailto:service@pxyedge.com"
                   class="text-sm font-black tracking-tighter text-white max-w-xs leading-relaxed block no-underline hover:underline">
                    <strong>E-mail:</strong> service@pxyedge.com
                </a>
                <div class="flex gap-4">
                    <a href="#"
                       class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-white/10 text-white transition">
                        <i data-lucide="twitter" class="w-5 h-5"></i>
                    </a>
                    <a href="#"
                       class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-white/10 text-white transition">
                        <i data-lucide="github" class="w-5 h-5"></i>
                    </a>
                </div>
            </div>

            <!-- 动态生成一级分类列（跳过“Contact Us”，将其合并到 Help Center） -->
            
                
                    <!-- 每个一级分类占1列 -->
                    <div class="col-span-1">
                        <h5 class="text-white font-black text-xs uppercase tracking-[0.2em] mb-8">Product</h5>
                        <ul class="space-y-4 text-sm font-bold">
                            <!-- 子分类列表 -->
                            <li>
                                
                                    <a href="/rotating-proxy"
                                       class="hover:text-white transition">Rotating Proxies</a>
                                    
                                
                                
                            </li>
                            <!-- 如果是 Help Center，额外添加 Contact us 链接 -->
                            
                        </ul>
                    </div>
                
            
                
                    <!-- 每个一级分类占1列 -->
                    <div class="col-span-1">
                        <h5 class="text-white font-black text-xs uppercase tracking-[0.2em] mb-8">Pricing Plans</h5>
                        <ul class="space-y-4 text-sm font-bold">
                            <!-- 子分类列表 -->
                            <li>
                                
                                    <a href="/rotating-resi-proxies"
                                       class="hover:text-white transition">Rotating Resi Proxies</a>
                                    
                                
                                
                            </li>
                            <!-- 如果是 Help Center，额外添加 Contact us 链接 -->
                            
                        </ul>
                    </div>
                
            
                
                    <!-- 每个一级分类占1列 -->
                    <div class="col-span-1">
                        <h5 class="text-white font-black text-xs uppercase tracking-[0.2em] mb-8">Use Cases</h5>
                        <ul class="space-y-4 text-sm font-bold">
                            <!-- 子分类列表 -->
                            <li>
                                
                                    <a href="/e-ommerce"
                                       class="hover:text-white transition">E-commerce</a>
                                    
                                
                                
                            </li>
                            <li>
                                
                                    <a href="/market-research"
                                       class="hover:text-white transition">Market Research</a>
                                    
                                
                                
                            </li>
                            <li>
                                
                                    <a href="/social-media-management"
                                       class="hover:text-white transition">Social Media Management</a>
                                    
                                
                                
                            </li>
                            <li>
                                
                                    <a href="/brand-protection"
                                       class="hover:text-white transition">Brand Protection</a>
                                    
                                
                                
                            </li>
                            <!-- 如果是 Help Center，额外添加 Contact us 链接 -->
                            
                        </ul>
                    </div>
                
            
                
                    <!-- 每个一级分类占1列 -->
                    <div class="col-span-1">
                        <h5 class="text-white font-black text-xs uppercase tracking-[0.2em] mb-8">Help Center</h5>
                        <ul class="space-y-4 text-sm font-bold">
                            <!-- 子分类列表 -->
                            <li>
                                
                                
                                    <a href="/faq" class="hover:text-white transition">FAQ</a>
                                
                            </li>
                            <li>
                                
                                
                                    <a href="/blog" class="hover:text-white transition">Blog</a>
                                
                            </li>
                            <li>
                                
                                
                                    <a href="/documentation" class="hover:text-white transition">Documentation</a>
                                
                            </li>
                            <!-- 如果是 Help Center，额外添加 Contact us 链接 -->
                            
                                <li><a href="/contact-us" class="hover:text-white transition">Contact us</a></li>
                            
                        </ul>
                    </div>
                
            
                
            
        </div>

        <!-- 友情链接区域（保持不变） -->
        

        <!-- 版权信息（保留分割线） -->
        <div class="pt-10 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-6">
            <div class="text-[10px] font-black tracking-[0.3em] uppercase opacity-50">
                © 2026 PXYEDGE INC. ALL RIGHTS RESERVED.
            </div>
            <div class="flex gap-8 text-[10px] font-black uppercase tracking-widest">
                <a href="#" class="hover:text-white">Terms of Service</a>
                <a href="#" class="hover:text-white">Privacy Statement</a>
            </div>
        </div>
    </div>

    <!-- 底部自定义代码 -->
    
</footer>
</body>
</html>