Files
admin-ui/public/web/index.html

159 lines
8.6 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>智能营销服务平台 - CID广告 & AI客服</title>
<link rel="stylesheet" href="main.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel="stylesheet">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar">
<div class="navbar-container">
<span class="navbar-brand">红动未来科技</span>
<div class="navbar-menu">
<a href="#services" class="navbar-link">核心业务</a>
<a href="#cta" class="navbar-link">优势</a>
<a href="auth.html?mode=register" class="btn btn-primary">商家入驻</a>
<a href="/index.html#/login" class="navbar-link">后台登录</a>
</div>
</div>
</nav>
<!-- Hero 区域 -->
<section class="hero">
<div class="hero-blob hero-blob-1"></div>
<div class="hero-blob hero-blob-2"></div>
<div class="hero-content fade-in-up">
<h1 class="hero-title">
赋能商业增长的 <br>
<span class="hero-title-gradient">智能营销解决方案</span>
</h1>
<p class="hero-description">
通过精准的 CID 广告归因技术与 24/7 智能 AI 客服,帮助企业降低获客成本,提升转化效率,实现全链路营销闭环。
</p>
<div class="hero-buttons">
<a href="auth.html?mode=register" class="btn btn-primary btn-lg">立即入驻</a>
<a href="#services" class="btn btn-outline btn-lg">了解服务</a>
</div>
</div>
</section>
<!-- 核心业务介绍 -->
<section id="services" class="services">
<div class="container">
<div class="section-header fade-in-up">
<h2 class="section-title">核心业务板块</h2>
<p class="section-description">专注于电商与服务行业的两大核心痛点:流量获取与用户留存。</p>
</div>
<div class="services-grid">
<!-- CID 广告业务 -->
<div class="service-card fade-in-up">
<div class="service-card-glow blue"></div>
<div class="service-card-content">
<div class="service-icon blue">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path></svg>
</div>
<h3 class="service-title blue">CID 广告业务</h3>
<p class="service-description">
打破平台数据壁垒,实现跨平台广告投放效果精准归因。
</p>
<ul class="service-features">
<li class="service-feature">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
全链路转化数据回传
</li>
<li class="service-feature">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
提升 ROI 投产比
</li>
<li class="service-feature">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
支持多媒体平台
</li>
</ul>
</div>
</div>
<!-- 聚合电商业务 -->
<div class="service-card fade-in-up">
<div class="service-card-glow orange"></div>
<div class="service-card-content">
<div class="service-icon orange">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path></svg>
</div>
<h3 class="service-title orange">聚合电商业务</h3>
<p class="service-description">
一站式聚合主流电商平台资源,实现流量共享与销售增长。
</p>
<ul class="service-features">
<li class="service-feature">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
多平台商品一键管理
</li>
<li class="service-feature">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
聚合流量分发体系
</li>
<li class="service-feature">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
供应链深度整合
</li>
</ul>
</div>
</div>
<!-- AI 客服业务 -->
<div class="service-card fade-in-up">
<div class="service-card-glow purple"></div>
<div class="service-card-content">
<div class="service-icon purple">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"></path></svg>
</div>
<h3 class="service-title purple">AI 智能客服业务</h3>
<p class="service-description">
基于大模型的智能对话系统7x24小时在线秒级响应客户咨询。
</p>
<ul class="service-features">
<li class="service-feature">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
自动接待与意图识别
</li>
<li class="service-feature">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
智能话术推荐
</li>
<li class="service-feature">
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
降低人工成本
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 底部 CTA -->
<section id="cta" class="cta">
<div class="container">
<h2 class="cta-title">准备好提升您的业务了吗?</h2>
<p class="cta-description">加入数千家已经在使用我们服务的商家行列,开启智能营销新时代。</p>
<a href="auth.html?mode=register" class="btn btn-white btn-lg">
免费商家入驻
</a>
</div>
</section>
<footer class="footer">
<div class="container">
<p>&copy; 2025 红动未来科技. All rights reserved.</p>
</div>
</footer>
</body>
</html>