256 lines
17 KiB
HTML
256 lines
17 KiB
HTML
<!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">
|
||
<h2 style="color:#e6f2ff">核心服务</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">
|
||
<h2 style="color:#e6f2ff">用数据说话</h2>
|
||
<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"><h2 style="color:#e6f2ff">白皮书领取</h2>
|
||
<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">
|
||
<h2 style="color:#e6f2ff">成功案例</h2>
|
||
<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">
|
||
<h2 style="color:#e6f2ff">客户评价</h2>
|
||
<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">
|
||
<h2 style="color:#e6f2ff">观点洞察（最新3篇）</h2>
|
||
<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">
|
||
<h2 style="color:#e6f2ff">关于深度云海</h2>
|
||
<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> |