86 lines
6.6 KiB
HTML
86 lines
6.6 KiB
HTML
|
<!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="section"><div class="container" style="text-align:center">
|
|||
|
|
<div class="overline" style="display:inline-flex;align-items:center;gap:8px;letter-spacing:.02em;color:#cfe7ff;margin-bottom:14px;font-size:13px;background:rgba(12,42,67,.45);border:1px solid #2a4966;padding:6px 10px;border-radius:999px">联系我们</div>
|
|||
|
|
<h1 style="color:#e6f2ff;font-size:34px;line-height:1.35;font-weight:800;margin:0 0 10px">开启您的GEO增长之旅</h1>
|
|||
|
|
<p style="color:#9fb7c9;margin:0">填写联系方式，我们的GEO专家将在2小时内与您联系，提供免费的现状诊断和优化建议</p>
|
|||
|
|
</div></section>
|
|||
|
|
<style>
|
|||
|
|
/* Contact page dark form styling */
|
|||
|
|
.contact-form-dark label{display:block;color:#cfe7ff;font-size:14px;margin:14px 0 8px}
|
|||
|
|
.contact-form-dark input,.contact-form-dark select,.contact-form-dark textarea{width:100%;padding:12px 14px;border:1px solid #2a4966;border-radius:10px;background:#0e1b2b;color:#e6f2ff;outline:none;transition:border-color .15s ease, box-shadow .15s ease}
|
|||
|
|
.contact-form-dark input::placeholder,.contact-form-dark textarea::placeholder{color:#7a8da5}
|
|||
|
|
.contact-form-dark input:focus,.contact-form-dark select:focus,.contact-form-dark textarea:focus{border-color:#409EFF;box-shadow:0 0 0 3px rgba(64,158,255,.18)}
|
|||
|
|
.contact-form-dark .phone-group{display:flex;gap:0}
|
|||
|
|
.contact-form-dark .phone-group .cc{display:inline-flex;align-items:center;justify-content:center;padding:12px 12px;border:1px solid #2a4966;border-right:none;background:#0c1726;color:#cfe7ff;border-top-left-radius:10px;border-bottom-left-radius:10px}
|
|||
|
|
.contact-form-dark .phone-group .phone-input{border-top-left-radius:0;border-bottom-left-radius:0}
|
|||
|
|
.contact-form-dark .actions{margin-top:14px}
|
|||
|
|
</style>
|
|||
|
|
<section class="section" style="padding-top:0"><div class="container">
|
|||
|
|
<div class="grid-3" style="grid-template-columns:2fr 1fr; gap:28px">
|
|||
|
|
<!-- 左：免费咨询表单 -->
|
|||
|
|
<div class="card" style="background:linear-gradient(180deg,#0f1a2b,#0b1829);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.22)">
|
|||
|
|
<div style="display:flex;align-items:center;justify-content:space-between;background:rgba(12,42,67,.45);border:1px solid #2a4966;color:#cfe7ff;padding:12px 14px;border-radius:8px;margin:16px">
|
|||
|
|
<strong>限前100位客户免费GEO诊断服务</strong>
|
|||
|
|
<span style="font-size:12px;opacity:.8">赠送咨询大纲</span>
|
|||
|
|
</div>
|
|||
|
|
<div style="display:flex;gap:14px;background:#0d2137;border-radius:10px;border:1px solid var(--card-border);margin:0 16px 14px;padding:14px">
|
|||
|
|
<div style="flex:1">
|
|||
|
|
<div style="color:#cfe7ff;font-size:14px;display:flex;gap:8px;align-items:center"><span style="width:8px;height:8px;border-radius:50%;background:#1fb6ff;display:inline-block"></span> 急需咨询？扫码直达专属顾问</div>
|
|||
|
|
<div style="color:#9fb7c9;font-size:12px;margin-top:6px">企业优先、2分钟响应、1对1沟通</div>
|
|||
|
|
</div>
|
|||
|
|
<img src="assets/qr-raas.svg" alt="扫码咨询" style="width:100px;height:100px;border-radius:8px;border:1px solid var(--card-border);background:#0a1929"/>
|
|||
|
|
</div>
|
|||
|
|
<form id="contact-form" class="form contact-form-dark" style="padding:0 16px 18px 16px">
|
|||
|
|
<label>姓名<input type="text" name="name" required placeholder="请输入您的姓名"/></label>
|
|||
|
|
<label>电话<div class="phone-group"><span class="cc">+86</span><input class="phone-input" type="tel" name="phone" placeholder="请输入手机号码"/></div></label>
|
|||
|
|
<label>您想优化的品牌<input type="text" name="brand" placeholder="如 \"可口可乐\""/></label>
|
|||
|
|
<label>品牌官网<input type="url" name="site" placeholder="https://example.com"/></label>
|
|||
|
|
<label style="margin-top:8px">业务类型
|
|||
|
|
<select name="type" style="margin-top:6px">
|
|||
|
|
<option>生活服务</option>
|
|||
|
|
<option>智能制造</option>
|
|||
|
|
<option>新能源</option>
|
|||
|
|
<option>医疗健康</option>
|
|||
|
|
<option>其他</option>
|
|||
|
|
</select>
|
|||
|
|
</label>
|
|||
|
|
<label style="margin-top:8px">需求描述<textarea name="need" rows="5" placeholder="请简要描述您的需求…" style="margin-top:6px"></textarea></label>
|
|||
|
|
<div class="actions" style="display:flex;gap:12px;align-items:center">
|
|||
|
|
<button class="btn btn-primary" type="submit" style="width:100%;min-height:48px;padding:14px 22px;font-weight:700">立即提交</button>
|
|||
|
|
<span id="form-msg" class="muted" style="font-size:12px;color:#999">提交后专家会在2小时内联系您</span>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 右：联系方式与卖点 -->
|
|||
|
|
<div class="grid-1" style="display:flex;flex-direction:column;gap:16px">
|
|||
|
|
<div class="card" style="background:linear-gradient(180deg,#0f1a2b,#0b1829);border:1px solid var(--card-border);border-radius:12px">
|
|||
|
|
<h3 style="color:#e6f2ff;margin:0 0 6px">联系方式</h3>
|
|||
|
|
<div style="color:#cfe7ff">咨询热线：13359282414（工作日 9:00-18:00）</div>
|
|||
|
|
<div style="color:#cfe7ff;margin-top:6px">商务合作：19939379696@163.com（7x24小时）</div>
|
|||
|
|
<div style="color:#cfe7ff;margin-top:6px">北京办公室：北京市朝阳区凤麟置地广场A座21层</div>
|
|||
|
|
<div style="color:#cfe7ff;margin-top:6px">西安办公室：陕西省西安市雁塔区长安国际中心2座22层</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="card" style="background:linear-gradient(180deg,#0f1a2b,#0b1829);border:1px solid var(--card-border);border-radius:12px">
|
|||
|
|
<h3 style="color:#e6f2ff;margin:0 0 6px">为什么选择我们？</h3>
|
|||
|
|
<ul style="margin:8px 0 0 18px;color:#cfe7ff">
|
|||
|
|
<li>行业领先的GEO技术体系与方法论</li>
|
|||
|
|
<li>500+企业的成功案例验证</li>
|
|||
|
|
<li>平均AI推荐率提升300%+</li>
|
|||
|
|
<li>专业团队7x24小时支持</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div></section>
|
|||
|
|
<script src="script.js"></script>
|
|||
|
|
</body></html>
|