product_ai.ejs
11.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>AI聊天机器人 (AI Chatbot) - 集成 ChatGPT OpenAI API</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="AI聊天,AI聊天机器人,AI Chatbot,ChatGPT,OpenAI API,定制开发" name="keywords">
<meta content="这款AI聊天机器人已经集成了OpenAI API（与ChatGPT相同），这意味着它具有理解和处理自然语言的能力，能够帮助任何公司回答顾客的任何问题 。" name="description">
<!-- Favicons -->
<link href="img/favicon.ico" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<%- include('headlib'); -%>
</head>
<body>
<!--==========================
Header
============================-->
<header id="header" class="fixed-top">
<%- include('header'); -%>
</header><!-- #header -->
<!--==========================
Intro Section
============================-->
<section id="introduction" class="section-bg">
<div class="container">
<div class="intro-img">
<img src="img/product/AI.png" alt="Adobe Experience Manager（AEM）内容管理解决方案" class="img-fluid">
</div>
<div class="intro-info">
<h3>AI聊天机器人 (AI Chatbot)</h3>
<h3>集成了OpenAI API（与ChatGPT相同）</h3>
<h5>新型AI聊天机器人，它具有理解和处理自然语言的能力，能够帮助任何公司回答顾客的任何问题 。</h5>
<div>
<a href="contact.html#contact" class="btn-get-started scrollto" target="view_window">体验产品</a>
</div>
</div>
</div>
</section><!-- #intro -->
<main id="main">
<section id="advantage" class="section-bg" style="background: none">
<div class="container">
<header class="section-header">
<h3>为什么传统聊天机器人存在不足？</h3>
</header>
<div class="row">
<div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-monitor-outline" style="color: #ff689b;"></i></div>
<h4 class="title"><a>功能有限</a></h4>
<p class="description">非AI聊天机器人通常只能处理有限范围的任务或查询，并且它们缺乏理解复杂或微妙请求的能力。</p>
</div>
</div>
<div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-color-filter-outline" style="color: #e9bf06;"></i></div>
<h4 class="title"><a>缺乏个性化</a></h4>
<p class="description">非AI聊天机器人通常提供通用响应，不考虑用户的个体需求、偏好或背景。</p>
</div>
</div>
<div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-people-outline" style="color: #3fcdc7;"></i></div>
<h4 class="title"><a>用户体验差</a></h4>
<p class="description">非AI聊天機器人可能響應時間較慢，影響整體用戶體驗。</p>
</div>
</div>
<div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-infinite-outline" style="color:#41cf2e;"></i></div>
<h4 class="title"><a>无法学习和改进</a></h4>
<p class="description">非AI聊天机器人不能从用户互动或反馈中学习，并且它们可能无法随著时间的推移适应变化的用户需求或偏好。</p>
</div>
</div>
<div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-download-outline" style="color: #d6ff22;"></i></div>
<h4 class="title"><a>语言障碍</a></h4>
<p class="description">非AI聊天机器人可能无法理解或回应多种语言的查询，限制了它们对国际旅行者的实用性。</p>
</div>
</div>
<div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-shuffle" style="color: #4680ff;"></i></div>
<h4 class="title"><a>欠缺专业领域知识</a></h4>
<p class="description">非AI聊天机器人的专业领域知识有限，无法在短时间内回答复杂又有难度的问题。</p>
</div>
</div>
</div>
</div>
</section><!-- #advantage -->
<section id="function" class="clearfix" style="background: #ecf5ff">
<div class="container">
<header class="section-header">
<h3>AI聊天机器人的优势</h3>
</header>
<div class="row">
<div class="col-lg-4">
<div class="box">
<p class="description">
学习您的业务
</p>
</div>
<div class="box">
<p class="description">
自然语言处理
</p>
</div>
<div class="box">
<p class="description">
全天候可用性
</p>
</div>
<div class="box">
<p class="description">
个性化
</p>
</div>
<div class="box">
<p class="description">
多语言支持
</p>
</div>
</div>
<div class="col-lg-8">
<div class="wow fadeInUp">
<div class="function-item function-item-1">
<p>
我们的聊天机器人可以学习您的业务，并根据用户的需求提供最相关的信息。这可以增加准确性和效率，同时提供更个性化和有益的客户体验。
</p>
<img src="img/product/AI-1.png" class="function-img" alt="学习您的业务">
</div>
<div class="function-item">
<p>
我们的聊天机器人使用自然语言处理，使学生和教职员工可以以对话的方式与聊天机器人交流。这有助于确保用户快速高效地获取所需的信息。
</p>
<img src="img/product/AI-2.png" class="function-img" alt="自然语言处理">
</div>
<div class="function-item">
<p>
我们的聊天机器人全天候可用，为用户提供即时访问相关信息和帮助的机会，无论是白天还是黑夜。这意味著用户可以随时获取所需的帮助，无需等待营业时间。
</p>
<img src="img/product/AI-3.png" class="function-img" alt="全天候可用性">
</div>
<div class="function-item">
<p>
我们的聊天机器人利用机器学习算法学习用户互动并根据用户偏好和行为个性化回复。这有助于确保用户获取最相关和有用的信息。
</p>
<img src="img/product/AI-4.png" class="function-img" alt="个性化">
</div>
<div class="function-item">
<p>
我们的聊天机器人可以理解和回复多种语言的查询，这使其成为多元化和国际化用户的理想解决方案。这有助于确保用户可以用最熟悉的语言与聊天机器人交流。
</p>
<img src="img/product/AI-5.png" class="function-img" alt="多语言支持">
</div>
</div>
</div>
</div>
</div>
</section>
<!--==========================
Implementation Section
============================-->
<section id="implementation" class="wow fadeIn">
<div class="container">
<header class="section-header">
<h3>产品界面</h3>
</header>
<div class="row">
<img src="img/product/AI-Product.png" style="width: 100%;height: 100%" alt="AI产品图">
</div>
</div>
</section><!-- #implementation -->
<!--==========================
Experience Section
============================-->
<section id="experience" class="section-bg">
<div class="container">
<div class="row">
<div class="col-lg-9">
<h3>AI Chatbot能帮助企业改善其客户服务</h3>
</div>
<div class="col-lg-3">
<a href="contact.html#contact" class="btn-get-started scrollto">体验产品</a>
</div>
</div>
</div>
</section>
</main>
<!--==========================
Footer
============================-->
<footer id="footer">
<%- include('footer'); -%>
</footer><!-- #footer -->
<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->
<!-- JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/jquery/jquery.cookie.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/mobile-nav/mobile-nav.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
<script src="js/product.js"></script>
</body>
</html>