kms7530 commited on
Commit
5aaa772
Β·
verified Β·
1 Parent(s): a2226ba

Manual changes saved

Browse files
Files changed (1) hide show
  1. index.html +8 -52
index.html CHANGED
@@ -88,7 +88,7 @@
88
  </div>
89
  <div>
90
  <h3 class="font-medium text-gray-900">μ‹€μ‹œκ°„ 톡화 데λͺ¨</h3>
91
- <p class="text-sm text-gray-500">μ§€κΈˆ AI와 λŒ€ν™”ν•΄λ³΄μ„Έμš”</p>
92
  </div>
93
  </div>
94
  <div class="mt-6 space-y-4">
@@ -108,17 +108,12 @@
108
  <span class="text-red-600">κ²½μŸμ‚¬: 1.2초</span>
109
  </div>
110
  <div class="flex justify-between">
111
- <span class="text-sm text-gray-500">섀득 점수</span>
112
- <span class="text-sm font-medium text-secondary">97% νš¨κ³Όμ„±</span>
113
  </div>
114
  <div class="h-2 bg-gray-200 rounded-full overflow-hidden">
115
  <div class="h-full bg-secondary rounded-full" style="width: 97%"></div>
116
  </div>
117
-
118
- <div class="flex justify-between mt-4">
119
- <span class="text-sm text-gray-500">μ΅œλŒ€ λ™μ‹œ 톡화</span>
120
- <span class="text-sm font-medium text-primary">100+ 라인</span>
121
- </div>
122
  </div>
123
  <button class="mt-6 w-full bg-primary hover:bg-blue-600 text-white py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out">
124
  데λͺ¨ μ˜μƒ
@@ -221,7 +216,7 @@
221
 
222
  <!-- Step 1 -->
223
  <div class="relative mb-16 md:flex md:items-center">
224
- <div class="md:w-1/2 md:pr-12">
225
  <div class="flex items-center">
226
  <div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">1</div>
227
  <h3 class="ml-4 text-xl font-bold text-gray-900">λ² ν…Œλž‘ μƒλ‹΄μ›μ²˜λŸΌ 섀득</h3>
@@ -231,24 +226,11 @@
231
  뢈만 처리 기술. μžμ—°μŠ€λŸ¬μš΄ 곡감과 μ΄ˆκ³ μ† λ°˜μ‘(0.3초)으둜 고객을 적극 μ„€λ“ν•©λ‹ˆλ‹€.
232
  </p>
233
  </div>
234
- <div class="mt-8 md:mt-0 md:w-1/2">
235
- <div class="bg-white p-6 rounded-xl shadow-md">
236
- <div class="flex items-center space-x-4">
237
- <div class="bg-primary bg-opacity-10 p-3 rounded-full">
238
- <i data-feather="upload" class="text-primary"></i>
239
- </div>
240
- <div>
241
- <h4 class="font-medium text-gray-900">섀득 μš”μ†Œ</h4>
242
- <p class="text-sm text-gray-500">ν›„ν‚Ή 멘트, 곡감 ν‘œν˜„, μž¬μ„€λ“ 기술</p>
243
- </div>
244
- </div>
245
- </div>
246
- </div>
247
  </div>
248
 
249
  <!-- Step 2 -->
250
- <div class="relative mb-16 md:flex md:items-center md:flex-row-reverse">
251
- <div class="md:w-1/2 md:pl-12">
252
  <div class="flex items-center">
253
  <div class="flex items-center justify-center h-12 w-12 rounded-full bg-secondary text-white font-bold text-lg">2</div>
254
  <h3 class="ml-4 text-xl font-bold text-gray-900">데이터 기반 μ΅œμ ν™”</h3>
@@ -257,45 +239,19 @@
257
  응닡λ₯  높은 μ‹œκ°„λŒ€ 뢄석, 효과적인 멘트 νŒ¨ν„΄ 식별을 톡해 μ „ν™˜μœ¨μ„ μ§€μ†μ μœΌλ‘œ ν–₯μƒμ‹œν‚΅λ‹ˆλ‹€.
258
  </p>
259
  </div>
260
- <div class="mt-8 md:mt-0 md:w-1/2">
261
- <div class="bg-white p-6 rounded-xl shadow-md">
262
- <div class="flex items-center space-x-4">
263
- <div class="bg-secondary bg-opacity-10 p-3 rounded-full">
264
- <i data-feather="message-square" class="text-secondary"></i>
265
- </div>
266
- <div>
267
- <h4 class="font-medium text-gray-900">뢄석 μš”μ†Œ</h4>
268
- <p class="text-sm text-gray-500">응닡λ₯ , μ „ν™˜μœ¨, 감정 뢄석, 톡화 νŒ¨ν„΄</p>
269
- </div>
270
- </div>
271
- </div>
272
- </div>
273
  </div>
274
 
275
  <!-- Step 3 -->
276
  <div class="relative md:flex md:items-center">
277
- <div class="md:w-1/2 md:pr-12">
278
  <div class="flex items-center">
279
  <div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">3</div>
280
  <h3 class="ml-4 text-xl font-bold text-gray-900">μžλ™ μ „ν™˜ μ‹œμŠ€ν…œ</h3>
281
- </div>
282
  <p class="mt-4 text-gray-600">
283
  관심 고객 식별, λ°©λ¬Έ 일정 쑰율, λ¦¬λ§ˆμΈλ“œ λ°œμ†‘κΉŒμ§€ μžλ™μœΌλ‘œ μ²˜λ¦¬ν•˜λŠ” μ’…ν•© μ „ν™˜ μ‹œμŠ€ν…œ.
284
  </p>
285
  </div>
286
- <div class="mt-8 md:mt-0 md:w-1/2">
287
- <div class="bg-white p-6 rounded-xl shadow-md">
288
- <div class="flex items-center space-x-4">
289
- <div class="bg-primary bg-opacity-10 p-3 rounded-full">
290
- <i data-feather="activity" class="text-primary"></i>
291
- </div>
292
- <div>
293
- <h4 class="font-medium text-gray-900">μ „ν™˜ κΈ°λŠ₯</h4>
294
- <p class="text-sm text-gray-500">관심도 νŒλ‹¨, 일정 μ‘°μ •, λ¦¬λ§ˆμΈλ“œ λ°œμ†‘</p>
295
- </div>
296
- </div>
297
- </div>
298
- </div>
299
  </div>
300
  </div>
301
  </div>
 
88
  </div>
89
  <div>
90
  <h3 class="font-medium text-gray-900">μ‹€μ‹œκ°„ 톡화 데λͺ¨</h3>
91
+ <p class="text-sm text-gray-500">μ§€κΈˆ 데λͺ¨λ₯Ό ν™•μΈν•΄λ³΄μ„Έμš”</p>
92
  </div>
93
  </div>
94
  <div class="mt-6 space-y-4">
 
108
  <span class="text-red-600">κ²½μŸμ‚¬: 1.2초</span>
109
  </div>
110
  <div class="flex justify-between">
111
+ <span class="text-sm text-gray-500">AI/인간 ꡬ별</span>
112
+ <span class="text-sm font-medium text-secondary">97%의 인간 μœ μ‚¬λ„</span>
113
  </div>
114
  <div class="h-2 bg-gray-200 rounded-full overflow-hidden">
115
  <div class="h-full bg-secondary rounded-full" style="width: 97%"></div>
116
  </div>
 
 
 
 
 
117
  </div>
118
  <button class="mt-6 w-full bg-primary hover:bg-blue-600 text-white py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out">
119
  데λͺ¨ μ˜μƒ
 
216
 
217
  <!-- Step 1 -->
218
  <div class="relative mb-16 md:flex md:items-center">
219
+ <div class="md:items-center">
220
  <div class="flex items-center">
221
  <div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">1</div>
222
  <h3 class="ml-4 text-xl font-bold text-gray-900">λ² ν…Œλž‘ μƒλ‹΄μ›μ²˜λŸΌ 섀득</h3>
 
226
  뢈만 처리 기술. μžμ—°μŠ€λŸ¬μš΄ 곡감과 μ΄ˆκ³ μ† λ°˜μ‘(0.3초)으둜 고객을 적극 μ„€λ“ν•©λ‹ˆλ‹€.
227
  </p>
228
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
229
  </div>
230
 
231
  <!-- Step 2 -->
232
+ <div class="relative mb-16 md:flex md:items-center">
233
+ <div class="md:items-center">
234
  <div class="flex items-center">
235
  <div class="flex items-center justify-center h-12 w-12 rounded-full bg-secondary text-white font-bold text-lg">2</div>
236
  <h3 class="ml-4 text-xl font-bold text-gray-900">데이터 기반 μ΅œμ ν™”</h3>
 
239
  응닡λ₯  높은 μ‹œκ°„λŒ€ 뢄석, 효과적인 멘트 νŒ¨ν„΄ 식별을 톡해 μ „ν™˜μœ¨μ„ μ§€μ†μ μœΌλ‘œ ν–₯μƒμ‹œν‚΅λ‹ˆλ‹€.
240
  </p>
241
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
242
  </div>
243
 
244
  <!-- Step 3 -->
245
  <div class="relative md:flex md:items-center">
246
+ <div class="md:items-center">
247
  <div class="flex items-center">
248
  <div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">3</div>
249
  <h3 class="ml-4 text-xl font-bold text-gray-900">μžλ™ μ „ν™˜ μ‹œμŠ€ν…œ</h3>
250
+ </div>
251
  <p class="mt-4 text-gray-600">
252
  관심 고객 식별, λ°©λ¬Έ 일정 쑰율, λ¦¬λ§ˆμΈλ“œ λ°œμ†‘κΉŒμ§€ μžλ™μœΌλ‘œ μ²˜λ¦¬ν•˜λŠ” μ’…ν•© μ „ν™˜ μ‹œμŠ€ν…œ.
253
  </p>
254
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
255
  </div>
256
  </div>
257
  </div>