add web index
This commit is contained in:
王喆
commit
9d9a8d0120
4
.codebuddy/sandbox/sandbox.json
Normal file
4
.codebuddy/sandbox/sandbox.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"/Users/wangzhe/CodeBuddy/20251021144130/deepagens-static": "ac5416bb0e61498cab9a8ebe523e0c8a",
|
||||
"/Users/wangzhe/CodeBuddy/20251021144130/deepagens-new": "f7615053c5184cd2b9023fe45bfc9773"
|
||||
}
|
||||
15
.vscode/launch.json
vendored
Normal file
15
.vscode/launch.json
vendored
Normal file
@ -0,0 +1,15 @@
|
||||
{
|
||||
// 使用 IntelliSense 了解相关属性。
|
||||
// 悬停以查看现有属性的描述。
|
||||
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
|
||||
"version": "0.2.0",
|
||||
"configurations": [
|
||||
{
|
||||
"type": "chrome",
|
||||
"request": "launch",
|
||||
"name": "针对 localhost 启动 Chrome",
|
||||
"url": "http://localhost:8080",
|
||||
"webRoot": "${workspaceFolder}"
|
||||
}
|
||||
]
|
||||
}
|
||||
28
deepagens-new/about.html
Normal file
28
deepagens-new/about.html
Normal file
@ -0,0 +1,28 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>关于我们｜深度云海</title><link rel="stylesheet" href="styles.css" /></head><body>
|
||||
<header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="logo.png" alt="深度云海"/><div class="brand-name">深度云海｜Deepagens</div></div><nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="services/raas-platform/">服务</a>
|
||||
<a href="cases.html">客户案例</a>
|
||||
<a href="blog.html">行业洞察</a>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a class="btn btn-primary" href="contact.html">免费咨询</a>
|
||||
</nav></div></header>
|
||||
|
||||
<section class="hero"><div class="container"><h1>关于深度云海</h1><p class="sub">定位：RaaS平台与AI搜索时代的增长引擎</p><div class="hero-visual"><img src="assets/about-team.svg" alt="团队示意图" style="width:100%;max-width:640px"></div></div></section>
|
||||
<section class="section"><div class="container">
|
||||
<div class="grid-3">
|
||||
<div class="card"><h3>使命</h3><p class="sub">让AI主动推荐你，让智能体帮你谈生意。</p></div>
|
||||
<div class="card"><h3>愿景</h3><p class="sub">构建驱动全球领先的智能体销售交易平台。</p></div>
|
||||
<div class="card"><h3>团队</h3><p class="sub">跨职能团队：工程、增长、产品、市场（占位）。</p></div>
|
||||
</div>
|
||||
</div></section>
|
||||
<section class="section"><div class="container">
|
||||
<h2 style="color:#e6f2ff">历程与里程碑</h2>
|
||||
<div class="grid-3">
|
||||
<div class="card"><h3>2025</h3><p class="sub">发布RaaS平台与AI搜索闭环方案。</p></div>
|
||||
<div class="card"><h3>2024</h3><p class="sub">完成核心模块验证与首批客户上线。</p></div>
|
||||
<div class="card"><h3>更早</h3><p class="sub">专利与合规布局，完善技术栈。</p></div>
|
||||
</div>
|
||||
</div></section>
|
||||
<footer class="footer"><div class="container">© 2025 深度云海</div></footer>
|
||||
</body></html>
|
||||
1
deepagens-new/assets/about-team.svg
Normal file
1
deepagens-new/assets/about-team.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="240"><rect width="100%" height="100%" fill="#0a1929"/><g transform="translate(40,40)"><circle cx="60" cy="60" r="36" fill="#1fb6ff"/><circle cx="160" cy="60" r="36" fill="#00c9a7"/><circle cx="260" cy="60" r="36" fill="#22d3ee"/><rect x="20" y="130" width="560" height="20" fill="#16324a"/></g></svg>
|
||||
|
After Width: | Height: | Size: 360 B |
1
deepagens-new/assets/blog1.svg
Normal file
1
deepagens-new/assets/blog1.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="200"><rect width="100%" height="100%" fill="#0a1929"/><rect x="24" y="24" width="432" height="64" fill="#16324a"/><rect x="24" y="100" width="320" height="16" fill="#16324a"/><rect x="24" y="124" width="280" height="16" fill="#16324a"/><rect x="24" y="148" width="220" height="16" fill="#16324a"/></svg>
|
||||
|
After Width: | Height: | Size: 363 B |
1
deepagens-new/assets/blog2.svg
Normal file
1
deepagens-new/assets/blog2.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="200"><rect width="100%" height="100%" fill="#0a1929"/><circle cx="84" cy="84" r="48" fill="#1fb6ff" opacity="0.3"/><rect x="160" y="40" width="300" height="20" fill="#16324a"/><rect x="160" y="70" width="240" height="16" fill="#16324a"/><rect x="160" y="96" width="220" height="16" fill="#16324a"/></svg>
|
||||
|
After Width: | Height: | Size: 364 B |
1
deepagens-new/assets/blog3.svg
Normal file
1
deepagens-new/assets/blog3.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="200"><rect width="100%" height="100%" fill="#0a1929"/><polygon points="24,176 200,40 456,176" fill="#22d3ee" opacity="0.25"/><rect x="24" y="24" width="432" height="20" fill="#16324a"/><rect x="24" y="52" width="360" height="16" fill="#16324a"/><rect x="24" y="76" width="300" height="16" fill="#16324a"/></svg>
|
||||
|
After Width: | Height: | Size: 371 B |
1
deepagens-new/assets/brand1.svg
Normal file
1
deepagens-new/assets/brand1.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="140" height="40" viewBox="0 0 140 40"><rect width="140" height="40" rx="8" fill="#0F1A2B"/><rect x="10" y="10" width="24" height="20" rx="4" fill="#16324A"/><rect x="42" y="12" width="88" height="16" rx="8" fill="#1FB6FF" opacity="0.5"/></svg>
|
||||
|
After Width: | Height: | Size: 290 B |
1
deepagens-new/assets/brand2.svg
Normal file
1
deepagens-new/assets/brand2.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="140" height="40" viewBox="0 0 140 40"><rect width="140" height="40" rx="8" fill="#0F1A2B"/><rect x="10" y="10" width="20" height="20" rx="4" fill="#16324A"/><rect x="36" y="12" width="94" height="16" rx="8" fill="#00C9A7" opacity="0.5"/></svg>
|
||||
|
After Width: | Height: | Size: 290 B |
1
deepagens-new/assets/brand3.svg
Normal file
1
deepagens-new/assets/brand3.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="140" height="40" viewBox="0 0 140 40"><rect width="140" height="40" rx="8" fill="#0F1A2B"/><circle cx="20" cy="20" r="10" fill="#16324A"/><rect x="40" y="12" width="90" height="16" rx="8" fill="#22D3EE" opacity="0.5"/></svg>
|
||||
|
After Width: | Height: | Size: 271 B |
1
deepagens-new/assets/brand4.svg
Normal file
1
deepagens-new/assets/brand4.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="140" height="40" viewBox="0 0 140 40"><rect width="140" height="40" rx="8" fill="#0F1A2B"/><rect x="12" y="10" width="28" height="20" rx="4" fill="#16324A"/><rect x="46" y="12" width="84" height="16" rx="8" fill="#1FB6FF" opacity="0.5"/></svg>
|
||||
|
After Width: | Height: | Size: 290 B |
1
deepagens-new/assets/brand5.svg
Normal file
1
deepagens-new/assets/brand5.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="140" height="40" viewBox="0 0 140 40"><rect width="140" height="40" rx="8" fill="#0F1A2B"/><rect x="10" y="10" width="20" height="20" rx="4" fill="#16324A"/><rect x="36" y="12" width="94" height="16" rx="8" fill="#00C9A7" opacity="0.5"/></svg>
|
||||
|
After Width: | Height: | Size: 290 B |
1
deepagens-new/assets/case1.svg
Normal file
1
deepagens-new/assets/case1.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="240"><rect width="100%" height="100%" fill="#0a1929"/><circle cx="80" cy="120" r="40" fill="#1fb6ff" opacity="0.6"/><rect x="140" y="70" width="280" height="20" fill="#16324a"/><rect x="140" y="100" width="240" height="16" fill="#16324a"/><rect x="140" y="130" width="200" height="16" fill="#16324a"/></svg>
|
||||
|
After Width: | Height: | Size: 367 B |
1
deepagens-new/assets/case2.svg
Normal file
1
deepagens-new/assets/case2.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="240"><rect width="100%" height="100%" fill="#0a1929"/><circle cx="80" cy="120" r="40" fill="#00c9a7" opacity="0.6"/><rect x="140" y="70" width="280" height="20" fill="#16324a"/><rect x="140" y="100" width="240" height="16" fill="#16324a"/><rect x="140" y="130" width="200" height="16" fill="#16324a"/></svg>
|
||||
|
After Width: | Height: | Size: 367 B |
1
deepagens-new/assets/case3.svg
Normal file
1
deepagens-new/assets/case3.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="240"><rect width="100%" height="100%" fill="#0a1929"/><circle cx="80" cy="120" r="40" fill="#22d3ee" opacity="0.6"/><rect x="140" y="70" width="280" height="20" fill="#16324a"/><rect x="140" y="100" width="240" height="16" fill="#16324a"/><rect x="140" y="130" width="200" height="16" fill="#16324a"/></svg>
|
||||
|
After Width: | Height: | Size: 367 B |
1
deepagens-new/assets/chart-cost.svg
Normal file
1
deepagens-new/assets/chart-cost.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="420" height="160" viewBox="0 0 420 160"><defs><linearGradient id="lg2" x1="0" y1="1" x2="1" y2="0"><stop offset="0%" stop-color="#0F1A2B"/><stop offset="100%" stop-color="#0B223A"/></linearGradient></defs><rect width="100%" height="100%" rx="10" fill="url(#lg2)"/><g stroke="#16324A" stroke-width="1"><path d="M20 130H400M20 100H400M20 70H400M20 40H400"/></g><polyline fill="none" stroke="#00C9A7" stroke-width="2" points="20,50 80,60 140,70 200,85 260,95 320,110 380,120"/><circle cx="20" cy="50" r="4" fill="#00C9A7"/><text x="24" y="22" fill="#9FB7C9" font-size="12">获客成本</text></svg>
|
||||
|
After Width: | Height: | Size: 642 B |
1
deepagens-new/assets/chart-growth.svg
Normal file
1
deepagens-new/assets/chart-growth.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="420" height="160" viewBox="0 0 420 160"><defs><linearGradient id="lg" x1="0" y1="1" x2="1" y2="0"><stop offset="0%" stop-color="#0F1A2B"/><stop offset="100%" stop-color="#0B223A"/></linearGradient></defs><rect width="100%" height="100%" rx="10" fill="url(#lg)"/><g stroke="#16324A" stroke-width="1"><path d="M20 130H400M20 100H400M20 70H400M20 40H400"/></g><polyline fill="none" stroke="#1FB6FF" stroke-width="2" points="20,120 80,110 140,105 200,90 260,80 320,60 380,40"/><circle cx="380" cy="40" r="4" fill="#1FB6FF"/><text x="24" y="22" fill="#9FB7C9" font-size="12">曝光与提及率</text></svg>
|
||||
|
After Width: | Height: | Size: 648 B |
1
deepagens-new/assets/contact-hero.svg
Normal file
1
deepagens-new/assets/contact-hero.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="240"><rect width="100%" height="100%" fill="#0a1929"/><rect x="40" y="60" width="560" height="36" fill="#16324a"/><rect x="40" y="108" width="420" height="24" fill="#16324a"/><rect x="40" y="140" width="380" height="24" fill="#16324a"/></svg>
|
||||
|
After Width: | Height: | Size: 302 B |
11
deepagens-new/assets/flow-raas.svg
Normal file
11
deepagens-new/assets/flow-raas.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="240"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#1fb6ff"/><stop offset="100%" stop-color="#00c9a7"/></linearGradient></defs><rect width="100%" height="100%" fill="#0b1220"/><g font-family="sans-serif" fill="#e6f2ff" font-size="14">
|
||||
<rect x="24" y="40" width="160" height="80" rx="12" fill="#0f1a2b" stroke="#16324a"/><text x="104" y="88" text-anchor="middle">AI建站</text>
|
||||
<rect x="224" y="40" width="160" height="80" rx="12" fill="#0f1a2b" stroke="#16324a"/><text x="304" y="88" text-anchor="middle">GEO获客</text>
|
||||
<rect x="424" y="40" width="160" height="80" rx="12" fill="#0f1a2b" stroke="#16324a"/><text x="504" y="88" text-anchor="middle">智能体销售</text>
|
||||
<rect x="624" y="40" width="160" height="80" rx="12" fill="#0f1a2b" stroke="#16324a"/><text x="704" y="88" text-anchor="middle">私域转化</text>
|
||||
</g>
|
||||
<path d="M184 80 H224" stroke="url(#g)" stroke-width="4"/>
|
||||
<path d="M384 80 H424" stroke="url(#g)" stroke-width="4"/>
|
||||
<path d="M584 80 H624" stroke="url(#g)" stroke-width="4"/>
|
||||
<text x="400" y="170" fill="#9fb7c9" font-family="sans-serif" font-size="13" text-anchor="middle">RaaS 平台一站式集成 · 7天上线 · 7×24响应</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
1
deepagens-new/assets/hero.svg
Normal file
1
deepagens-new/assets/hero.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#1fb6ff"/><stop offset="100%" stop-color="#00c9a7"/></linearGradient></defs><rect width="640" height="360" fill="#0b1220"/><circle cx="180" cy="180" r="140" fill="url(#g)" opacity="0.25"/><circle cx="480" cy="120" r="100" fill="url(#g)" opacity="0.18"/><path d="M140 220c60-40 120-40 180 0-60 40-120 40-180 0z" fill="#0f1a2b"/><path d="M240 110l40 70-90-20 50-50z" fill="#e6f2ff" opacity="0.85"/><text x="360" y="220" fill="#9fb7c9" font-family="sans-serif" font-size="16">RaaS 平台 · AI 建站 · GEO · 智能体销售 · 私域转化</text></svg>
|
||||
|
After Width: | Height: | Size: 726 B |
1
deepagens-new/assets/icon-check.svg
Normal file
1
deepagens-new/assets/icon-check.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6.5 10.5L3.5 7.5L2.5 8.5L6.5 12.5L14 5L13 4L6.5 10.5Z" fill="#00E6BB"/></svg>
|
||||
|
After Width: | Height: | Size: 182 B |
1
deepagens-new/assets/qr-raas.svg
Normal file
1
deepagens-new/assets/qr-raas.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><rect width="100%" height="100%" fill="#0a1929"/><rect x="20" y="20" width="40" height="40" fill="#1fb6ff"/><rect x="80" y="20" width="40" height="40" fill="#00c9a7"/><rect x="140" y="20" width="40" height="40" fill="#22d3ee"/><rect x="20" y="80" width="40" height="40" fill="#22d3ee"/><rect x="80" y="80" width="40" height="40" fill="#1fb6ff"/><rect x="140" y="80" width="40" height="40" fill="#00c9a7"/><rect x="20" y="140" width="40" height="40" fill="#00c9a7"/><rect x="80" y="140" width="40" height="40" fill="#22d3ee"/><rect x="140" y="140" width="40" height="40" fill="#1fb6ff"/></svg>
|
||||
|
After Width: | Height: | Size: 657 B |
1
deepagens-new/assets/slide1.svg
Normal file
1
deepagens-new/assets/slide1.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080"><defs><linearGradient id="g1" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#0A1A2E"/><stop offset="50%" stop-color="#0F2E4A"/><stop offset="100%" stop-color="#09233B"/></linearGradient><radialGradient id="p1" cx="30%" cy="25%" r="60%"><stop offset="0%" stop-color="#1FB6FF" stop-opacity="0.35"/><stop offset="100%" stop-color="#1FB6FF" stop-opacity="0"/></radialGradient></defs><rect width="100%" height="100%" fill="url(#g1)"/><circle cx="400" cy="260" r="420" fill="url(#p1)"/><g opacity="0.15" stroke="#7ED3FF"><path d="M0 200 Q 480 260 960 200 T 1920 200" fill="none"/><path d="M0 400 Q 480 460 960 400 T 1920 400" fill="none"/><path d="M0 600 Q 480 660 960 600 T 1920 600" fill="none"/><path d="M0 800 Q 480 860 960 800 T 1920 800" fill="none"/></g></svg>
|
||||
|
After Width: | Height: | Size: 864 B |
1
deepagens-new/assets/slide2.svg
Normal file
1
deepagens-new/assets/slide2.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080"><defs><linearGradient id="g2" x1="0" y1="1" x2="1" y2="0"><stop offset="0%" stop-color="#07121F"/><stop offset="100%" stop-color="#0D2137"/></linearGradient><radialGradient id="p2" cx="70%" cy="30%" r="65%"><stop offset="0%" stop-color="#00C9A7" stop-opacity="0.3"/><stop offset="100%" stop-color="#00C9A7" stop-opacity="0"/></radialGradient></defs><rect width="100%" height="100%" fill="url(#g2)"/><circle cx="1480" cy="300" r="520" fill="url(#p2)"/><g opacity="0.12" stroke="#6FE7D1"><path d="M0 160 L1920 160"/><path d="M0 320 L1920 320"/><path d="M0 480 L1920 480"/><path d="M0 640 L1920 640"/><path d="M0 800 L1920 800"/></g></svg>
|
||||
|
After Width: | Height: | Size: 727 B |
1
deepagens-new/assets/slide3.svg
Normal file
1
deepagens-new/assets/slide3.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080"><defs><linearGradient id="g3" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#0B1628"/><stop offset="100%" stop-color="#132B46"/></linearGradient></defs><rect width="100%" height="100%" fill="url(#g3)"/><g fill="none" stroke="#1FB6FF" opacity="0.2"><path d="M0 960 C 320 920, 640 980, 960 940 S 1600 900, 1920 940"/><path d="M0 860 C 320 820, 640 880, 960 840 S 1600 800, 1920 840"/></g><g fill="#00C9A7" opacity="0.08"><circle cx="360" cy="220" r="120"/><circle cx="1560" cy="420" r="90"/><circle cx="960" cy="180" r="60"/></g></svg>
|
||||
|
After Width: | Height: | Size: 636 B |
1
deepagens-new/assets/slide4.svg
Normal file
1
deepagens-new/assets/slide4.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080"><defs><linearGradient id="g4" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#081528"/><stop offset="100%" stop-color="#0E1F36"/></linearGradient></defs><rect width="100%" height="100%" fill="url(#g4)"/><g opacity="0.12"><rect x="200" y="200" width="200" height="200" fill="#1FB6FF" rx="16"/><rect x="480" y="240" width="180" height="180" fill="#00C9A7" rx="16"/><rect x="720" y="200" width="220" height="220" fill="#22D3EE" rx="16"/></g><g opacity="0.08"><rect x="200" y="520" width="240" height="220" fill="#22D3EE" rx="16"/><rect x="500" y="520" width="200" height="220" fill="#1FB6FF" rx="16"/><rect x="740" y="520" width="260" height="220" fill="#00C9A7" rx="16"/></g></svg>
|
||||
|
After Width: | Height: | Size: 781 B |
1
deepagens-new/assets/slide5.svg
Normal file
1
deepagens-new/assets/slide5.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080"><defs><linearGradient id="g5" x1="0" y1="1" x2="1" y2="0"><stop offset="0%" stop-color="#0A1A2E"/><stop offset="50%" stop-color="#0F2E4A"/><stop offset="100%" stop-color="#0B223A"/></linearGradient><radialGradient id="p5" cx="50%" cy="50%" r="65%"><stop offset="0%" stop-color="#22D3EE" stop-opacity="0.22"/><stop offset="100%" stop-color="#22D3EE" stop-opacity="0"/></radialGradient></defs><rect width="100%" height="100%" fill="url(#g5)"/><circle cx="960" cy="540" r="560" fill="url(#p5)"/><g stroke="#FFFFFF" stroke-opacity="0.06"><path d="M0 0 L1920 1080"/><path d="M0 1080 L1920 0"/></g></svg>
|
||||
|
After Width: | Height: | Size: 689 B |
1
deepagens-new/assets/testimonial1.svg
Normal file
1
deepagens-new/assets/testimonial1.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#1fb6ff"/><stop offset="100%" stop-color="#00c9a7"/></linearGradient></defs><circle cx="48" cy="48" r="46" fill="#0a1929" stroke="#16324a"/><circle cx="48" cy="40" r="16" fill="url(#g)"/><rect x="24" y="60" width="48" height="18" rx="9" fill="#16324a"/></svg>
|
||||
|
After Width: | Height: | Size: 409 B |
1
deepagens-new/assets/testimonial2.svg
Normal file
1
deepagens-new/assets/testimonial2.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96"><circle cx="48" cy="48" r="46" fill="#0a1929" stroke="#16324a"/><circle cx="34" cy="42" r="14" fill="#22d3ee"/><circle cx="62" cy="42" r="14" fill="#1fb6ff"/><rect x="22" y="62" width="52" height="18" rx="9" fill="#16324a"/></svg>
|
||||
|
After Width: | Height: | Size: 293 B |
1
deepagens-new/assets/testimonial3.svg
Normal file
1
deepagens-new/assets/testimonial3.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96"><circle cx="48" cy="48" r="46" fill="#0a1929" stroke="#16324a"/><rect x="26" y="26" width="44" height="44" rx="10" fill="#00c9a7" opacity="0.8"/><circle cx="48" cy="44" r="12" fill="#1fb6ff"/></svg>
|
||||
|
After Width: | Height: | Size: 261 B |
5
deepagens-new/blog.html
Normal file
5
deepagens-new/blog.html
Normal file
@ -0,0 +1,5 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>博客｜深度云海</title><link rel="stylesheet" href="styles.css" /></head><body><header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="logo.png" alt="深度云海"/><div class="brand-name">深度云海｜Deepagens</div></div><nav><a href="index.html">首页</a><a href="solutions.html">服务</a><a href="cases.html">案例</a><a href="blog.html">博客</a><a class="btn btn-primary" href="contact.html">免费获取方案</a></nav></div></header><section class="hero"><div class="container"><h1>观点洞察</h1><p class="sub">聚焦AI搜索与GEO方法论，帮助企业抢占增长先机。</p></div></section><section class="section"><div class="container"><div class="grid-3">
|
||||
<div class="card"><div class="blog-thumb"><img src="assets/blog1.svg" alt="文章缩略图"></div><h3>AI搜索时代，中小企业如何抢占流量先机？</h3><p class="sub">预览：2024年AI搜索量同比增长300%，传统SEO效果衰减。深度云海GEO方案帮助中小企业以30%成本实现AI平台精准曝光...</p></div>
|
||||
<div class="card"><div class="blog-thumb"><img src="assets/blog2.svg" alt="文章缩略图"></div><h3>RaaS模式如何重构企业营销增长引擎</h3><p class="sub">预览：RaaS（机器人即服务）通过AI一键建站、智能体销售、数据闭环，实现7*24小时自动化获客，人效提升5倍...</p></div>
|
||||
<div class="card"><div class="blog-thumb"><img src="assets/blog3.svg" alt="文章缩略图"></div><h3>实战案例解析-GEO优化如何让品牌被AI优先推荐</h3><p class="sub">预览：通过结构化内容投喂、权威信源建设、多平台适配三大策略，深度云海助力客户在AI答案页品牌提及率提升300%...</p></div>
|
||||
</div></div></section><footer class="footer"><div class="container">© 2025 深度云海</div></footer></body></html>
|
||||
19
deepagens-new/cases.html
Normal file
19
deepagens-new/cases.html
Normal file
@ -0,0 +1,19 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>客户案例｜深度云海</title><link rel="stylesheet" href="styles.css" /></head><body>
|
||||
<header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="logo.png" alt="深度云海"/><div class="brand-name">深度云海｜Deepagens</div></div><nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="services/raas-platform/">服务</a>
|
||||
<a href="cases.html">客户案例</a>
|
||||
<a href="blog.html">行业洞察</a>
|
||||
<a class="btn btn-primary" href="contact.html">免费咨询</a>
|
||||
</nav></div></header>
|
||||
|
||||
<section class="hero"><div class="container"><h1>客户案例</h1><p class="sub">行业筛选：生活服务｜智能制造｜新能源｜医疗健康｜更多</p></div></section>
|
||||
<section class="cases"><div class="container">
|
||||
<div class="grid-3">
|
||||
<div class="case-card"><div class="case-thumb"><img src="assets/case1.svg" alt="豫信新能源"></div><h3 style="color:#e6f2ff">豫信新能源</h3><p class="sub">新能源充电桩｜AI推荐率+280%，咨询量+190%</p><a class="btn btn-secondary" href="#">查看详情</a></div>
|
||||
<div class="case-card"><div class="case-thumb"><img src="assets/case2.svg" alt="爱尔眼科"></div><h3 style="color:#e6f2ff">爱尔眼科</h3><p class="sub">医疗健康｜AI问答提及率15%→68%，获客成本-35%</p><a class="btn btn-secondary" href="#">查看详情</a></div>
|
||||
<div class="case-card"><div class="case-thumb"><img src="assets/case3.svg" alt="途悠居集团"></div><h3 style="color:#e6f2ff">途悠居集团</h3><p class="sub">民宿托管｜7天高频曝光，转化率提升2.5倍</p><a class="btn btn-secondary" href="#">查看详情</a></div>
|
||||
</div>
|
||||
</div></section>
|
||||
<footer class="footer"><div class="container">© 2025 深度云海</div></footer>
|
||||
</body></html>
|
||||
40
deepagens-new/contact.html
Normal file
40
deepagens-new/contact.html
Normal file
@ -0,0 +1,40 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>咨询与联系｜深度云海</title><link rel="stylesheet" href="styles.css" /></head><body>
|
||||
<header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="logo.png" alt="深度云海"/><div class="brand-name">深度云海｜Deepagens</div></div><nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="services/raas-platform/">服务</a>
|
||||
<a href="cases.html">客户案例</a>
|
||||
<a href="blog.html">行业洞察</a>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a class="btn btn-primary" href="contact.html">免费咨询</a>
|
||||
</nav></div></header>
|
||||
|
||||
<section class="hero"><div class="container"><h1>获取定制方案</h1><p class="sub">平均响应＜2小时，专家1对1沟通。</p><div class="hero-visual"><img src="assets/contact-hero.svg" alt="联系示意图" style="width:100%;max-width:640px"></div></div></section>
|
||||
<section class="contact"><div class="container">
|
||||
<form id="contact-form" class="form">
|
||||
<div class="grid-2">
|
||||
<label>姓名<input type="text" name="name" required /></label>
|
||||
<label>公司<input type="text" name="company" /></label>
|
||||
</div>
|
||||
<div class="grid-2">
|
||||
<label>邮箱<input type="email" name="email" required /></label>
|
||||
<label>手机号<input type="tel" name="phone" /></label>
|
||||
</div>
|
||||
<label>业务类型
|
||||
<select name="type">
|
||||
<option>生活服务</option>
|
||||
<option>智能制造</option>
|
||||
<option>新能源</option>
|
||||
<option>医疗健康</option>
|
||||
<option>其他</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>需求描述<textarea name="need" rows="4" placeholder="请简要描述您的需求…"></textarea></label>
|
||||
<div class="actions">
|
||||
<button class="btn btn-primary" type="submit">提交</button>
|
||||
<span id="form-msg" class="muted"></span>
|
||||
</div>
|
||||
</form>
|
||||
<div class="card" style="margin-top:16px"><p class="sub">致电咨询：133-5928-2414（工作日 9:00-18:00）</p></div>
|
||||
</div></section>
|
||||
<script src="script.js"></script>
|
||||
</body></html>
|
||||
255
deepagens-new/index.html
Normal file
255
deepagens-new/index.html
Normal file
@ -0,0 +1,255 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>深度云海（Deepagens）— RaaS平台与AI搜索增长</title><meta name="description" content="让AI主动推荐你，让智能体帮你谈生意。深度云海RaaS平台，中小企业AI时代获客增长新引擎。"><link rel="stylesheet" href="styles.css" /><style>
|
||||
/***** Hero Slider *****/
|
||||
.hero.hero-slider{position:relative;min-height:100vh;display:block;padding:0;background:transparent}
|
||||
.hero-slider .slides{position:absolute;inset:0}
|
||||
.hero-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
|
||||
.hero-slider .slide.active{opacity:1}
|
||||
.hero-slider .slide img{width:100%;height:100%;object-fit:cover}
|
||||
.hero-slider .hero-overlay{position:relative;z-index:2;pointer-events:none;display:flex;flex-direction:column;justify-content:center;min-height:100vh}
|
||||
.hero-slider .hero-overlay h1{font-size:56px;line-height:1.1;margin:0 0 14px;color:var(--text);text-shadow:0 6px 24px rgba(0,0,0,.45)}
|
||||
.hero-slider .hero-overlay .sub{color:#d5e9ff;max-width:760px;font-size:18px}
|
||||
.hero-slider .hero-overlay .cta{pointer-events:auto;margin:22px 0;display:flex;gap:12px;flex-wrap:wrap}
|
||||
.hero-slider .badges{pointer-events:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:860px}
|
||||
.hero-slider .badge{border:1px solid var(--card-border);border-radius:12px;padding:14px;background:linear-gradient(180deg,#0f1a2b,#0b1829);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,0.03) inset}
|
||||
.hero-slider .arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--card-border);background:rgba(8,21,40,.6);color:#e6f2ff;cursor:pointer}
|
||||
.hero-slider .arrow:hover{background:rgba(8,21,40,.8)}
|
||||
.hero-slider .arrow.prev{left:18px}
|
||||
.hero-slider .arrow.next{right:18px}
|
||||
.hero-slider .dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
|
||||
.hero-slider .dots button{width:8px;height:8px;border-radius:999px;border:1px solid #2a4966;background:#0c1f33;opacity:.6;cursor:pointer}
|
||||
.hero-slider .dots button.active{width:24px;background:linear-gradient(90deg,var(--primary),var(--primary-2));opacity:1}
|
||||
@media(max-width:900px){.hero-slider .hero-overlay h1{font-size:36px}.hero-slider .badges{grid-template-columns:repeat(2,1fr)}}
|
||||
|
||||
/***** Second screen: Core Services *****/
|
||||
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
|
||||
@media(max-width:900px){.grid-2{grid-template-columns:1fr}}
|
||||
.subhead{color:#9fb7c9;margin:-6px 0 16px}
|
||||
.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
|
||||
.chip{padding:6px 10px;border:1px solid var(--card-border);border-radius:999px;color:#cfe7ff;background:rgba(13,33,55,.6);font-size:12px}
|
||||
.service-card h3{margin:0 0 6px}
|
||||
|
||||
/***** Footer rich *****/
|
||||
.footer{padding:40px 0;border-top:1px solid var(--divider);background:linear-gradient(180deg,var(--bg-end),var(--bg-start));color:var(--muted)}
|
||||
.footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}
|
||||
.footer h4{margin:0 0 10px;color:#e6f2ff}
|
||||
.footer a{color:#cfe7ff;text-decoration:none;display:block;margin:6px 0}
|
||||
.footer a:hover{color:#ffffff}
|
||||
.footer .brand-desc{color:#9fb7c9}
|
||||
.footer .contact p{margin:6px 0}
|
||||
.footer .bottom{border-top:1px solid var(--divider);margin-top:20px;padding-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
|
||||
.footer .policy{display:flex;gap:12px;flex-wrap:wrap}
|
||||
.footer .icp{color:#9fb7c9}
|
||||
@media(max-width:900px){.footer .grid{grid-template-columns:1fr}.footer .bottom{flex-direction:column;align-items:flex-start}}
|
||||
</style>
|
||||
</head><body>
|
||||
<header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="logo.png" alt="深度云海 Deepagens"/><div class="brand-name">深度云海｜Deepagens</div></div><nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="services/raas-platform/">服务</a>
|
||||
<a href="cases.html">客户案例</a>
|
||||
<a href="blog.html">行业洞察</a>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a class="btn btn-primary" href="contact.html">免费咨询</a>
|
||||
</nav></div></header>
|
||||
|
||||
<!-- 第一屏：全屏轮播（不修改） -->
|
||||
<section class="hero hero-slider">
|
||||
<div class="slides">
|
||||
<div class="slide active"><img src="assets/slide1.svg" alt="深度云海 幻灯片1"></div>
|
||||
<div class="slide"><img src="assets/slide2.svg" alt="深度云海 幻灯片2"></div>
|
||||
<div class="slide"><img src="assets/slide3.svg" alt="深度云海 幻灯片3"></div>
|
||||
<div class="slide"><img src="assets/slide4.svg" alt="深度云海 幻灯片4"></div>
|
||||
<div class="slide"><img src="assets/slide5.svg" alt="深度云海 幻灯片5"></div>
|
||||
</div>
|
||||
<div class="hero-overlay container">
|
||||
<h1>让AI主动推荐你，让智能体帮你谈生意</h1>
|
||||
<p class="sub">度云海RaaS平台，中小企业AI时代获客增长新引擎</p>
|
||||
<div class="cta"><a class="btn btn-primary" href="contact.html">免费咨询</a><a class="btn btn-secondary" href="contact.html">预约演示</a></div>
|
||||
<div class="badges">
|
||||
<div class="badge">AI推荐率提升 300%</div>
|
||||
<div class="badge">获客成本降低 40%</div>
|
||||
<div class="badge">10分钟AI一键建站</div>
|
||||
<div class="badge">7天内容快速上线</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="arrow prev" aria-label="上一张">‹</button>
|
||||
<button class="arrow next" aria-label="下一张">›</button>
|
||||
<div class="dots" aria-label="轮播指示器"></div>
|
||||
</section>
|
||||
|
||||
<!-- 第二屏：核心服务 -->
|
||||
<section class="section services-geo"><div class="container">
|
||||
<div class="section-head"><div class="overline">核心服务</div><h2>全域GEO解决方案</h2><p class="subhead">全域GEO解决方案：从内容创作到数据洞察，一站式AI搜索优化服务</p>
|
||||
<div class="grid-2">
|
||||
<div class="card service-card">
|
||||
<h3>AI内容智能生成</h3>
|
||||
<p class="sub">基于大语言模型进行高质量内容生产，精准贴合AI搜索意图，优先被平台理解与推荐。</p>
|
||||
<div class="chip-list">
|
||||
<span class="chip">智能写作</span><span class="chip">意图分析</span><span class="chip">语义优化</span><span class="chip">多平台适配</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card service-card">
|
||||
<h3>GEO搜索优化</h3>
|
||||
<p class="sub">面向豆包、DeepSeek、元宝、Kimi等AI搜索引擎的系统化优化，强化品牌推荐与曝光。</p>
|
||||
<div class="chip-list">
|
||||
<span class="chip">AI索引优化</span><span class="chip">推荐算法研究</span><span class="chip">实时监控</span><span class="chip">效果分析</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card service-card">
|
||||
<h3>数据洞察分析</h3>
|
||||
<p class="sub">深度追踪AI搜索表现，提供可视化报告与行动建议，持续提升GEO效果与ROI。</p>
|
||||
<div class="chip-list">
|
||||
<span class="chip">数据追踪</span><span class="chip">竞品分析</span><span class="chip">趋势预测</span><span class="chip">策略优化</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card service-card">
|
||||
<h3>品牌声誉管理</h3>
|
||||
<p class="sub">监测与优化品牌在AI对话中的呈现，强化正向叙事与信任感，妥善应对负面与危机。</p>
|
||||
<div class="chip-list">
|
||||
<span class="chip">声誉监控</span><span class="chip">负面处理</span><span class="chip">正向引导</span><span class="chip">危机应对</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cta" style="margin-top:16px"><a class="btn btn-secondary" href="services/raas-platform/">了解详细服务</a></div>
|
||||
</div></section>
|
||||
|
||||
<!-- 第三屏：用数据说话 -->
|
||||
<section class="section"><div class="container">
|
||||
<div class="section-head"><div class="overline">数据与效果</div><h2>用数据说话</h2></div>
|
||||
<div class="grid-4 stats">
|
||||
<div class="card stat-card"><div class="num">300%+</div><div class="label">AI推荐率提升</div><p class="sub">覆盖多平台，优先理解与推荐</p></div>
|
||||
<div class="card stat-card"><div class="num">-40%</div><div class="label">平均获客成本</div><p class="sub">结构化供给，转化链路更短</p></div>
|
||||
<div class="card stat-card"><div class="num">10分钟</div><div class="label">AI一键建站</div><p class="sub">模板化智能体站，Schema 预埋</p></div>
|
||||
<div class="card stat-card"><div class="num">7天</div><div class="label">内容快速上线</div><p class="sub">多渠道同步与索引加速</p></div>
|
||||
</div>
|
||||
<div class="grid-2" style="margin-top:16px">
|
||||
<div class="card"><img src="assets/chart-growth.svg" alt="曝光与提及率增长" style="width:100%"></div>
|
||||
<div class="card"><img src="assets/chart-cost.svg" alt="获客成本下降" style="width:100%"></div>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<!-- 第四屏：白皮书领取 -->
|
||||
<section class="section"><div class="container"><div class="section-head"><div class="overline">资源与洞察</div><h2>白皮书领取</h2></div>
|
||||
<div class="grid-3">
|
||||
<div class="card" style="text-align:center">
|
||||
<img src="assets/qr-raas.svg" alt="扫码领取RaaS白皮书" style="width:160px;height:160px;border-radius:8px;display:block;margin:0 auto 10px;background:#0a1929"/>
|
||||
<p class="sub">微信扫码，回复关键词「RaaS白皮书」</p>
|
||||
</div>
|
||||
<div class="card"><h3>最新行业洞察</h3><p class="sub">AI搜索趋势与GEO方法论。</p><a class="btn btn-outline-blue" href="blog.html">查看洞察</a></div>
|
||||
<div class="card"><h3>预约演示</h3><p class="sub">专家1对1方案与案例解读。</p><a class="btn btn-outline-blue" href="contact.html">立即预约</a></div>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<!-- 第五屏：成功案例 -->
|
||||
<section class="cases"><div class="container">
|
||||
<div class="section-head"><div class="overline">客户案例</div><h2>成功案例</h2></div>
|
||||
<div class="grid-3">
|
||||
<div class="case-card"><div class="case-thumb"><img src="assets/case1.svg" alt="豫信新能源"></div><h3>豫信新能源</h3><p class="sub">新能源充电桩｜AI推荐率+280%，咨询量+190%</p></div>
|
||||
<div class="case-card"><div class="case-thumb"><img src="assets/case2.svg" alt="爱尔眼科"></div><h3 style="color:#e6f2ff">爱尔眼科</h3><p class="sub">医疗健康｜AI问答提及率15%→68%，获客成本-35%</p></div>
|
||||
<div class="case-card"><div class="case-thumb"><img src="assets/case3.svg" alt="途悠居集团"></div><h3 style="color:#e6f2ff">途悠居集团</h3><p class="sub">民宿托管｜7天高频曝光，转化率提升2.5倍</p></div>
|
||||
</div>
|
||||
<div class="cta" style="margin-top:16px"><a class="btn btn-secondary" href="cases.html">查看全部案例</a></div>
|
||||
</div></section>
|
||||
|
||||
<!-- 第六屏：客户评价（参考排版，保留本站色调） -->
|
||||
<section class="section testimonials"><div class="container">
|
||||
<div class="section-head"><div class="overline">客户评价</div><h2>他们都在用，效果看得见</h2><p class="subhead subtitle">来自不同行业的真实反馈</p></div>
|
||||
<div class="grid-3">
|
||||
<div class="card">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="quote">“合作3个月，AI搜索带来的询盘占比从X%提升到35%，ROI超出预期！”</p>
|
||||
<div class="meta"><strong>某跨境电商平台</strong><span>市场总监 张先生</span><span class="label">电商</span></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="quote">“深度云海的GEO服务非常专业，帮助我们在豆包、Kimi等AI平台获得大量曝光。”</p>
|
||||
<div class="meta"><strong>某SaaS企业</strong><span>CEO 李女士</span><span class="label">企业服务</span></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="quote">“效果立竿见影！现在用户在AI助手问学习平台，我们总是被推荐。”</p>
|
||||
<div class="meta"><strong>某在线教育平台</strong><span>运营负责人 王先生</span><span class="label">教育</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<!-- 第七屏：观点洞察 -->
|
||||
<section class="section"><div class="container">
|
||||
<div class="section-head"><div class="overline">观点洞察</div><h2>最新3篇</h2></div>
|
||||
<div class="grid-3">
|
||||
<div class="card"><div class="blog-thumb"><img src="assets/blog1.svg" alt="文章缩略图"></div><h3>AI搜索时代，中小企业如何抢占流量先机？</h3><p class="sub">2024年AI搜索量同比增长300%... 深度云海以30%成本实现AI平台精准曝光...</p></div>
|
||||
<div class="card"><div class="blog-thumb"><img src="assets/blog2.svg" alt="文章缩略图"></div><h3>RaaS模式如何重构企业营销增长引擎</h3><p class="sub">AI一键建站、智能体销售、数据闭环，实现7×24小时自动化获客，人效提升5倍...</p></div>
|
||||
<div class="card"><div class="blog-thumb"><img src="assets/blog3.svg" alt="文章缩略图"></div><h3>实战案例解析-GEO优化如何让品牌被AI优先推荐</h3><p class="sub">结构化内容投喂、权威信源建设、多平台适配，品牌提及率提升300%...</p></div>
|
||||
</div>
|
||||
<div class="cta" style="margin-top:16px"><a class="btn btn-secondary" href="blog.html">查看全部文章</a></div>
|
||||
</div></section>
|
||||
|
||||
<!-- 第八屏：限时免费咨询（专业版式） -->
|
||||
<section class="section cta-pro"><div class="container">
|
||||
<div class="card-big">
|
||||
<div class="overline">限时免费咨询</div>
|
||||
<h2>准备好在AI搜索时代占据领先地位了吗？</h2>
|
||||
<p class="desc">立即预约免费咨询，获取专属GEO优化方案</p>
|
||||
<div class="feature-list">
|
||||
<div class="feature-pill"><span class="uicon"><img src="assets/icon-check.svg" alt=""/></span><span class="text">免费GEO现状诊断</span></div>
|
||||
<div class="feature-pill"><span class="uicon"><img src="assets/icon-check.svg" alt=""/></span><span class="text">定制优化方案</span></div>
|
||||
<div class="feature-pill"><span class="uicon"><img src="assets/icon-check.svg" alt=""/></span><span class="text">专家1对1咨询</span></div>
|
||||
<div class="feature-pill"><span class="uicon"><img src="assets/icon-check.svg" alt=""/></span><span class="text">行业案例分享</span></div>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<a class="btn btn-primary" href="contact.html">免费咨询方案</a>
|
||||
<a class="btn btn-secondary" href="cases.html">查看成功案例</a>
|
||||
</div>
|
||||
<div class="trust">已有500+企业选择深度云海 ｜ 平均响应时间 < 2小时</div>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<!-- 第九屏：关于公司介绍 -->
|
||||
<section class="section"><div class="container">
|
||||
<div class="section-head"><div class="overline">关于我们</div><h2>关于深度云海</h2></div>
|
||||
<div class="grid-2">
|
||||
<div class="card"><h3>我们的定位</h3><p class="sub">面向中小企业的 RaaS 平台，在 AI 搜索时代提供从“供给结构化”到“智能体销售”的全链路解决方案。</p></div>
|
||||
<div class="card"><h3>使命与愿景</h3><p class="sub">使命：让 AI 主动推荐真实价值的产品与服务。愿景：成为驱动企业增长的智能体销售基础设施。</p></div>
|
||||
</div>
|
||||
<div class="cta" style="margin-top:16px"><a class="btn btn-secondary" href="about.html">了解更多</a><a class="btn btn-primary" href="contact.html" style="margin-left:8px">联系我们</a></div>
|
||||
</div></section>
|
||||
|
||||
<!-- 第十屏：页脚（富Footer） -->
|
||||
<footer class="footer"><div class="container">
|
||||
<div class="grid">
|
||||
<div>
|
||||
<div class="brand" style="margin-bottom:10px"><img class="brand-logo" src="logo.png" alt="深度云海 Deepagens"/><div class="brand-name">深度云海｜Deepagens</div></div>
|
||||
<p class="brand-desc">专注于AI驱动的搜索引擎优化（GEO）与RaaS平台，为企业在AI搜索时代构建从内容到转化的全链路增长能力，让品牌被AI优先理解与推荐。</p>
|
||||
</div>
|
||||
<div class="contact">
|
||||
<h4>联系我们</h4>
|
||||
<p>电话：<a href="tel:400-000-0000">400-000-0000</a></p>
|
||||
<p>邮箱：<a href="mailto:contact@deepagens.com">contact@deepagens.com</a></p>
|
||||
<p>北京总部：北京市朝阳区（示例地址，待替换）</p>
|
||||
<p>西安办公：西安市碑林区（示例地址，待替换）</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>服务</h4>
|
||||
<a href="services/raas-platform/">GEO服务</a>
|
||||
<a href="services/raas-platform/">AI内容生成</a>
|
||||
<a href="services/raas-platform/">智能优化</a>
|
||||
<a href="services/raas-platform/">数据分析</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4>公司与资源</h4>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
<a href="blog.html">观点洞察</a>
|
||||
<a href="contact.html">联系我们</a>
|
||||
<a href="blog.html">行业报告</a>
|
||||
<a href="blog.html">GEO指南</a>
|
||||
<a href="blog.html">最佳实践</a>
|
||||
<a href="blog.html">常见问题</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="copy">© 2025 深度云海（Deepagens）. All Rights Reserved. <span class="icp">京ICP备示例号</span></div>
|
||||
<div class="policy"><a href="privacy.html">隐私政策</a><a href="terms.html">服务条款</a><a href="sitemap.xml" target="_blank">网站地图</a></div>
|
||||
</div>
|
||||
</div></footer>
|
||||
<script src="script.js"></script>
|
||||
</body></html>
|
||||
1
deepagens-new/privacy.html
Normal file
1
deepagens-new/privacy.html
Normal file
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>隐私政策｜深度云海</title><link rel="stylesheet" href="styles.css" /></head><body><header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="logo.png" alt="深度云海"/><div class="brand-name">深度云海｜Deepagens</div></div><nav><a href="index.html">首页</a><a href="services/raas-platform/">服务</a><a href="cases.html">案例</a><a href="blog.html">博客</a><a href="about.html">关于</a><a class="btn btn-primary" href="contact.html">免费咨询</a></nav></div></header><section class="hero"><div class="container"><h1>隐私政策</h1><p class="sub">说明我们如何收集、使用与保护您的信息。</p></div></section><section class="section"><div class="container"><div class="card"><h3>数据收集与用途</h3><p class="sub">仅为提供服务与改进体验所需的数据。</p><h3>安全</h3><p class="sub">采用加密、访问控制与最小化原则保障数据安全。</p><h3>您的权利</h3><p class="sub">可请求访问、更正或删除个人信息。</p></div></div></section><footer class="footer"><div class="container">© 2025 深度云海</div></footer></body></html>
|
||||
46
deepagens-new/script.js
Normal file
46
deepagens-new/script.js
Normal file
@ -0,0 +1,46 @@
|
||||
document.addEventListener('DOMContentLoaded',()=>{
|
||||
// Hero slider
|
||||
const slider = document.querySelector('.hero.hero-slider');
|
||||
const slides = Array.from(document.querySelectorAll('.hero.hero-slider .slide'));
|
||||
const dotsContainer = document.querySelector('.hero.hero-slider .dots');
|
||||
const prevBtn = document.querySelector('.hero.hero-slider .arrow.prev');
|
||||
const nextBtn = document.querySelector('.hero.hero-slider .arrow.next');
|
||||
let index = 0; let timer = null; const DURATION = 3000;
|
||||
|
||||
if (slider && slides.length) {
|
||||
// init dots
|
||||
slides.forEach((_, i) => {
|
||||
const b = document.createElement('button');
|
||||
b.setAttribute('aria-label', `切换到第${i+1}张`);
|
||||
if (i === 0) b.classList.add('active');
|
||||
b.addEventListener('click', ()=> go(i));
|
||||
dotsContainer.appendChild(b);
|
||||
});
|
||||
|
||||
function show(i){
|
||||
slides.forEach((s, idx)=> s.classList.toggle('active', idx === i));
|
||||
dotsContainer.querySelectorAll('button').forEach((d, idx)=> d.classList.toggle('active', idx === i));
|
||||
}
|
||||
function next(){ index = (index + 1) % slides.length; show(index); }
|
||||
function prev(){ index = (index - 1 + slides.length) % slides.length; show(index); }
|
||||
function go(i){ index = i % slides.length; show(index); restart(); }
|
||||
|
||||
function start(){ timer = setInterval(next, DURATION); }
|
||||
function stop(){ if (timer) clearInterval(timer); timer = null; }
|
||||
function restart(){ stop(); start(); }
|
||||
|
||||
nextBtn.addEventListener('click', ()=>{ next(); restart(); });
|
||||
prevBtn.addEventListener('click', ()=>{ prev(); restart(); });
|
||||
|
||||
slider.addEventListener('mouseenter', stop);
|
||||
slider.addEventListener('mouseleave', start);
|
||||
|
||||
// touch swipe (basic)
|
||||
let startX = 0; let dx = 0;
|
||||
slider.addEventListener('touchstart', e=>{ startX = e.touches[0].clientX; dx = 0; stop(); }, {passive:true});
|
||||
slider.addEventListener('touchmove', e=>{ dx = e.touches[0].clientX - startX; }, {passive:true});
|
||||
slider.addEventListener('touchend', ()=>{ if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); } start(); });
|
||||
|
||||
start();
|
||||
}
|
||||
});
|
||||
51
deepagens-new/services/raas-platform/index.html
Normal file
51
deepagens-new/services/raas-platform/index.html
Normal file
@ -0,0 +1,51 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>RaaS平台｜深度云海</title><link rel="stylesheet" href="../../styles.css" /></head><body>
|
||||
<header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="../../logo.png" alt="深度云海"/><div class="brand-name">深度云海｜Deepagens</div></div><nav>
|
||||
<a href="../../index.html">首页</a>
|
||||
<a href="./">RaaS平台</a>
|
||||
<a href="../../cases.html">客户案例</a>
|
||||
<a href="../../blog.html">行业洞察</a>
|
||||
<a href="../../about.html">关于我们</a>
|
||||
<a class="btn btn-primary" href="../../contact.html">免费咨询</a>
|
||||
</nav></div></header>
|
||||
|
||||
<section class="hero"><div class="container">
|
||||
<h1>AI公域+私域流量转化闭环</h1>
|
||||
<p class="sub">AI建站 → GEO获客 → 智能体销售 → 私域转化，形成可持续增长飞轮。</p>
|
||||
</div></section>
|
||||
|
||||
<section class="section"><div class="container">
|
||||
<h2 style="color:#e6f2ff">服务能力目录（流程图）</h2>
|
||||
<div class="flow"><img src="../../assets/flow-raas.svg" alt="RaaS流程图"></div>
|
||||
<div class="grid-4" style="margin-top:16px">
|
||||
<div class="card"><h3>AI建站</h3><p class="sub">结构化资产生成，Schema预埋。</p></div>
|
||||
<div class="card"><h3>GEO获客</h3><p class="sub">AI索引与推荐优化，曝光提升。</p></div>
|
||||
<div class="card"><h3>智能体销售</h3><p class="sub">意图识别，蒸馏问答促成成交。</p></div>
|
||||
<div class="card"><h3>私域转化</h3><p class="sub">企微/微信自动化触达与培育。</p></div>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<section class="section"><div class="container">
|
||||
<h2 style="color:#e6f2ff">差异化卖点</h2>
|
||||
<div class="grid-3">
|
||||
<div class="card"><h3>7天快速上线</h3><p class="sub">按你数据调整，极速发布与验证。</p></div>
|
||||
<div class="card"><h3>智能体7×24响应</h3><p class="sub">全时段自动化线索承接与跟进。</p></div>
|
||||
<div class="card"><h3>一站式集成</h3><p class="sub">RaaS平台整合建站、获客、销售与转化。</p></div>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<section class="section"><div class="container">
|
||||
<h2 style="color:#e6f2ff">常见问题（FAQ）</h2>
|
||||
<div class="grid-3">
|
||||
<div class="card"><h3>上线周期多久？</h3><p class="sub">一般7天完成基础上线，复杂项目视资料准备而定。</p></div>
|
||||
<div class="card"><h3>是否支持私有化部署？</h3><p class="sub">支持企业版与私有化，含SLA保障。</p></div>
|
||||
<div class="card"><h3>如何量化GEO效果？</h3><p class="sub">提及率、曝光次数、转化线索与成交闭环。</p></div>
|
||||
<div class="card"><h3>是否替代传统SEO？</h3><p class="sub">GEO聚焦AI平台，建议与SEO协同，提升综合效能。</p></div>
|
||||
<div class="card"><h3>资料准备清单？</h3><p class="sub">品牌介绍、产品与优势、案例与素材、FAQ与联系。</p></div>
|
||||
<div class="card"><h3>如何接入现有网站？</h3><p class="sub">可作为独立引擎或嵌入现站，支持API与Webhook。</p></div>
|
||||
<div class="card"><h3>客服与培训？</h3><p class="sub">提供专家培训与运营指导，邮件与企微支持。</p></div>
|
||||
<div class="card"><h3>费用与版本？</h3><p class="sub">标准版/企业版，按功能与服务级别定价。</p></div>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<footer class="footer"><div class="container">© 2025 深度云海</div></footer>
|
||||
</body></html>
|
||||
1
deepagens-new/solutions.html
Normal file
1
deepagens-new/solutions.html
Normal file
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>服务与解决方案｜深度云海</title><link rel="stylesheet" href="styles.css" /></head><body><header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="logo.png" alt="深度云海"/><div class="brand-name">深度云海｜Deepagens</div></div><nav><a href="index.html">首页</a><a href="solutions.html">服务</a><a href="cases.html">案例</a><a class="btn btn-primary" href="contact.html">免费获取方案</a></nav></div></header><section class="hero"><div class="container"><h1>四大服务模块</h1><p class="sub">AI内容智能生成｜GEO搜索优化｜数据洞察分析｜品牌声誉管理</p></div></section><section class="section"><div class="container"><div class="grid-4"><div class="card"><h3>AI内容智能生成</h3><p>智能写作、意图分析、语义优化、多平台适配。</p></div><div class="card"><h3>GEO搜索优化</h3><p>AI索引与推荐算法研究、实时监控、效果分析。</p></div><div class="card"><h3>数据洞察分析</h3><p>数据追踪、竞品分析、趋势预测、策略优化。</p></div><div class="card"><h3>品牌声誉管理</h3><p>声誉监控、负面处理、正向引导、危机应对。</p></div></div></div></section><footer class="footer"><div class="container">© 2025 深度云海</div></footer></body></html>
|
||||
71
deepagens-new/styles.css
Normal file
71
deepagens-new/styles.css
Normal file
@ -0,0 +1,71 @@
|
||||
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,PingFang SC,Helvetica,Arial,sans-serif;color:#e6f2ff;background:#0b1220}:root{--bg-start:#07121f;--bg-end:#0d2137;--primary:#1fb6ff;--primary-2:#00c9a7;--accent:#22d3ee;--text:#e6f2ff;--muted:#9fb7c9;--card-bg:#0f1a2b;--card-border:#16324a;--divider:#133047}.container{max-width:1140px;margin:0 auto;padding:0 20px}.nav{position:sticky;top:0;background:rgba(7,18,31,.7);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--divider)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:36px;height:36px;border-radius:8px;object-fit:contain}.brand-name{font-weight:700;letter-spacing:.5px;color:var(--text)}.nav a{margin-left:16px;color:var(--muted);text-decoration:none}.nav a:hover{color:var(--text)}.btn{display:inline-block;padding:12px 18px;min-height:44px;border-radius:8px;text-decoration:none;font-weight:600}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#04121f}.btn-secondary{background:#0c2a43;color:var(--text);border:1px solid var(--card-border)}.btn-outline{border:1px solid var(--card-border);color:var(--text);background:transparent}.hero{position:relative;overflow:hidden;padding:96px 0 56px;background:linear-gradient(180deg, var(--bg-start), var(--bg-end))}.hero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(1000px 600px at 20% -10%, rgba(31,182,255,.20), rgba(0,201,167,.12) 40%, rgba(11,18,32,0) 70%), conic-gradient(from 180deg at 70% 10%, rgba(31,182,255,.10), rgba(0,201,167,.08), rgba(31,182,255,.10));filter:blur(40px);animation:heroGlow 12s ease-in-out infinite alternate}.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:24px 24px, 24px 24px;mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,0));pointer-events:none}.hero h1{font-size:56px;line-height:1.1;margin:0 0 14px;color:var(--text)}.hero .sub{color:var(--muted);max-width:760px;font-size:18px}.cta{margin:22px 0;display:flex;gap:12px;flex-wrap:wrap}.entry-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.entry-ctas .pill{padding:8px 12px;border-radius:999px;border:1px solid var(--card-border);background:rgba(13,33,55,.6);color:#cfe7ff;text-decoration:none;font-size:13px}.entry-ctas .pill:hover{border-color:#245279}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.badge{border:1px solid var(--card-border);border-radius:12px;padding:14px;background:linear-gradient(180deg,#0f1a2b,#0b1829);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,0.03) inset}.trusted{margin-top:28px;opacity:.9}.trusted .trusted-logos{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.trusted .trusted-logos img{height:28px;opacity:.85;filter:grayscale(100%)}@keyframes heroGlow{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-20px) scale(1.05)}}.section{padding:48px 0;background:linear-gradient(180deg, var(--bg-start), var(--bg-end))}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{padding:16px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);box-shadow:0 4px 14px rgba(0,0,0,.22);transition:transform .2s ease, box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.28)}.stats .stat-card{display:flex;flex-direction:column;gap:6px}.stats .num{font-size:32px;font-weight:800;color:#e6f7ff}.stats .label{color:#cfe7ff}
|
||||
|
||||
/* Testimonials (dark theme colors) */
|
||||
.testimonials{position:relative}
|
||||
.testimonials::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 260px at 25% 12%, rgba(31,182,255,.12), rgba(0,201,167,0) 70%);opacity:.9;pointer-events:none}
|
||||
.testimonials .overline{display:inline-flex;align-items:center;gap:8px;color:#9fb7c9;margin-bottom:16px;font-size:12px;background:rgba(115,85,255,.08);border:1px solid rgba(115,85,255,.18);padding:6px 10px;border-radius:999px}
|
||||
.testimonials h2{color:#e6f2ff;font-size:30px;font-weight:800;text-align:center;margin:0 0 8px}
|
||||
.testimonials .subtitle{color:#9fb7c9;text-align:center;margin:0 0 24px}
|
||||
.testimonials .card{background:#0f1a2b;border:1px solid #16324a;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.25)}
|
||||
.testimonials .card .stars{color:#1fb6ff;margin-bottom:8px}
|
||||
.testimonials .card .quote{color:#cfe7ff}
|
||||
.testimonials .card .meta{display:flex;flex-direction:column;margin-top:12px;color:#9fb7c9}
|
||||
.testimonials .card .label{display:inline-flex;align-items:center;border:1px solid #2b3f5a;background:rgba(67,56,202,.12);color:#c9b8ff;padding:4px 10px;border-radius:999px;font-size:12px;width:max-content}
|
||||
.card h3{color:var(--text)}.card p{color:var(--muted)}.cases{padding:40px 0;background:linear-gradient(180deg, var(--bg-end), var(--bg-start))}.case-card{border:1px solid var(--card-border);border-radius:12px;padding:16px;background:var(--card-bg);box-shadow:0 4px 14px rgba(0,0,0,.22);transition:transform .2s ease, box-shadow .2s ease}.case-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.28)}.case-thumb{height:140px;border-radius:8px;margin-bottom:10px;border:1px solid var(--card-border);overflow:hidden}.case-thumb img{width:100%;height:100%;object-fit:cover}.blog-thumb{height:120px;border-radius:8px;margin-bottom:10px;border:1px solid var(--card-border);overflow:hidden}.blog-thumb img{width:100%;height:100%;object-fit:cover}.avatar{width:56px;height:56px;border-radius:50%;border:1px solid var(--card-border);background:#0a1929;overflow:hidden;margin-bottom:10px}.avatar img{width:100%;height:100%;object-fit:cover}.flow{border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.flow img{width:100%;display:block}.cta-block{padding:28px;border:1px solid var(--card-border);background:#0d2137;border-radius:12px;text-align:center}
|
||||
/* Pro CTA */
|
||||
.cta-pro{position:relative;}
|
||||
.cta-pro::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 300px at 30% 10%, rgba(31,182,255,.18), rgba(0,201,167,.0) 60%), radial-gradient(600px 400px at 80% 60%, rgba(31,182,255,.12), rgba(0,201,167,.0) 70%);opacity:.9;pointer-events:none}
|
||||
.cta-pro .card-big{position:relative;padding:56px 56px;border:0;background:transparent;border-radius:20px;box-shadow:none;max-width:1160px;margin:0 auto;text-align:center}
|
||||
.cta-pro .overline{display:inline-flex;align-items:center;gap:8px;letter-spacing:.02em;color:#722ED1;margin-bottom:16px;font-size:13px;background:#F3EBFF;border:1px solid #e8dbff;padding:6px 10px;border-radius:999px}
|
||||
.cta-pro h2{margin:0 0 20px;color:#333;font-size:34px;line-height:1.35;font-weight:800}
|
||||
.cta-pro .desc{color:#666;margin:0 0 24px;line-height:1.8}
|
||||
.cta-pro .feature-list{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:20px 36px;margin:24px 0 32px;align-items:start;justify-items:center}
|
||||
.cta-pro .feature{display:inline-flex;align-items:center;gap:10px;color:#cfe7ff;font-size:16px;line-height:1.8}
|
||||
.cta-pro .actions{display:flex;gap:16px 20px;flex-wrap:wrap;margin-top:16px;justify-content:center}
|
||||
.cta-pro .btn{min-height:48px;padding:14px 22px}
|
||||
.cta-pro .btn-primary{background:#409EFF;color:#fff;border:1px solid #409EFF}
|
||||
.cta-pro .btn-primary:hover{background:#2f7fd6;border-color:#2f7fd6}
|
||||
.cta-pro .btn-secondary{background:#fff;color:#333;border:1px solid #e6e8ef}
|
||||
.cta-pro .btn-secondary:hover{background:#f7f9fc}
|
||||
.cta-pro .trust{margin-top:22px;color:#666;border-top:1px solid #e6e8ef;padding-top:16px}
|
||||
@media(max-width:900px){.cta-pro .card-big{padding:32px 24px} .cta-pro .feature-list{grid-template-columns:1fr;gap:14px 16px;margin:16px 0 20px} .cta-pro h2{font-size:24px;line-height:1.4}}.footer{padding:40px 0;border-top:1px solid var(--divider);background:linear-gradient(180deg,var(--bg-end),var(--bg-start));color:var(--muted)}.footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}.footer h4{margin:0 0 10px;color:#e6f2ff}.footer a{color:#cfe7ff;text-decoration:none;display:block;margin:6px 0}.footer a:hover{color:#ffffff}.footer .brand-desc{color:#9fb7c9}.footer .contact p{margin:6px 0}.footer .bottom{border-top:1px solid var(--divider);margin-top:20px;padding-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.footer .policy{display:flex;gap:12px;flex-wrap:wrap}.footer .icp{color:#9fb7c9}@media(max-width:900px){.footer .grid{grid-template-columns:1fr}.footer .bottom{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr}.badges{grid-template-columns:repeat(2,1fr)}}
|
||||
|
||||
/* Section head (shared title style like CTA) */
|
||||
.section-head{display:block;text-align:center;margin:0 0 24px}
|
||||
.section-head .overline{display:inline-flex;align-items:center;gap:8px;color:#9fb7c9;font-size:12px;background:rgba(115,85,255,.08);border:1px solid rgba(115,85,255,.18);padding:6px 10px;border-radius:999px;margin-bottom:12px}
|
||||
.section-head h2{color:#e6f2ff;font-size:30px;line-height:1.35;font-weight:800;margin:0 0 10px}
|
||||
.section-head .subhead{color:#9fb7c9;margin:0 0 16px}
|
||||
|
||||
/* Light section (2-9 screens) */
|
||||
.section-lite{background:#F5F7FA;color:#333}
|
||||
.section-lite h2{color:#333;font-weight:800;font-size:26px;text-align:center;margin:0 0 8px}
|
||||
.section-lite .subhead{color:#666;font-size:15px;text-align:center;margin:0 0 24px}
|
||||
.section-lite .grid-2,.section-lite .grid-3,.section-lite .grid-4{gap:32px}
|
||||
.section-lite .card{background:#FFF;border:1px solid #e6e8ef;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
|
||||
.section-lite .card h3{color:#333;font-size:20px;font-weight:700;margin:0 0 6px}
|
||||
.section-lite .card p{color:#666;font-size:14px;line-height:1.6}
|
||||
|
||||
/* Buttons for light sections */
|
||||
.btn-blue{background:#409EFF;color:#fff;border-radius:4px;border:1px solid #409EFF}
|
||||
.btn-blue:hover{background:#2f7fd6;border-color:#2f7fd6}
|
||||
.btn-purple{background:#722ED1;color:#fff;border-radius:4px;border:1px solid #722ED1}
|
||||
.btn-purple:hover{background:#5b23a8;border-color:#5b23a8}
|
||||
.btn-outline-blue{background:#fff;color:#409EFF;border:1px solid #409EFF;border-radius:4px}
|
||||
.btn-outline-blue:hover{background:#ECF5FF}
|
||||
|
||||
/* Case cards mapping to light style */
|
||||
.section-lite .case-card{background:#fff;border:1px solid #e6e8ef;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
|
||||
.section-lite .case-card h3{color:#333}
|
||||
.section-lite .case-card .sub{color:#666}
|
||||
.section-lite .case-thumb{border:1px solid #eef1f5;background:#fafbff}
|
||||
|
||||
/* Blog cards */
|
||||
.section-lite .blog-thumb{border:1px solid #eef1f5;background:#fafbff}
|
||||
|
||||
/* Testimonials */
|
||||
.section-lite .testimonial-card .stars{color:#409EFF;margin-bottom:8px}
|
||||
.section-lite .testimonial-card .customer{display:flex;gap:8px;align-items:center;margin-top:8px}
|
||||
.section-lite .testimonial-card .name{color:#333;font-weight:600}
|
||||
.section-lite .testimonial-card .tag{background:#F3EBFF;color:#722ED1;border-radius:999px;padding:2px 8px;font-size:12px}
|
||||
|
||||
/* CTA Pro ad
|
||||
1
deepagens-new/terms.html
Normal file
1
deepagens-new/terms.html
Normal file
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>服务条款｜深度云海</title><link rel="stylesheet" href="styles.css" /></head><body><header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="logo.png" alt="深度云海"/><div class="brand-name">深度云海｜Deepagens</div></div><nav><a href="index.html">首页</a><a href="services/raas-platform/">服务</a><a href="cases.html">案例</a><a href="blog.html">博客</a><a href="about.html">关于</a><a class="btn btn-primary" href="contact.html">免费咨询</a></nav></div></header><section class="hero"><div class="container"><h1>服务条款</h1><p class="sub">明确双方的权利与义务，保障您的合法权益。</p></div></section><section class="section"><div class="container"><div class="card"><h3>使用范围</h3><p class="sub">服务仅用于合法商业目的，不得滥用。</p><h3>责任限制</h3><p class="sub">在法律允许范围内，我们对间接损失不承担责任。</p><h3>条款变更</h3><p class="sub">条款可能更新，请定期查看最新版本。</p></div></div></section><footer class="footer"><div class="container">© 2025 深度云海</div></footer></body></html>
|
||||
38
deepagens-static/about.html
Normal file
38
deepagens-static/about.html
Normal file
@ -0,0 +1,38 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>关于我们｜深度未来（Deepagens）</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
<a href="pricing.html">定价</a>
|
||||
<a href="resources.html">资源库</a>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a href="contact.html" class="btn btn-outline">联系我们</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>关于深度未来</h1>
|
||||
<p class="sub">使命：让AI主动推荐你。愿景：构建可被机器与人同时理解的品牌资产。</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
<div class="container grid-3">
|
||||
<div class="card"><h3>里程碑</h3><p>2025年发布AI搜索全链路方案，首批客户营收破百万。</p></div>
|
||||
<div class="card"><h3>团队</h3><p>AI工程、增长、产品、市场的跨职能团队。</p></div>
|
||||
<div class="card"><h3>资质</h3><p>专利：权威信号点埋入技术；合规：GDPR/CCPA。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
38
deepagens-static/blog.html
Normal file
38
deepagens-static/blog.html
Normal file
@ -0,0 +1,38 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>博客｜深度未来（Deepagens）</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
<a href="pricing.html">定价</a>
|
||||
<a href="resources.html">资源库</a>
|
||||
<a href="blog.html">博客</a>
|
||||
<a href="contact.html" class="btn btn-outline">联系我们</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>AI营销洞察</h1>
|
||||
<p class="sub">围绕“AI搜索优化”“GEO营销”“AI建站系统”“智能体客服”的思想领导力内容。</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
<div class="container grid-3">
|
||||
<div class="card"><h3>支柱页：AI搜索时代企业获客终极指南</h3><p>8000字长文占位。</p></div>
|
||||
<div class="card"><h3>专题：GEO营销方法论</h3><p>互链至支柱页。</p></div>
|
||||
<div class="card"><h3>专题：智能体客服转化提升</h3><p>实操案例与数据。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
76
deepagens-static/cases.html
Normal file
76
deepagens-static/cases.html
Normal file
@ -0,0 +1,76 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>客户案例｜深度未来（Deepagens）</title>
|
||||
<meta name="description" content="行业筛选与标杆案例：制造业、零售业、生活服务（途悠居集团）。展示挑战-方案-结果与KPI。" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>客户案例</h1>
|
||||
<p class="sub">按行业查看成功故事与量化结果，支持下载 PDF 摘要与客户证言视频嵌入。</p>
|
||||
<div class="cta">
|
||||
<a class="btn btn-primary" href="solutions.html">了解方案</a>
|
||||
<a class="btn btn-secondary" href="index.html#contact">联系销售</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cases">
|
||||
<div class="container">
|
||||
<h2>行业筛选</h2>
|
||||
<div class="grid-3">
|
||||
<div class="card"><h3>制造业</h3><p>质量检测与售后提升。</p></div>
|
||||
<div class="card"><h3>零售业</h3><p>AI搜索咨询量提升 190%。</p></div>
|
||||
<div class="card"><h3>生活服务</h3><p>途悠居集团：GEO优化后咨询量 +200%。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cases">
|
||||
<div class="container">
|
||||
<h2>精选案例</h2>
|
||||
<div class="grid-3">
|
||||
<div class="case-card">
|
||||
<div class="case-thumb"></div>
|
||||
<h3>豫信新能源</h3>
|
||||
<p>挑战：未被AI推荐导致月流失500+商机</p>
|
||||
<p>方案：AI建站 + 200个蒸馏问答</p>
|
||||
<p>结果：品牌AI提及率 5% → 62%，转化成本下降35%</p>
|
||||
</div>
|
||||
<div class="case-card">
|
||||
<div class="case-thumb"></div>
|
||||
<h3>途悠居集团</h3>
|
||||
<p>行业：生活服务</p>
|
||||
<p>结果：GEO优化后咨询量 +200%</p>
|
||||
</div>
|
||||
<div class="case-card">
|
||||
<div class="case-thumb"></div>
|
||||
<h3>某零售品牌</h3>
|
||||
<p>AI搜索咨询量提升 190%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div>© 2025 深度未来（Deepagens）｜<a href="#" class="muted">隐私政策</a>｜<a href="#" class="muted">使用条款</a>｜<a href="#" class="muted">GDPR声明</a></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
51
deepagens-static/contact.html
Normal file
51
deepagens-static/contact.html
Normal file
@ -0,0 +1,51 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>联系我们｜深度未来（Deepagens）</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
<a href="pricing.html">定价</a>
|
||||
<a href="resources.html">资源库</a>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a href="contact.html" class="btn btn-outline">联系我们</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>联系与获取线索</h1>
|
||||
<p class="sub">请填写表单，我们将在一个工作日内联系您。</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="contact">
|
||||
<div class="container">
|
||||
<form id="contact-form" class="form">
|
||||
<div class="grid-2">
|
||||
<label>姓名<input type="text" name="name" required /></label>
|
||||
<label>邮箱<input type="email" name="email" required /></label>
|
||||
</div>
|
||||
<div class="grid-2">
|
||||
<label>公司<input type="text" name="company" /></label>
|
||||
<label>手机号<input type="tel" name="phone" /></label>
|
||||
</div>
|
||||
<label>需求描述<textarea name="need" rows="4" placeholder="请简要描述您的需求…"></textarea></label>
|
||||
<div class="actions">
|
||||
<button class="btn btn-primary" type="submit">提交</button>
|
||||
<span id="form-msg" class="muted"></span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
36
deepagens-static/developers.html
Normal file
36
deepagens-static/developers.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>开发者中心｜深度未来（Deepagens）</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
<a href="developers.html">开发者中心</a>
|
||||
<a href="contact.html" class="btn btn-outline">联系我们</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>开发者中心</h1>
|
||||
<p class="sub">API/SDK文档占位：快速开始、认证、示例请求、Webhook、错误码。</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
<div class="container grid-3">
|
||||
<div class="card"><h3>快速开始</h3><p>生成密钥、初始化SDK。</p></div>
|
||||
<div class="card"><h3>示例</h3><p>Node/Python调用示例。</p></div>
|
||||
<div class="card"><h3>状态与变更</h3><p>版本更新与状态页占位。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
132
deepagens-static/index.html
Normal file
132
deepagens-static/index.html
Normal file
@ -0,0 +1,132 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>深度未来（Deepagens）— AI搜索营销全链路方案</title>
|
||||
<meta name="description" content="让AI主动推荐你。AI搜索时代的全链路营销闭环，7天完成AI建站上线，部分客户获客成本下降40%。" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
<a href="pricing.html">定价</a>
|
||||
<a href="resources.html">资源库</a>
|
||||
<a href="blog.html">博客</a>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a href="contact.html" class="btn btn-outline">联系我们</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>AI搜索时代，你的品牌必须被看见</h1>
|
||||
<p class="sub">深度未来通过AI搜索全链路营销闭环，帮助中小企业平均7天完成AI建站上线；部分客户获客成本下降40%（详见案例）。</p>
|
||||
<div class="cta">
|
||||
<a class="btn btn-primary" href="solutions.html">预约演示</a>
|
||||
<a class="btn btn-secondary" href="resources.html">下载白皮书</a>
|
||||
<a class="btn btn-ghost" href="pricing.html">免费体验 Lite</a>
|
||||
</div>
|
||||
<div class="hero-visual">
|
||||
<div class="globe"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="selling" class="selling">
|
||||
<div class="container grid-3">
|
||||
<div class="card">
|
||||
<h3>10分钟AI建站</h3>
|
||||
<p>专利Schema预埋技术，自动生成可被AI理解的品牌资产。</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>实时GEO监控</h3>
|
||||
<p>跨平台品牌提及率追踪，看板实时洞察与预警。</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>智能体销售转化</h3>
|
||||
<p>92.7%情感识别准确率，蒸馏问答驱动转化闭环。</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="logos section">
|
||||
<div class="container">
|
||||
<p class="muted">受信任于行业头部客户</p>
|
||||
<div class="logo-wall">
|
||||
<div class="logo-item">爱尔眼科</div>
|
||||
<div class="logo-item">豫信新能源</div>
|
||||
<div class="logo-item">锐之旗</div>
|
||||
<div class="logo-item">途悠居集团</div>
|
||||
<div class="logo-item">示例客户A</div>
|
||||
<div class="logo-item">示例客户B</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="pricing section">
|
||||
<div class="container">
|
||||
<h2>定价中心</h2>
|
||||
<div class="grid-2">
|
||||
<div class="price-card">
|
||||
<h3>标准版</h3>
|
||||
<ul>
|
||||
<li>AI建站</li>
|
||||
<li>基础GEO监控</li>
|
||||
<li>智能体客服（FAQ限定）</li>
|
||||
<li>邮件支持</li>
|
||||
</ul>
|
||||
<a class="btn btn-secondary" href="pricing.html">开始试用</a>
|
||||
</div>
|
||||
<div class="price-card featured">
|
||||
<h3>企业版</h3>
|
||||
<ul>
|
||||
<li>专利Schema注入</li>
|
||||
<li>跨平台提及率看板</li>
|
||||
<li>高级智能体销售</li>
|
||||
<li>企业SLA与私有化部署支持</li>
|
||||
</ul>
|
||||
<a class="btn btn-primary" href="pricing.html">联系销售</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="resources section">
|
||||
<div class="container">
|
||||
<h2>资源库</h2>
|
||||
<div class="grid-3">
|
||||
<div class="card">
|
||||
<h3>AI搜索营销白皮书</h3>
|
||||
<p>下载需要填写基本信息。</p>
|
||||
<a class="btn btn-outline" href="resources.html">下载白皮书</a>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>产品手册</h3>
|
||||
<p>PDF与PPT模板。</p>
|
||||
<a class="btn btn-outline" href="resources.html">下载手册</a>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>开发者文档</h3>
|
||||
<p>API与SDK占位。</p>
|
||||
<a class="btn btn-outline" href="developers.html">查看文档</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div>© 2025 深度未来（Deepagens）｜<a href="privacy.html" class="muted">隐私政策</a>｜<a href="privacy.html" class="muted">使用条款</a>｜<a href="privacy.html" class="muted">GDPR声明</a></div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
35
deepagens-static/media.html
Normal file
35
deepagens-static/media.html
Normal file
@ -0,0 +1,35 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>媒体中心｜深度未来（Deepagens）</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="media.html">媒体中心</a>
|
||||
<a href="contact.html" class="btn btn-outline">联系我们</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>媒体与新闻</h1>
|
||||
<p class="sub">媒体报道、新闻稿与品牌素材下载。</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
<div class="container grid-3">
|
||||
<div class="card"><h3>新闻稿</h3><p>新品发布与案例报道。</p></div>
|
||||
<div class="card"><h3>媒体报道</h3><p>第三方媒体链接。</p></div>
|
||||
<div class="card"><h3>品牌素材</h3><p>Logo与使用规范。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
55
deepagens-static/pricing.html
Normal file
55
deepagens-static/pricing.html
Normal file
@ -0,0 +1,55 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>定价中心｜深度未来（Deepagens）</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
<a href="pricing.html">定价</a>
|
||||
<a href="resources.html">资源库</a>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a href="contact.html" class="btn btn-outline">联系我们</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>定价与方案</h1>
|
||||
<p class="sub">为中小企业到大型集团提供可扩展的AI搜索营销解决方案。</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="pricing">
|
||||
<div class="container grid-2">
|
||||
<div class="price-card">
|
||||
<h3>标准版</h3>
|
||||
<ul>
|
||||
<li>AI建站</li>
|
||||
<li>基础GEO监控</li>
|
||||
<li>智能体客服（FAQ限定）</li>
|
||||
<li>邮件支持</li>
|
||||
</ul>
|
||||
<a class="btn btn-secondary" href="contact.html">开始试用</a>
|
||||
</div>
|
||||
<div class="price-card featured">
|
||||
<h3>企业版</h3>
|
||||
<ul>
|
||||
<li>专利Schema注入</li>
|
||||
<li>跨平台提及率看板</li>
|
||||
<li>高级智能体销售</li>
|
||||
<li>企业SLA与私有化部署支持</li>
|
||||
</ul>
|
||||
<a class="btn btn-primary" href="contact.html">联系销售</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
35
deepagens-static/privacy.html
Normal file
35
deepagens-static/privacy.html
Normal file
@ -0,0 +1,35 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>隐私与条款｜深度未来（Deepagens）</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="privacy.html">隐私政策</a>
|
||||
<a href="privacy.html">使用条款</a>
|
||||
<a href="privacy.html">GDPR声明</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>隐私与合规</h1>
|
||||
<p class="sub">占位：GDPR/CCPA合规、Cookie策略与用户权利说明。</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="card"><h3>隐私政策</h3><p>数据收集、使用与存储。</p></div>
|
||||
<div class="card"><h3>使用条款</h3><p>服务使用的规则与限制。</p></div>
|
||||
<div class="card"><h3>GDPR声明</h3><p>数据主体权利与请求方式。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
38
deepagens-static/resources.html
Normal file
38
deepagens-static/resources.html
Normal file
@ -0,0 +1,38 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>资源库｜深度未来（Deepagens）</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
<a href="pricing.html">定价</a>
|
||||
<a href="resources.html">资源库</a>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a href="contact.html" class="btn btn-outline">联系我们</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>资源中心</h1>
|
||||
<p class="sub">白皮书、产品手册、开发文档等，支持下载与演示。</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="resources">
|
||||
<div class="container grid-3">
|
||||
<div class="card"><h3>AI搜索营销白皮书</h3><p>填写信息后获取下载链接。</p></div>
|
||||
<div class="card"><h3>产品手册</h3><p>PDF/PPT模板。</p></div>
|
||||
<div class="card"><h3>开发者文档</h3><p>API与SDK占位。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
8
deepagens-static/script.js
Normal file
8
deepagens-static/script.js
Normal file
@ -0,0 +1,8 @@
|
||||
document.getElementById('contact-form').addEventListener('submit', function (e) {
|
||||
e.preventDefault();
|
||||
const btn = this.querySelector('button[type="submit"]');
|
||||
btn.disabled = true;
|
||||
const msg = document.getElementById('form-msg');
|
||||
msg.textContent = '感谢提交！我们将尽快联系您。';
|
||||
setTimeout(() => { btn.disabled = false; msg.textContent = ''; }, 3000);
|
||||
});
|
||||
74
deepagens-static/solutions.html
Normal file
74
deepagens-static/solutions.html
Normal file
@ -0,0 +1,74 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>解决方案｜深度未来（Deepagens）</title>
|
||||
<meta name="description" content="AI搜索导致自然流量下降，深度未来以四层技术栈实现从数据到转化的闭环：数据采集 → AI分析 → 内容执行 → 追踪反馈。" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav">
|
||||
<div class="container nav-inner">
|
||||
<div class="logo">Deepagens</div>
|
||||
<nav>
|
||||
<a href="index.html">首页</a>
|
||||
<a href="solutions.html">解决方案</a>
|
||||
<a href="cases.html">成功案例</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>AI搜索全链路解决方案</h1>
|
||||
<p class="sub">问题场景：AI搜索导致自然流量下降40%（参考行业报告）。我们以四层技术栈实现从数据到转化的闭环：数据采集 → AI分析 → 内容执行 → 追踪反馈。</p>
|
||||
<div class="cta">
|
||||
<a class="btn btn-primary" href="#trial">免费体验 Lite 版</a>
|
||||
<a class="btn btn-secondary" href="cases.html">查看客户案例</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="solutions">
|
||||
<div class="container">
|
||||
<h2>技术架构</h2>
|
||||
<div class="grid-4 grid-3">
|
||||
<div class="card"><h3>数据采集</h3><p>跨平台抓取品牌相关问答与提及，构建知识库。</p></div>
|
||||
<div class="card"><h3>AI分析</h3><p>蒸馏问答与情感识别，提取权威信号点。</p></div>
|
||||
<div class="card"><h3>内容执行</h3><p>AI一键建站，专利Schema预埋，生成结构化资产。</p></div>
|
||||
<div class="card"><h3>追踪反馈</h3><p>GEO监控看板，品牌提及率与转化闭环。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="solutions">
|
||||
<div class="container">
|
||||
<h2>功能模块</h2>
|
||||
<div class="grid-3">
|
||||
<div class="card">
|
||||
<h3>AI一键建站</h3>
|
||||
<p>结构化资产生成（Schema预埋专利）。</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>GEO监控看板</h3>
|
||||
<p>品牌提及率跨平台追踪，异常提醒。</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>智能体客服</h3>
|
||||
<p>高准确情感识别与蒸馏问答，促进成交。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cta center" id="trial">
|
||||
<a class="btn btn-primary" href="cases.html">预约演示</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div>© 2025 深度未来（Deepagens）｜<a href="#" class="muted">隐私政策</a>｜<a href="#" class="muted">使用条款</a>｜<a href="#" class="muted">GDPR声明</a></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
59
deepagens-static/styles.css
Normal file
59
deepagens-static/styles.css
Normal file
@ -0,0 +1,59 @@
|
||||
* { box-sizing: border-box; }
|
||||
html, body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, PingFang SC, Helvetica, Arial, sans-serif; color: #e6f2ff; background: #0b1220; }
|
||||
:root {
|
||||
--bg-start: #07121f; /* 深色 */
|
||||
--bg-end: #0d2137; /* 渐变过渡 */
|
||||
--accent-1: #1fb6ff; /* 湖蓝主色 */
|
||||
--accent-2: #00c9a7; /* 湖蓝-青色过渡 */
|
||||
--text-primary: #e6f2ff;
|
||||
--text-muted: #a8c0d8;
|
||||
--card-bg: #0f1a2b;
|
||||
--card-border: #16324a;
|
||||
--btn-ghost: #a8c0d8;
|
||||
}
|
||||
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
|
||||
.nav { position: sticky; top: 0; background: rgba(7,18,31,0.65); backdrop-filter: saturate(180%) blur(10px); border-bottom: 1px solid var(--card-border); }
|
||||
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 64px; }
|
||||
.nav a { margin-left: 16px; color: var(--text-muted); text-decoration: none; }
|
||||
.nav a:hover { color: var(--text-primary); }
|
||||
.logo { font-weight: 700; letter-spacing: 0.5px; color: var(--text-primary); }
|
||||
.btn { display: inline-block; padding: 10px 16px; border-radius: 8px; text-decoration: none; font-weight: 600; }
|
||||
.btn-primary { background: linear-gradient(90deg, var(--accent-1), var(--accent-2)); color: #04121f; }
|
||||
.btn-secondary { background: #0c2a43; color: var(--text-primary); border: 1px solid var(--card-border); }
|
||||
.btn-outline { border: 1px solid var(--card-border); color: var(--text-primary); }
|
||||
.btn-ghost { color: var(--btn-ghost); }
|
||||
.center { text-align: center; }
|
||||
.hero { padding: 80px 0 40px; background: radial-gradient(1200px 600px at 30% -20%, rgba(31,182,255,0.25), rgba(0,201,167,0.18) 40%, rgba(11,18,32,0) 75%), linear-gradient(180deg, var(--bg-start), var(--bg-end)); }
|
||||
.hero h1 { font-size: 40px; margin: 0 0 12px; color: var(--text-primary); }
|
||||
.hero .sub { color: var(--text-muted); max-width: 720px; }
|
||||
.cta { margin: 20px 0; display: flex; gap: 12px; flex-wrap: wrap; }
|
||||
.hero-visual { margin-top: 28px; height: 240px; display: flex; align-items: center; }
|
||||
.globe { width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, var(--accent-2), var(--accent-1) 60%, #0b1220 100%); box-shadow: 0 10px 30px rgba(2,6,23,0.35); animation: spin 12s linear infinite; }
|
||||
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
|
||||
.section { padding: 40px 0; background: linear-gradient(180deg, var(--bg-start), var(--bg-end)); }
|
||||
.selling { padding: 40px 0; }
|
||||
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
|
||||
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
|
||||
.card { padding: 16px; border: 1px solid var(--card-border); border-radius: 12px; background: var(--card-bg); }
|
||||
.card h3 { color: var(--text-primary); }
|
||||
.card p { color: var(--text-muted); }
|
||||
.logo-wall { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-top: 10px; }
|
||||
.logo-item { border: 1px dashed var(--card-border); border-radius: 10px; padding: 10px; text-align: center; color: var(--text-muted); background: #0a1929; }
|
||||
.solutions, .cases, .pricing, .resources, .contact { padding: 40px 0; }
|
||||
.section h2, .solutions h2, .cases h2, .pricing h2, .resources h2, .contact h2 { color: var(--text-primary); }
|
||||
.case-card { border: 1px solid var(--card-border); border-radius: 12px; padding: 16px; background: var(--card-bg); }
|
||||
.case-thumb { height: 120px; background: #0a1929; border-radius: 8px; margin-bottom: 10px; }
|
||||
.price-card { border: 1px solid var(--card-border); border-radius: 12px; padding: 16px; background: var(--card-bg); }
|
||||
.price-card.featured { border-color: var(--accent-1); box-shadow: 0 8px 24px rgba(31,182,255,0.2); }
|
||||
.form label { display: flex; flex-direction: column; gap: 6px; color: var(--text-muted); }
|
||||
.form input, .form textarea { padding: 10px; border: 1px solid #1c3852; border-radius: 8px; font-size: 14px; background: #091524; color: var(--text-primary); }
|
||||
.form input::placeholder, .form textarea::placeholder { color: #6b8aa7; }
|
||||
.actions { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
|
||||
.muted { color: var(--text-muted); font-size: 14px; }
|
||||
.footer { padding: 30px 0; border-top: 1px solid var(--card-border); background: linear-gradient(180deg, var(--bg-end), var(--bg-start)); color: var(--text-muted); }
|
||||
@media (max-width: 900px) {
|
||||
.grid-3 { grid-template-columns: 1fr; }
|
||||
.grid-2 { grid-template-columns: 1fr; }
|
||||
.logo-wall { grid-template-columns: repeat(3, 1fr); }
|
||||
.hero h1 { font-size: 32px; }
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user