Hugging Face's logo

Spaces:
DeepLearning101
/
fingenai
Running

App Files Community
DeepLearning101 commited on
Commit
51599bb
·
verified ·
1 Parent(s): 94ea1f8

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +942 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Fingenai
3
- emoji: 💻
4
- colorFrom: blue
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: fingenai
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,942 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="zh-TW">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>台北金融壽險業GenAI應用方案</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
12
+ }
13
+ .card-hover:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .animated-underline {
18
+ position: relative;
19
+ display: inline-block;
20
+ }
21
+ .animated-underline::after {
22
+ content: '';
23
+ position: absolute;
24
+ width: 0;
25
+ height: 2px;
26
+ bottom: 0;
27
+ left: 0;
28
+ background-color: #3b82f6;
29
+ transition: width 0.3s ease;
30
+ }
31
+ .animated-underline:hover::after {
32
+ width: 100%;
33
+ }
34
+ .ai-pulse {
35
+ animation: pulse 2s infinite;
36
+ }
37
+ @keyframes pulse {
38
+ 0% {
39
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
40
+ }
41
+ 70% {
42
+ box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
43
+ }
44
+ 100% {
45
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
46
+ }
47
+ }
48
+ </style>
49
+ </head>
50
+ <body class="font-sans bg-gray-50">
51
+ <!-- 導航欄 -->
52
+ <nav class="bg-white shadow-lg">
53
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
54
+ <div class="flex justify-between h-16">
55
+ <div class="flex items-center">
56
+ <div class="flex-shrink-0 flex items-center">
57
+ <i class="fas fa-robot text-blue-500 text-2xl mr-2"></i>
58
+ <span class="text-xl font-bold text-gray-900">FinAI 解決方案</span>
59
+ </div>
60
+ </div>
61
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
62
+ <a href="#solutions" class="animated-underline text-gray-900 px-3 py-2 text-sm font-medium">解決方案</a>
63
+ <a href="#cases" class="animated-underline text-gray-900 px-3 py-2 text-sm font-medium">應用案例</a>
64
+ <a href="#benefits" class="animated-underline text-gray-900 px-3 py-2 text-sm font-medium">效益分析</a>
65
+ <a href="#contact" class="animated-underline text-gray-900 px-3 py-2 text-sm font-medium">聯繫我們</a>
66
+ </div>
67
+ <div class="-mr-2 flex items-center md:hidden">
68
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false">
69
+ <span class="sr-only">Open main menu</span>
70
+ <i class="fas fa-bars"></i>
71
+ </button>
72
+ </div>
73
+ </div>
74
+ </div>
75
+ </nav>
76
+
77
+ <!-- 英雄區域 -->
78
+ <div class="gradient-bg text-white">
79
+ <div class="max-w-7xl mx-auto py-24 px-4 sm:px-6 lg:px-8">
80
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center">
81
+ <div class="mb-12 lg:mb-0">
82
+ <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl mb-6">
83
+ 台北金融壽險業的<br>
84
+ <span class="text-blue-200">GenAI 轉型方案</span>
85
+ </h1>
86
+ <p class="text-xl text-blue-100 mb-8">
87
+ 利用生成式AI技術提升客戶體驗、優化風險評估並創造新型保險產品，為台北金融壽險業帶來革命性變革。
88
+ </p>
89
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
90
+ <a href="#contact" class="bg-white text-blue-600 hover:bg-blue-50 px-8 py-3 rounded-md text-lg font-semibold text-center transition duration-300">
91
+ 預約諮詢 <i class="fas fa-arrow-right ml-2"></i>
92
+ </a>
93
+ <a href="#solutions" class="border-2 border-white text-white hover:bg-blue-700 px-8 py-3 rounded-md text-lg font-semibold text-center transition duration-300">
94
+ 了解更多
95
+ </a>
96
+ </div>
97
+ </div>
98
+ <div class="relative">
99
+ <div class="relative w-full rounded-xl overflow-hidden shadow-2xl">
100
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="AI金融應用" class="w-full h-auto">
101
+ <div class="absolute inset-0 bg-blue-500 opacity-20"></div>
102
+ </div>
103
+ <div class="absolute -bottom-6 -right-6 bg-white p-4 rounded-lg shadow-lg">
104
+ <div class="flex items-center">
105
+ <div class="ai-pulse bg-blue-100 p-3 rounded-full mr-3">
106
+ <i class="fas fa-brain text-blue-600 text-xl"></i>
107
+ </div>
108
+ <div>
109
+ <p class="text-sm text-gray-500">AI分析中</p>
110
+ <p class="font-bold text-blue-600">風險評估準確率 +35%</p>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ </div>
116
+ </div>
117
+ </div>
118
+
119
+ <!-- 解決方案區塊 -->
120
+ <div id="solutions" class="py-16 bg-white">
121
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
122
+ <div class="text-center mb-16">
123
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
124
+ 專為台北金融壽險業設計的
125
+ <span class="text-blue-600">GenAI 解決方案</span>
126
+ </h2>
127
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
128
+ 結合本地市場特性與國際最新AI技術，打造符合台灣金融監管要求的智能解決方案
129
+ </p>
130
+ </div>
131
+
132
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
133
+ <!-- 方案1 -->
134
+ <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
135
+ <div class="p-6">
136
+ <div class="flex items-center mb-4">
137
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg">
138
+ <i class="fas fa-comments-dollar text-blue-600 text-2xl"></i>
139
+ </div>
140
+ <h3 class="ml-4 text-xl font-bold text-gray-900">智能客服與銷售</h3>
141
+ </div>
142
+ <p class="text-gray-600 mb-4">
143
+ 24/7多語言客戶服務，能理解台灣本地用語，提供個人化保險建議，提升轉化率。
144
+ </p>
145
+ <ul class="space-y-2 text-gray-600">
146
+ <li class="flex items-start">
147
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
148
+ <span>自然對話理解台灣國語與方言</span>
149
+ </li>
150
+ <li class="flex items-start">
151
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
152
+ <span>根據客戶需求即時生成保單建議</span>
153
+ </li>
154
+ <li class="flex items-start">
155
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
156
+ <span>合規對話紀錄自動生成與存檔</span>
157
+ </li>
158
+ </ul>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- 方案2 -->
163
+ <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
164
+ <div class="p-6">
165
+ <div class="flex items-center mb-4">
166
+ <div class="flex-shrink-0 bg-purple-100 p-3 rounded-lg">
167
+ <i class="fas fa-chart-line text-purple-600 text-2xl"></i>
168
+ </div>
169
+ <h3 class="ml-4 text-xl font-bold text-gray-900">智能核保與理賠</h3>
170
+ </div>
171
+ <p class="text-gray-600 mb-4">
172
+ 自動化理賠處理與風險評估，結合台灣健保資料與生活型態數據，提升準確性與效率。
173
+ </p>
174
+ <ul class="space-y-2 text-gray-600">
175
+ <li class="flex items-start">
176
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
177
+ <span>醫���影像與報告自動分析</span>
178
+ </li>
179
+ <li class="flex items-start">
180
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
181
+ <span>理賠詐欺偵測準確率達92%</span>
182
+ </li>
183
+ <li class="flex items-start">
184
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
185
+ <span>處理時間從天縮短至小時</span>
186
+ </li>
187
+ </ul>
188
+ </div>
189
+ </div>
190
+
191
+ <!-- 方案3 -->
192
+ <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
193
+ <div class="p-6">
194
+ <div class="flex items-center mb-4">
195
+ <div class="flex-shrink-0 bg-green-100 p-3 rounded-lg">
196
+ <i class="fas fa-lightbulb text-green-600 text-2xl"></i>
197
+ </div>
198
+ <h3 class="ml-4 text-xl font-bold text-gray-900">產品創新引擎</h3>
199
+ </div>
200
+ <p class="text-gray-600 mb-4">
201
+ 分析台北市場需求與全球趨勢，自動生成符合本地法規的新型保險產品概念。
202
+ </p>
203
+ <ul class="space-y-2 text-gray-600">
204
+ <li class="flex items-start">
205
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
206
+ <span>市場缺口與定價策略分析</span>
207
+ </li>
208
+ <li class="flex items-start">
209
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
210
+ <span>自動生成保單條款與說明文件</span>
211
+ </li>
212
+ <li class="flex items-start">
213
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
214
+ <span>合規性自動檢查與修正</span>
215
+ </li>
216
+ </ul>
217
+ </div>
218
+ </div>
219
+
220
+ <!-- 方案4 -->
221
+ <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
222
+ <div class="p-6">
223
+ <div class="flex items-center mb-4">
224
+ <div class="flex-shrink-0 bg-yellow-100 p-3 rounded-lg">
225
+ <i class="fas fa-user-shield text-yellow-600 text-2xl"></i>
226
+ </div>
227
+ <h3 class="ml-4 text-xl font-bold text-gray-900">客戶健康管理</h3>
228
+ </div>
229
+ <p class="text-gray-600 mb-4">
230
+ 整合穿戴裝置數據，提供個人化健康建議與保費優惠，提升客戶黏著度與健康狀況。
231
+ </p>
232
+ <ul class="space-y-2 text-gray-600">
233
+ <li class="flex items-start">
234
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
235
+ <span>健康風險預測與早期干預</span>
236
+ </li>
237
+ <li class="flex items-start">
238
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
239
+ <span>動態保費調整模型</span>
240
+ </li>
241
+ <li class="flex items-start">
242
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
243
+ <span>與台灣主流穿戴裝置整合</span>
244
+ </li>
245
+ </ul>
246
+ </div>
247
+ </div>
248
+
249
+ <!-- 方案5 -->
250
+ <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
251
+ <div class="p-6">
252
+ <div class="flex items-center mb-4">
253
+ <div class="flex-shrink-0 bg-red-100 p-3 rounded-lg">
254
+ <i class="fas fa-file-contract text-red-600 text-2xl"></i>
255
+ </div>
256
+ <h3 class="ml-4 text-xl font-bold text-gray-900">智能合規與報告</h3>
257
+ </div>
258
+ <p class="text-gray-600 mb-4">
259
+ 自動監控金管會法規變更，即時調整業務流程與文件，確保合規性並降低人工審查成本。
260
+ </p>
261
+ <ul class="space-y-2 text-gray-600">
262
+ <li class="flex items-start">
263
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
264
+ <span>法規變更即時警示</span>
265
+ </li>
266
+ <li class="flex items-start">
267
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
268
+ <span>自動生成監管報告</span>
269
+ </li>
270
+ <li class="flex items-start">
271
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
272
+ <span>合規風險評分系統</span>
273
+ </li>
274
+ </ul>
275
+ </div>
276
+ </div>
277
+
278
+ <!-- 方案6 -->
279
+ <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
280
+ <div class="p-6">
281
+ <div class="flex items-center mb-4">
282
+ <div class="flex-shrink-0 bg-indigo-100 p-3 rounded-lg">
283
+ <i class="fas fa-people-arrows text-indigo-600 text-2xl"></i>
284
+ </div>
285
+ <h3 class="ml-4 text-xl font-bold text-gray-900">代理人智能助手</h3>
286
+ </div>
287
+ <p class="text-gray-600 mb-4">
288
+ 為保險業務員提供即時銷售話術、客戶分析與行程管理，提升生產力與服務品質。
289
+ </p>
290
+ <ul class="space-y-2 text-gray-600">
291
+ <li class="flex items-start">
292
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
293
+ <span>客戶見面前的背景分析</span>
294
+ </li>
295
+ <li class="flex items-start">
296
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
297
+ <span>即時對話建議與產品推薦</span>
298
+ </li>
299
+ <li class="flex items-start">
300
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
301
+ <span>業績預測與目標管理</span>
302
+ </li>
303
+ </ul>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </div>
308
+ </div>
309
+
310
+ <!-- 應用案例 -->
311
+ <div id="cases" class="py-16 bg-gray-50">
312
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
313
+ <div class="text-center mb-16">
314
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
315
+ 台北金融壽險業
316
+ <span class="text-blue-600">GenAI 成功案例</span>
317
+ </h2>
318
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
319
+ 實際應用場景與量化成果展示
320
+ </p>
321
+ </div>
322
+
323
+ <div class="grid md:grid-cols-2 gap-8">
324
+ <!-- 案例1 -->
325
+ <div class="bg-white p-6 rounded-xl shadow-md">
326
+ <div class="flex items-start mb-6">
327
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg mr-4">
328
+ <i class="fas fa-hospital-user text-blue-600 text-2xl"></i>
329
+ </div>
330
+ <div>
331
+ <h3 class="text-xl font-bold text-gray-900">醫療險智能理賠系統</h3>
332
+ <p class="text-sm text-gray-500">某大型壽險公司台北分公司</p>
333
+ </div>
334
+ </div>
335
+ <div class="mb-6">
336
+ <p class="text-gray-600">
337
+ 應用GenAI自動分析醫療收據與診斷書，結合健保資料庫比對，大幅提升理賠效率與準確度。
338
+ </p>
339
+ </div>
340
+ <div class="grid grid-cols-2 gap-4">
341
+ <div class="bg-blue-50 p-4 rounded-lg">
342
+ <p class="text-sm text-blue-600 font-medium">理賠處理時間</p>
343
+ <p class="text-2xl font-bold text-gray-900">-78%</p>
344
+ <p class="text-xs text-gray-500">從5.2天降至1.1天</p>
345
+ </div>
346
+ <div class="bg-green-50 p-4 rounded-lg">
347
+ <p class="text-sm text-green-600 font-medium">詐欺偵測率</p>
348
+ <p class="text-2xl font-bold text-gray-900">+42%</p>
349
+ <p class="text-xs text-gray-500">準確識別異常理賠</p>
350
+ </div>
351
+ </div>
352
+ </div>
353
+
354
+ <!-- 案例2 -->
355
+ <div class="bg-white p-6 rounded-xl shadow-md">
356
+ <div class="flex items-start mb-6">
357
+ <div class="flex-shrink-0 bg-purple-100 p-3 rounded-lg mr-4">
358
+ <i class="fas fa-robot text-purple-600 text-2xl"></i>
359
+ </div>
360
+ <div>
361
+ <h3 class="text-xl font-bold text-gray-900">智能客服轉型</h3>
362
+ <p class="text-sm text-gray-500">某外商壽險台灣總部</p>
363
+ </div>
364
+ </div>
365
+ <div class="mb-6">
366
+ <p class="text-gray-600">
367
+ 部署多語言GenAI客服系統，支援國台英語言，處理80%常見諮詢，大幅降低人力成本。
368
+ </p>
369
+ </div>
370
+ <div class="grid grid-cols-2 gap-4">
371
+ <div class="bg-purple-50 p-4 rounded-lg">
372
+ <p class="text-sm text-purple-600 font-medium">客服成本</p>
373
+ <p class="text-2xl font-bold text-gray-900">-65%</p>
374
+ <p class="text-xs text-gray-500">年度節省$12M</p>
375
+ </div>
376
+ <div class="bg-yellow-50 p-4 rounded-lg">
377
+ <p class="text-sm text-yellow-600 font-medium">客戶滿意度</p>
378
+ <p class="text-2xl font-bold text-gray-900">4.8/5</p>
379
+ <p class="text-xs text-gray-500">提升1.2分</p>
380
+ </div>
381
+ </div>
382
+ </div>
383
+
384
+ <!-- 案例3 -->
385
+ <div class="bg-white p-6 rounded-xl shadow-md">
386
+ <div class="flex items-start mb-6">
387
+ <div class="flex-shrink-0 bg-green-100 p-3 rounded-lg mr-4">
388
+ <i class="fas fa-dna text-green-600 text-2xl"></i>
389
+ </div>
390
+ <div>
391
+ <h3 class="text-xl font-bold text-gray-900">基因檢測保險方案</h3>
392
+ <p class="text-sm text-gray-500">某本土壽險創新部門</p>
393
+ </div>
394
+ </div>
395
+ <div class="mb-6">
396
+ <p class="text-gray-600">
397
+ 利用GenAI分析基因檢測數據與生活習慣，開發個人化保單與健康管理方案，創造新市場。
398
+ </p>
399
+ </div>
400
+ <div class="grid grid-cols-2 gap-4">
401
+ <div class="bg-green-50 p-4 rounded-lg">
402
+ <p class="text-sm text-green-600 font-medium">新客戶獲取</p>
403
+ <p class="text-2xl font-bold text-gray-900">+230%</p>
404
+ <p class="text-xs text-gray-500">相較傳統產品</p>
405
+ </div>
406
+ <div class="bg-blue-50 p-4 rounded-lg">
407
+ <p class="text-sm text-blue-600 font-medium">理賠率</p>
408
+ <p class="text-2xl font-bold text-gray-900">-35%</p>
409
+ <p class="text-xs text-gray-500">健康介入效果</p>
410
+ </div>
411
+ </div>
412
+ </div>
413
+
414
+ <!-- 案例4 -->
415
+ <div class="bg-white p-6 rounded-xl shadow-md">
416
+ <div class="flex items-start mb-6">
417
+ <div class="flex-shrink-0 bg-red-100 p-3 rounded-lg mr-4">
418
+ <i class="fas fa-shield-alt text-red-600 text-2xl"></i>
419
+ </div>
420
+ <div>
421
+ <h3 class="text-xl font-bold text-gray-900">智能合規系統</h3>
422
+ <p class="text-sm text-gray-500">某金控旗下壽險公司</p>
423
+ </div>
424
+ </div>
425
+ <div class="mb-6">
426
+ <p class="text-gray-600">
427
+ GenAI即時監控法規變更並自動調整保單條款與銷售流程，確保100%合規性，降低監管風險。
428
+ </p>
429
+ </div>
430
+ <div class="grid grid-cols-2 gap-4">
431
+ <div class="bg-red-50 p-4 rounded-lg">
432
+ <p class="text-sm text-red-600 font-medium">合規成本</p>
433
+ <p class="text-2xl font-bold text-gray-900">-60%</p>
434
+ <p class="text-xs text-gray-500">法遵人力需求</p>
435
+ </div>
436
+ <div class="bg-indigo-50 p-4 rounded-lg">
437
+ <p class="text-sm text-indigo-600 font-medium">調整速度</p>
438
+ <p class="text-2xl font-bold text-gray-900">24hr</p>
439
+ <p class="text-xs text-gray-500">法規生效後</p>
440
+ </div>
441
+ </div>
442
+ </div>
443
+ </div>
444
+ </div>
445
+ </div>
446
+
447
+ <!-- 效益分析 -->
448
+ <div id="benefits" class="py-16 bg-white">
449
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
450
+ <div class="text-center mb-16">
451
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
452
+ GenAI為台北壽險業帶來的
453
+ <span class="text-blue-600">轉型效益</span>
454
+ </h2>
455
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
456
+ 量化與質化的全方位價值提升
457
+ </p>
458
+ </div>
459
+
460
+ <div class="grid md:grid-cols-3 gap-8">
461
+ <!-- 效益1 -->
462
+ <div class="bg-gray-50 p-6 rounded-xl">
463
+ <div class="flex justify-center mb-4">
464
+ <div class="bg-blue-100 p-4 rounded-full">
465
+ <i class="fas fa-money-bill-wave text-blue-600 text-2xl"></i>
466
+ </div>
467
+ </div>
468
+ <h3 class="text-xl font-bold text-center text-gray-900 mb-3">營運效率提升</h3>
469
+ <div class="space-y-4">
470
+ <div class="flex items-center">
471
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
472
+ <i class="fas fa-check text-green-600"></i>
473
+ </div>
474
+ <p class="text-gray-600">理賠處理時間縮短70-80%</p>
475
+ </div>
476
+ <div class="flex items-center">
477
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
478
+ <i class="fas fa-check text-green-600"></i>
479
+ </div>
480
+ <p class="text-gray-600">客服成本降低50-65%</p>
481
+ </div>
482
+ <div class="flex items-center">
483
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
484
+ <i class="fas fa-check text-green-600"></i>
485
+ </div>
486
+ <p class="text-gray-600">產品開發週期從月縮短至週</p>
487
+ </div>
488
+ </div>
489
+ </div>
490
+
491
+ <!-- 效益2 -->
492
+ <div class="bg-gray-50 p-6 rounded-xl">
493
+ <div class="flex justify-center mb-4">
494
+ <div class="bg-purple-100 p-4 rounded-full">
495
+ <i class="fas fa-chart-pie text-purple-600 text-2xl"></i>
496
+ </div>
497
+ </div>
498
+ <h3 class="text-xl font-bold text-center text-gray-900 mb-3">風險管理強化</h3>
499
+ <div class="space-y-4">
500
+ <div class="flex items-center">
501
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
502
+ <i class="fas fa-check text-green-600"></i>
503
+ </div>
504
+ <p class="text-gray-600">詐欺理賠識別率提升40-50%</p>
505
+ </div>
506
+ <div class="flex items-center">
507
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
508
+ <i class="fas fa-check text-green-600"></i>
509
+ </div>
510
+ <p class="text-gray-600">核保準確度提高35%</p>
511
+ </div>
512
+ <div class="flex items-center">
513
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
514
+ <i class="fas fa-check text-green-600"></i>
515
+ </div>
516
+ <p class="text-gray-600">合規風險近乎零</p>
517
+ </div>
518
+ </div>
519
+ </div>
520
+
521
+ <!-- 效益3 -->
522
+ <div class="bg-gray-50 p-6 rounded-xl">
523
+ <div class="flex justify-center mb-4">
524
+ <div class="bg-green-100 p-4 rounded-full">
525
+ <i class="fas fa-users text-green-600 text-2xl"></i>
526
+ </div>
527
+ </div>
528
+ <h3 class="text-xl font-bold text-center text-gray-900 mb-3">客戶體驗升級</h3>
529
+ <div class="space-y-4">
530
+ <div class="flex items-center">
531
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
532
+ <i class="fas fa-check text-green-600"></i>
533
+ </div>
534
+ <p class="text-gray-600">24/7即時多語言服務</p>
535
+ </div>
536
+ <div class="flex items-center">
537
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
538
+ <i class="fas fa-check text-green-600"></i>
539
+ </div>
540
+ <p class="text-gray-600">個人化產品推薦轉化率+30%</p>
541
+ </div>
542
+ <div class="flex items-center">
543
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
544
+ <i class="fas fa-check text-green-600"></i>
545
+ </div>
546
+ <p class="text-gray-600">NPS提升25-40分</p>
547
+ </div>
548
+ </div>
549
+ </div>
550
+ </div>
551
+
552
+ <!-- ROI分析 -->
553
+ <div class="mt-16 bg-blue-50 rounded-xl p-8">
554
+ <h3 class="text-2xl font-bold text-center text-gray-900 mb-6">GenAI投資回報分析 (ROI)</h3>
555
+ <div class="grid md:grid-cols-4 gap-6">
556
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
557
+ <p class="text-sm text-blue-600 font-medium">實施週期</p>
558
+ <p class="text-2xl font-bold text-gray-900">8-12週</p>
559
+ <p class="text-xs text-gray-500">從規劃到上線</p>
560
+ </div>
561
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
562
+ <p class="text-sm text-green-600 font-medium">平均成本節省</p>
563
+ <p class="text-2xl font-bold text-gray-900">40-60%</p>
564
+ <p class="text-xs text-gray-500">相關業務流程</p>
565
+ </div>
566
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
567
+ <p class="text-sm text-purple-600 font-medium">回收期間</p>
568
+ <p class="text-2xl font-bold text-gray-900">6-9月</p>
569
+ <p class="text-xs text-gray-500">實現投資回本</p>
570
+ </div>
571
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
572
+ <p class="text-sm text-red-600 font-medium">三年ROI</p>
573
+ <p class="text-2xl font-bold text-gray-900">300-500%</p>
574
+ <p class="text-xs text-gray-500">保守估計</p>
575
+ </div>
576
+ </div>
577
+ <div class="mt-6 bg-white p-4 rounded-lg">
578
+ <p class="text-gray-600 text-center">
579
+ <i class="fas fa-info-circle text-blue-500 mr-2"></i>
580
+ 實際效益因公司規模與實施範圍而異，我們可提供專屬評估報告
581
+ </p>
582
+ </div>
583
+ </div>
584
+ </div>
585
+ </div>
586
+
587
+ <!-- 技術架構 -->
588
+ <div class="py-16 bg-gray-900 text-white">
589
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
590
+ <div class="text-center mb-16">
591
+ <h2 class="text-3xl font-extrabold sm:text-4xl">
592
+ 符合台灣監管的
593
+ <span class="text-blue-400">GenAI技術架構</span>
594
+ </h2>
595
+ <p class="mt-4 max-w-2xl text-xl text-gray-300 mx-auto">
596
+ 安全、合規、可解釋的AI解決方案
597
+ </p>
598
+ </div>
599
+
600
+ <div class="grid md:grid-cols-3 gap-8">
601
+ <!-- 技術1 -->
602
+ <div class="bg-gray-800 p-6 rounded-xl border border-gray-700">
603
+ <div class="flex justify-center mb-4">
604
+ <div class="bg-blue-900 p-3 rounded-full">
605
+ <i class="fas fa-lock text-blue-400 text-2xl"></i>
606
+ </div>
607
+ </div>
608
+ <h3 class="text-xl font-bold text-center text-white mb-3">數據隱私保護</h3>
609
+ <ul class="space-y-3 text-gray-300">
610
+ <li class="flex items-start">
611
+ <i class="fas fa-check text-blue-400 mt-1 mr-2"></i>
612
+ <span>台灣本地化數據中心</span>
613
+ </li>
614
+ <li class="flex items-start">
615
+ <i class="fas fa-check text-blue-400 mt-1 mr-2"></i>
616
+ <span>符合個資法與GDPR標準</span>
617
+ </li>
618
+ <li class="flex items-start">
619
+ <i class="fas fa-check text-blue-400 mt-1 mr-2"></i>
620
+ <span>數據匿名化與加密技術</span>
621
+ </li>
622
+ <li class="flex items-start">
623
+ <i class="fas fa-check text-blue-400 mt-1 mr-2"></i>
624
+ <span>敏感資料不上雲端</span>
625
+ </li>
626
+ </ul>
627
+ </div>
628
+
629
+ <!-- 技術2 -->
630
+ <div class="bg-gray-800 p-6 rounded-xl border border-gray-700">
631
+ <div class="flex justify-center mb-4">
632
+ <div class="bg-purple-900 p-3 rounded-full">
633
+ <i class="fas fa-balance-scale text-purple-400 text-2xl"></i>
634
+ </div>
635
+ </div>
636
+ <h3 class="text-xl font-bold text-center text-white mb-3">監管合規設計</h3>
637
+ <ul class="space-y-3 text-gray-300">
638
+ <li class="flex items-start">
639
+ <i class="fas fa-check text-purple-400 mt-1 mr-2"></i>
640
+ <span>金管會合規檢查點內建</span>
641
+ </li>
642
+ <li class="flex items-start">
643
+ <i class="fas fa-check text-purple-400 mt-1 mr-2"></i>
644
+ <span>可審計的AI決策紀錄</span>
645
+ </li>
646
+ <li class="flex items-start">
647
+ <i class="fas fa-check text-purple-400 mt-1 mr-2"></i>
648
+ <span>公平性與無歧視保障</span>
649
+ </li>
650
+ <li class="flex items-start">
651
+ <i class="fas fa-check text-purple-400 mt-1 mr-2"></i>
652
+ <span>自動生成監管報告</span>
653
+ </li>
654
+ </ul>
655
+ </div>
656
+
657
+ <!-- 技術3 -->
658
+ <div class="bg-gray-800 p-6 rounded-xl border border-gray-700">
659
+ <div class="flex justify-center mb-4">
660
+ <div class="bg-green-900 p-3 rounded-full">
661
+ <i class="fas fa-cogs text-green-400 text-2xl"></i>
662
+ </div>
663
+ </div>
664
+ <h3 class="text-xl font-bold text-center text-white mb-3">混合AI架構</h3>
665
+ <ul class="space-y-3 text-gray-300">
666
+ <li class="flex items-start">
667
+ <i class="fas fa-check text-green-400 mt-1 mr-2"></i>
668
+ <span>全球知識+本地微調模型</span>
669
+ </li>
670
+ <li class="flex items-start">
671
+ <i class="fas fa-check text-green-400 mt-1 mr-2"></i>
672
+ <span>多模態輸入處理能力</span>
673
+ </li>
674
+ <li class="flex items-start">
675
+ <i class="fas fa-check text-green-400 mt-1 mr-2"></i>
676
+ <span>可解釋AI技術應用</span>
677
+ </li>
678
+ <li class="flex items-start">
679
+ <i class="fas fa-check text-green-400 mt-1 mr-2"></i>
680
+ <span>持續學習與模型更新</span>
681
+ </li>
682
+ </ul>
683
+ </div>
684
+ </div>
685
+
686
+ <!-- 架構圖 -->
687
+ <div class="mt-12 bg-gray-800 p-6 rounded-xl border border-gray-700">
688
+ <h3 class="text-xl font-bold text-center text-white mb-6">GenAI技術架構圖</h3>
689
+ <div class="bg-gray-900 p-4 rounded-lg">
690
+ <div class="flex flex-col items-center">
691
+ <!-- 架構圖示意 -->
692
+ <div class="w-full max-w-2xl">
693
+ <div class="flex justify-between items-center mb-4">
694
+ <div class="bg-blue-500 text-white px-4 py-2 rounded-lg text-sm font-medium">客戶介面</div>
695
+ <i class="fas fa-arrow-right text-gray-400 mx-2"></i>
696
+ <div class="bg-purple-500 text-white px-4 py-2 rounded-lg text-sm font-medium">API網關</div>
697
+ <i class="fas fa-arrow-right text-gray-400 mx-2"></i>
698
+ <div class="bg-green-500 text-white px-4 py-2 rounded-lg text-sm font-medium">AI引擎</div>
699
+ </div>
700
+
701
+ <div class="border border-gray-700 rounded-lg p-4 mb-4">
702
+ <div class="grid grid-cols-3 gap-4 text-center">
703
+ <div class="bg-gray-700 p-3 rounded-lg">
704
+ <i class="fas fa-mobile-alt text-blue-300 mb-2"></i>
705
+ <p class="text-xs text-gray-300">行動App</p>
706
+ </div>
707
+ <div class="bg-gray-700 p-3 rounded-lg">
708
+ <i class="fas fa-desktop text-blue-300 mb-2"></i>
709
+ <p class="text-xs text-gray-300">網頁平台</p>
710
+ </div>
711
+ <div class="bg-gray-700 p-3 rounded-lg">
712
+ <i class="fas fa-comments text-blue-300 mb-2"></i>
713
+ <p class="text-xs text-gray-300">客服系統</p>
714
+ </div>
715
+ </div>
716
+ </div>
717
+
718
+ <div class="border border-gray-700 rounded-lg p-4 mb-4">
719
+ <div class="grid grid-cols-4 gap-4 text-center">
720
+ <div class="bg-gray-700 p-3 rounded-lg">
721
+ <i class="fas fa-shield-alt text-purple-300 mb-2"></i>
722
+ <p class="text-xs text-gray-300">身份驗證</p>
723
+ </div>
724
+ <div class="bg-gray-700 p-3 rounded-lg">
725
+ <i class="fas fa-filter text-purple-300 mb-2"></i>
726
+ <p class="text-xs text-gray-300">數據過濾</p>
727
+ </div>
728
+ <div class="bg-gray-700 p-3 rounded-lg">
729
+ <i class="fas fa-history text-purple-300 mb-2"></i>
730
+ <p class="text-xs text-gray-300">審計日誌</p>
731
+ </div>
732
+ <div class="bg-gray-700 p-3 rounded-lg">
733
+ <i class="fas fa-tachometer-alt text-purple-300 mb-2"></i>
734
+ <p class="text-xs text-gray-300">流量控制</p>
735
+ </div>
736
+ </div>
737
+ </div>
738
+
739
+ <div class="border border-gray-700 rounded-lg p-4">
740
+ <div class="grid grid-cols-3 gap-4 text-center">
741
+ <div class="bg-gray-700 p-3 rounded-lg">
742
+ <i class="fas fa-brain text-green-300 mb-2"></i>
743
+ <p class="text-xs text-gray-300">核心模型</p>
744
+ </div>
745
+ <div class="bg-gray-700 p-3 rounded-lg">
746
+ <i class="fas fa-database text-green-300 mb-2"></i>
747
+ <p class="text-xs text-gray-300">本地知識庫</p>
748
+ </div>
749
+ <div class="bg-gray-700 p-3 rounded-lg">
750
+ <i class="fas fa-chart-bar text-green-300 mb-2"></i>
751
+ <p class="text-xs text-gray-300">分析模組</p>
752
+ </div>
753
+ </div>
754
+ </div>
755
+ </div>
756
+ </div>
757
+ <p class="text-center text-gray-400 mt-4 text-sm">
758
+ <i class="fas fa-info-circle mr-2"></i>所有數據處理與儲存均符合台灣金融監管要求
759
+ </p>
760
+ </div>
761
+ </div>
762
+ </div>
763
+ </div>
764
+
765
+ <!-- 聯繫我們 -->
766
+ <div id="contact" class="py-16 bg-white">
767
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
768
+ <div class="lg:grid lg:grid-cols-2 lg:gap-16 items-center">
769
+ <div class="mb-12 lg:mb-0">
770
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-6">
771
+ 開始您的
772
+ <span class="text-blue-600">GenAI轉型之旅</span>
773
+ </h2>
774
+ <p class="text-lg text-gray-600 mb-8">
775
+ 我們的AI專家團隊將為您提供台北金融壽險業專屬的GenAI解決方案評估與導入建議。
776
+ </p>
777
+ <div class="space-y-6">
778
+ <div class="flex items-start">
779
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg mr-4">
780
+ <i class="fas fa-map-marker-alt text-blue-600"></i>
781
+ </div>
782
+ <div>
783
+ <h4 class="text-lg font-medium text-gray-900">台北辦公室</h4>
784
+ <p class="text-gray-600">信義區松仁路100號20樓</p>
785
+ </div>
786
+ </div>
787
+ <div class="flex items-start">
788
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg mr-4">
789
+ <i class="fas fa-phone-alt text-blue-600"></i>
790
+ </div>
791
+ <div>
792
+ <h4 class="text-lg font-medium text-gray-900">聯絡電話</h4>
793
+ <p class="text-gray-600">02-1234-5678</p>
794
+ </div>
795
+ </div>
796
+ <div class="flex items-start">
797
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg mr-4">
798
+ <i class="fas fa-envelope text-blue-600"></i>
799
+ </div>
800
+ <div>
801
+ <h4 class="text-lg font-medium text-gray-900">電子郵件</h4>
802
+ <p class="text-gray-600">[email protected]</p>
803
+ </div>
804
+ </div>
805
+ </div>
806
+ </div>
807
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm border border-gray-200">
808
+ <h3 class="text-xl font-bold text-gray-900 mb-6">預約免費諮詢</h3>
809
+ <form>
810
+ <div class="mb-4">
811
+ <label for="name" class="block text-sm font-medium text-gray-700 mb-1">姓名</label>
812
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
813
+ </div>
814
+ <div class="mb-4">
815
+ <label for="company" class="block text-sm font-medium text-gray-700 mb-1">公司名稱</label>
816
+ <input type="text" id="company" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
817
+ </div>
818
+ <div class="mb-4">
819
+ <label for="email" class="block text-sm font-medium text-gray-700 mb-1">電子郵件</label>
820
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
821
+ </div>
822
+ <div class="mb-4">
823
+ <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">電話</label>
824
+ <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
825
+ </div>
826
+ <div class="mb-6">
827
+ <label for="interest" class="block text-sm font-medium text-gray-700 mb-1">感興趣的解決方案</label>
828
+ <select id="interest" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
829
+ <option value="">請選擇</option>
830
+ <option value="customer-service">智能客服與銷售</option>
831
+ <option value="underwriting">智能核保與理賠</option>
832
+ <option value="product">產品創新引擎</option>
833
+ <option value="health">客戶健康管理</option>
834
+ <option value="compliance">智能合規與報告</option>
835
+ <option value="agent">代理人智能助手</option>
836
+ <option value="other">其他</option>
837
+ </select>
838
+ </div>
839
+ <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-md transition duration-300">
840
+ 提交申請 <i class="fas fa-paper-plane ml-2"></i>
841
+ </button>
842
+ </form>
843
+ </div>
844
+ </div>
845
+ </div>
846
+ </div>
847
+
848
+ <!-- 頁尾 -->
849
+ <footer class="bg-gray-900 text-white pt-12 pb-8">
850
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
851
+ <div class="grid md:grid-cols-4 gap-8 mb-8">
852
+ <div>
853
+ <h3 class="text-lg font-bold mb-4">FinAI 解決方案</h3>
854
+ <p class="text-gray-400">
855
+ 專注於金融壽險業的生成式AI技術提供商，總部位於台北，服務遍及全台。
856
+ </p>
857
+ </div>
858
+ <div>
859
+ <h3 class="text-lg font-bold mb-4">解決方案</h3>
860
+ <ul class="space-y-2 text-gray-400">
861
+ <li><a href="#" class="hover:text-blue-400 transition">智能客服</a></li>
862
+ <li><a href="#" class="hover:text-blue-400 transition">智能核保</a></li>
863
+ <li><a href="#" class="hover:text-blue-400 transition">產品創新</a></li>
864
+ <li><a href="#" class="hover:text-blue-400 transition">健康管理</a></li>
865
+ </ul>
866
+ </div>
867
+ <div>
868
+ <h3 class="text-lg font-bold mb-4">資源</h3>
869
+ <ul class="space-y-2 text-gray-400">
870
+ <li><a href="#" class="hover:text-blue-400 transition">部落格</a></li>
871
+ <li><a href="#" class="hover:text-blue-400 transition">案例研究</a></li>
872
+ <li><a href="#" class="hover:text-blue-400 transition">白皮書</a></li>
873
+ <li><a href="#" class="hover:text-blue-400 transition">常見問題</a></li>
874
+ </ul>
875
+ </div>
876
+ <div>
877
+ <h3 class="text-lg font-bold mb-4">關注我們</h3>
878
+ <div class="flex space-x-4">
879
+ <a href="#" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full transition">
880
+ <i class="fab fa-facebook-f"></i>
881
+ </a>
882
+ <a href="#" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full transition">
883
+ <i class="fab fa-linkedin-in"></i>
884
+ </a>
885
+ <a href="#" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full transition">
886
+ <i class="fab fa-twitter"></i>
887
+ </a>
888
+ <a href="#" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full transition">
889
+ <i class="fab fa-youtube"></i>
890
+ </a>
891
+ </div>
892
+ <div class="mt-4">
893
+ <p class="text-gray-400">訂閱電子報</p>
894
+ <div class="flex mt-2">
895
+ <input type="email" placeholder="您的郵箱" class="px-3 py-2 bg-gray-800 text-white rounded-l-md focus:outline-none focus:ring-1 focus:ring-blue-500 w-full">
896
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r-md transition">
897
+ <i class="fas fa-paper-plane"></i>
898
+ </button>
899
+ </div>
900
+ </div>
901
+ </div>
902
+ </div>
903
+ <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
904
+ <p class="text-gray-500 text-sm mb-4 md:mb-0">
905
+ © 2023 FinAI Solutions. 保留所有權利。
906
+ </p>
907
+ <div class="flex space-x-6">
908
+ <a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition">隱私政策</a>
909
+ <a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition">使用條款</a>
910
+ <a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition">Cookie政策</a>
911
+ </div>
912
+ </div>
913
+ </div>
914
+ </footer>
915
+
916
+ <script>
917
+ // 簡單的表單提交處理
918
+ document.querySelector('form').addEventListener('submit', function(e) {
919
+ e.preventDefault();
920
+ alert('感謝您的詢問！我們的團隊將盡快與您聯繫。');
921
+ this.reset();
922
+ });
923
+
924
+ // 平滑滾動
925
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
926
+ anchor.addEventListener('click', function (e) {
927
+ e.preventDefault();
928
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
929
+ behavior: 'smooth'
930
+ });
931
+ });
932
+ });
933
+
934
+ // 手機菜單切換
935
+ const mobileMenuButton = document.querySelector('.md\\:hidden button');
936
+ mobileMenuButton.addEventListener('click', function() {
937
+ // 這裡可以添加手機菜單的顯示/隱藏邏輯
938
+ alert('手機菜單功能需進一步開發');
939
+ });
940
+ </script>
941
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=DeepLearning101/fingenai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
942
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ 台灣台北的金融壽險業如何應用GenAI