two-cloudwebsite/.next/server/pages/index.html
2025-07-16 17:42:25 +08:00

1 line
13 KiB
HTML
Raw 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><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><link rel="preload" href="/_next/static/css/d1d52e078040944a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d1d52e078040944a.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-057da668910d4143.js" defer=""></script><script src="/_next/static/chunks/framework-768692517470e708.js" defer=""></script><script src="/_next/static/chunks/main-1d517099cd2b8fe7.js" defer=""></script><script src="/_next/static/chunks/pages/_app-48e49d6afe408d10.js" defer=""></script><script src="/_next/static/chunks/752-7be3646714fa7c4b.js" defer=""></script><script src="/_next/static/chunks/pages/index-f0d56cc007c09baf.js" defer=""></script><script src="/_next/static/zlAH2cHTsaxKzxppe1EeC/_buildManifest.js" defer=""></script><script src="/_next/static/zlAH2cHTsaxKzxppe1EeC/_ssgManifest.js" defer=""></script></head><body><link rel="preload" as="image" href="/logo.png"/><link rel="preload" as="image" href="/hero-graphic.png"/><link rel="preload" as="image" href="/avatars/alice.jpg"/><link rel="preload" as="image" href="/avatars/bob.jpg"/><div id="__next"><div class="pt-16 pb-24 bg-background"><header class="fixed top-0 left-0 w-full bg-background shadow-sm z-50"><div class="container mx-auto flex items-center justify-between h-16 px-4"><div class="flex items-center space-x-4"><button class="md:hidden p-2 focus:outline-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6 text-primary" aria-hidden="true"><path d="M4 12h16"></path><path d="M4 18h16"></path><path d="M4 6h16"></path></svg></button><a href="/"><img src="/logo.png" alt="CloudProxy" class="h-8 w-8"/></a><nav class="hidden md:flex items-center space-x-4"><a class="text-primary font-semibold" href="/">首页</a><a class="text-gray-600 hover:text-primary" href="/features">产品与服务</a><a class="text-gray-600 hover:text-primary" href="/news">新闻资讯</a><a class="text-gray-600 hover:text-primary" href="/cases">客户案例</a><a class="text-gray-600 hover:text-primary" href="/about">关于我们</a></nav></div><div class="flex items-center space-x-4"><a class="px-4 py-1 border border-primary rounded-full text-primary hover:bg-primary hover:text-white transition" href="/login">Log in</a><a href="https://instagram.com" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram text-gray-600 hover:text-primary"></i></a><a href="https://facebook.com" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook text-gray-600 hover:text-primary"></i></a><a href="https://twitter.com" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter text-gray-600 hover:text-primary"></i></a></div></div><aside class="fixed inset-y-0 right-0 w-64 bg-background shadow-lg transform transition-transform duration-300 translate-x-full"><button class="p-4 focus:outline-none text-primary">✕ 关闭</button><nav class="flex flex-col p-6 gap-6 font-medium"><a class="hover:text-accent" href="/features">特性</a><a class="hover:text-accent" href="/pricing">定价</a><a class="hover:text-accent" href="/contact">联系我们</a></nav></aside></header><main><section class="mt-16 bg-gray-100"><div class="container mx-auto flex flex-col md:flex-row items-center justify-between min-h-[60vh] px-6 py-12"><div class="md:w-1/2 space-y-6"><h1 class="text-5xl font-bold text-primary">无限云,服务无界</h1><p class="text-xl text-gray-700">稳定无极限优惠趁现在年付88折月付95折</p><div class="flex items-center space-x-4"><a href="/pricing" class="px-6 py-3 bg-accent text-white rounded-lg hover:opacity-90 transition">立即抢购</a><a href="/contact" class="px-6 py-3 border border-primary text-primary rounded-lg hover:bg-primary hover:text-white transition">联系我们</a></div></div><div class="md:w-1/2 mt-8 md:mt-0 flex justify-center"><img src="/hero-graphic.png" alt="CloudProxy Illustration" class="max-w-full h-auto rounded shadow-lg"/></div></div></section><section id="features" class="px-6"><div class="max-w-screen-lg mx-auto grid grid-cols-1 md:grid-cols-3 gap-12"><div class="flex flex-col items-center text-center p-6 hover:shadow-lg transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-12 w-12 text-accent mb-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><h3 class="text-xl font-medium mb-2">全局加速</h3><p class="leading-relaxed text-sm">自动选择最优节点,降低跨境延迟。</p></div><div class="flex flex-col items-center text-center p-6 hover:shadow-lg transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat h-12 w-12 text-accent mb-4" aria-hidden="true"><path d="m17 2 4 4-4 4"></path><path d="M3 11v-1a4 4 0 0 1 4-4h14"></path><path d="m7 22-4-4 4-4"></path><path d="M21 13v1a4 4 0 0 1-4 4H3"></path></svg><h3 class="text-xl font-medium mb-2">智能路由</h3><p class="leading-relaxed text-sm">基于流量与地域,动态切换链路。</p></div><div class="flex flex-col items-center text-center p-6 hover:shadow-lg transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-column-increasing h-12 w-12 text-accent mb-4" aria-hidden="true"><line x1="12" x2="12" y1="20" y2="10"></line><line x1="18" x2="18" y1="20" y2="4"></line><line x1="6" x2="6" y1="20" y2="16"></line></svg><h3 class="text-xl font-medium mb-2">可视化面板</h3><p class="leading-relaxed text-sm">实时监控带宽、连接数与性能指标。</p></div></div></section><section class="px-6 py-section bg-background"><h2 class="text-3xl font-semibold text-center mb-12">开通流程</h2><div class="max-w-screen-lg mx-auto flex justify-between items-center"><div class="flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-12 w-12 text-accent mb-4" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><div class="h-0.5 bg-accent w-24 mb-2"></div><span class="text-base text-primary">选择产品</span></div><div class="flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square h-12 w-12 text-accent mb-4" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><div class="h-0.5 bg-accent w-24 mb-2"></div><span class="text-base text-primary">联系销售</span></div><div class="flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones h-12 w-12 text-accent mb-4" aria-hidden="true"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg><div class="h-0.5 bg-accent w-24 mb-2"></div><span class="text-base text-primary">沟通业务</span></div><div class="flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-check h-12 w-12 text-accent mb-4" aria-hidden="true"><path d="m16 11 2 2 4-4"></path><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle></svg><div class="h-0.5 bg-accent w-24 mb-2"></div><span class="text-base text-primary">开通账户</span></div></div></section>+ <section class="px-6 py-section bg-background"><div class="max-w-screen-xl mx-auto"><h2 class="text-3xl font-semibold text-center mb-section">核心优势</h2><div class="grid grid-cols-1 md:grid-cols-5 gap-6"><div class="flex flex-col items-center text-center p-4 bg-gray-50 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-10 w-10 text-accent mb-3" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg><h3 class="font-medium mb-2">企业级安全防护</h3><ul class="text-sm leading-relaxed"><li><!-- -->多层加密与物理隔离SO 27001 认证</li><li><!-- -->99.99% SLA 可用性保障, 自动容灾备份</li></ul></div><div class="flex flex-col items-center text-center p-4 bg-gray-50 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box h-10 w-10 text-accent mb-3" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg><h3 class="font-medium mb-2">极致性价比</h3><ul class="text-sm leading-relaxed"><li><!-- -->年付88折企业长期合作成本直降12%</li><li><!-- -->免费试用15天+新用户千元代金券</li></ul></div><div class="flex flex-col items-center text-center p-4 bg-gray-50 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-10 w-10 text-accent mb-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><h3 class="font-medium mb-2">无边界技术架构</h3><ul class="text-sm leading-relaxed"><li><!-- -->分布式计算节点,全球低延迟访问</li><li><!-- -->弹性伸缩资源满足高并发需求</li></ul></div><div class="flex flex-col items-center text-center p-4 bg-gray-50 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones h-10 w-10 text-accent mb-3" aria-hidden="true"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg><h3 class="font-medium mb-2">专家客服团队</h3><ul class="text-sm leading-relaxed"><li><!-- -->7×24 小时响应1 小时紧急介入</li><li><!-- -->中英文支持,覆盖全球主要时区</li></ul></div></div></div></section><section class="px-6 py-section bg-background"><div class="max-w-screen-md mx-auto space-y-12"><div class="flex items-center gap-6"><img src="/avatars/alice.jpg" alt="Alice" class="h-16 w-16 rounded-full"/><div><p class="italic"><!-- -->CloudProxy 让我在海外部署的服务延迟降低了 60%<!-- --></p><p class="mt-2 font-medium"><!-- -->Alice</p></div></div><div class="flex items-center gap-6"><img src="/avatars/bob.jpg" alt="Bob" class="h-16 w-16 rounded-full"/><div><p class="italic"><!-- -->简单易用的控制面板,实时网络指标一目了然。<!-- --></p><p class="mt-2 font-medium"><!-- -->Bob</p></div></div></div></section><section class="px-6 py-section bg-accent text-white text-center"><h2 class="text-2xl font-medium mb-4">准备好加速您的云服务了吗?</h2><a href="/pricing" class="inline-block px-8 py-3 bg-background text-accent rounded-lg font-medium hover:opacity-90 transition">查看方案</a></section></main><footer class="fixed bottom-0 left-0 w-full bg-background border-t py-4"><div class="container mx-auto flex justify-between items-center text-sm text-primary"><p>© 2025 CloudProxy 服务</p><div class="space-x-4"><a href="#" aria-label="Twitter">Twitter</a><a href="#" aria-label="GitHub">GitHub</a><a href="#" aria-label="LinkedIn">LinkedIn</a></div></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"zlAH2cHTsaxKzxppe1EeC","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>