Spaces:
Running
Running
File size: 54,207 Bytes
51599bb |
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 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 |
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>台北金融壽險業GenAI應用方案</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.gradient-bg {
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.animated-underline {
position: relative;
display: inline-block;
}
.animated-underline::after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: 0;
left: 0;
background-color: #3b82f6;
transition: width 0.3s ease;
}
.animated-underline:hover::after {
width: 100%;
}
.ai-pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
}
}
</style>
</head>
<body class="font-sans bg-gray-50">
<!-- 導航欄 -->
<nav class="bg-white shadow-lg">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<div class="flex-shrink-0 flex items-center">
<i class="fas fa-robot text-blue-500 text-2xl mr-2"></i>
<span class="text-xl font-bold text-gray-900">FinAI 解決方案</span>
</div>
</div>
<div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
<a href="#solutions" class="animated-underline text-gray-900 px-3 py-2 text-sm font-medium">解決方案</a>
<a href="#cases" class="animated-underline text-gray-900 px-3 py-2 text-sm font-medium">應用案例</a>
<a href="#benefits" class="animated-underline text-gray-900 px-3 py-2 text-sm font-medium">效益分析</a>
<a href="#contact" class="animated-underline text-gray-900 px-3 py-2 text-sm font-medium">聯繫我們</a>
</div>
<div class="-mr-2 flex items-center md:hidden">
<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">
<span class="sr-only">Open main menu</span>
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</div>
</nav>
<!-- 英雄區域 -->
<div class="gradient-bg text-white">
<div class="max-w-7xl mx-auto py-24 px-4 sm:px-6 lg:px-8">
<div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center">
<div class="mb-12 lg:mb-0">
<h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl mb-6">
台北金融壽險業的<br>
<span class="text-blue-200">GenAI 轉型方案</span>
</h1>
<p class="text-xl text-blue-100 mb-8">
利用生成式AI技術提升客戶體驗、優化風險評估並創造新型保險產品，為台北金融壽險業帶來革命性變革。
</p>
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
<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">
預約諮詢 <i class="fas fa-arrow-right ml-2"></i>
</a>
<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">
了解更多
</a>
</div>
</div>
<div class="relative">
<div class="relative w-full rounded-xl overflow-hidden shadow-2xl">
<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">
<div class="absolute inset-0 bg-blue-500 opacity-20"></div>
</div>
<div class="absolute -bottom-6 -right-6 bg-white p-4 rounded-lg shadow-lg">
<div class="flex items-center">
<div class="ai-pulse bg-blue-100 p-3 rounded-full mr-3">
<i class="fas fa-brain text-blue-600 text-xl"></i>
</div>
<div>
<p class="text-sm text-gray-500">AI分析中</p>
<p class="font-bold text-blue-600">風險評估準確率 +35%</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 解決方案區塊 -->
<div id="solutions" class="py-16 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
專為台北金融壽險業設計的
<span class="text-blue-600">GenAI 解決方案</span>
</h2>
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
結合本地市場特性與國際最新AI技術，打造符合台灣金融監管要求的智能解決方案
</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- 方案1 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
<div class="p-6">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg">
<i class="fas fa-comments-dollar text-blue-600 text-2xl"></i>
</div>
<h3 class="ml-4 text-xl font-bold text-gray-900">智能客服與銷售</h3>
</div>
<p class="text-gray-600 mb-4">
24/7多語言客戶服務，能理解台灣本地用語，提供個人化保險建議，提升轉化率。
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>自然對話理解台灣國語與方言</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>根據客戶需求即時生成保單建議</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>合規對話紀錄自動生成與存檔</span>
</li>
</ul>
</div>
</div>
<!-- 方案2 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
<div class="p-6">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-purple-100 p-3 rounded-lg">
<i class="fas fa-chart-line text-purple-600 text-2xl"></i>
</div>
<h3 class="ml-4 text-xl font-bold text-gray-900">智能核保與理賠</h3>
</div>
<p class="text-gray-600 mb-4">
自動化理賠處理與風險評估，結合台灣健保資料與生活型態數據，提升準確性與效率。
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>醫療影像與報告自動分析</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>理賠詐欺偵測準確率達92%</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>處理時間從天縮短至小時</span>
</li>
</ul>
</div>
</div>
<!-- 方案3 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
<div class="p-6">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-green-100 p-3 rounded-lg">
<i class="fas fa-lightbulb text-green-600 text-2xl"></i>
</div>
<h3 class="ml-4 text-xl font-bold text-gray-900">產品創新引擎</h3>
</div>
<p class="text-gray-600 mb-4">
分析台北市場需求與全球趨勢，自動生成符合本地法規的新型保險產品概念。
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>市場缺口與定價策略分析</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>自動生成保單條款與說明文件</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>合規性自動檢查與修正</span>
</li>
</ul>
</div>
</div>
<!-- 方案4 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
<div class="p-6">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-yellow-100 p-3 rounded-lg">
<i class="fas fa-user-shield text-yellow-600 text-2xl"></i>
</div>
<h3 class="ml-4 text-xl font-bold text-gray-900">客戶健康管理</h3>
</div>
<p class="text-gray-600 mb-4">
整合穿戴裝置數據，提供個人化健康建議與保費優惠，提升客戶黏著度與健康狀況。
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>健康風險預測與早期干預</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>動態保費調整模型</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>與台灣主流穿戴裝置整合</span>
</li>
</ul>
</div>
</div>
<!-- 方案5 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
<div class="p-6">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-red-100 p-3 rounded-lg">
<i class="fas fa-file-contract text-red-600 text-2xl"></i>
</div>
<h3 class="ml-4 text-xl font-bold text-gray-900">智能合規與報告</h3>
</div>
<p class="text-gray-600 mb-4">
自動監控金管會法規變更，即時調整業務流程與文件，確保合規性並降低人工審查成本。
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>法規變更即時警示</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>自動生成監管報告</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>合規風險評分系統</span>
</li>
</ul>
</div>
</div>
<!-- 方案6 -->
<div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300">
<div class="p-6">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-indigo-100 p-3 rounded-lg">
<i class="fas fa-people-arrows text-indigo-600 text-2xl"></i>
</div>
<h3 class="ml-4 text-xl font-bold text-gray-900">代理人智能助手</h3>
</div>
<p class="text-gray-600 mb-4">
為保險業務員提供即時銷售話術、客戶分析與行程管理，提升生產力與服務品質。
</p>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>客戶見面前的背景分析</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>即時對話建議與產品推薦</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span>業績預測與目標管理</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 應用案例 -->
<div id="cases" class="py-16 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
台北金融壽險業
<span class="text-blue-600">GenAI 成功案例</span>
</h2>
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
實際應用場景與量化成果展示
</p>
</div>
<div class="grid md:grid-cols-2 gap-8">
<!-- 案例1 -->
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="flex items-start mb-6">
<div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg mr-4">
<i class="fas fa-hospital-user text-blue-600 text-2xl"></i>
</div>
<div>
<h3 class="text-xl font-bold text-gray-900">醫療險智能理賠系統</h3>
<p class="text-sm text-gray-500">某大型壽險公司台北分公司</p>
</div>
</div>
<div class="mb-6">
<p class="text-gray-600">
應用GenAI自動分析醫療收據與診斷書，結合健保資料庫比對，大幅提升理賠效率與準確度。
</p>
</div>
<div class="grid grid-cols-2 gap-4">
<div class="bg-blue-50 p-4 rounded-lg">
<p class="text-sm text-blue-600 font-medium">理賠處理時間</p>
<p class="text-2xl font-bold text-gray-900">-78%</p>
<p class="text-xs text-gray-500">從5.2天降至1.1天</p>
</div>
<div class="bg-green-50 p-4 rounded-lg">
<p class="text-sm text-green-600 font-medium">詐欺偵測率</p>
<p class="text-2xl font-bold text-gray-900">+42%</p>
<p class="text-xs text-gray-500">準確識別異常理賠</p>
</div>
</div>
</div>
<!-- 案例2 -->
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="flex items-start mb-6">
<div class="flex-shrink-0 bg-purple-100 p-3 rounded-lg mr-4">
<i class="fas fa-robot text-purple-600 text-2xl"></i>
</div>
<div>
<h3 class="text-xl font-bold text-gray-900">智能客服轉型</h3>
<p class="text-sm text-gray-500">某外商壽險台灣總部</p>
</div>
</div>
<div class="mb-6">
<p class="text-gray-600">
部署多語言GenAI客服系統，支援國台英語言，處理80%常見諮詢，大幅降低人力成本。
</p>
</div>
<div class="grid grid-cols-2 gap-4">
<div class="bg-purple-50 p-4 rounded-lg">
<p class="text-sm text-purple-600 font-medium">客服成本</p>
<p class="text-2xl font-bold text-gray-900">-65%</p>
<p class="text-xs text-gray-500">年度節省$12M</p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg">
<p class="text-sm text-yellow-600 font-medium">客戶滿意度</p>
<p class="text-2xl font-bold text-gray-900">4.8/5</p>
<p class="text-xs text-gray-500">提升1.2分</p>
</div>
</div>
</div>
<!-- 案例3 -->
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="flex items-start mb-6">
<div class="flex-shrink-0 bg-green-100 p-3 rounded-lg mr-4">
<i class="fas fa-dna text-green-600 text-2xl"></i>
</div>
<div>
<h3 class="text-xl font-bold text-gray-900">基因檢測保險方案</h3>
<p class="text-sm text-gray-500">某本土壽險創新部門</p>
</div>
</div>
<div class="mb-6">
<p class="text-gray-600">
利用GenAI分析基因檢測數據與生活習慣，開發個人化保單與健康管理方案，創造新市場。
</p>
</div>
<div class="grid grid-cols-2 gap-4">
<div class="bg-green-50 p-4 rounded-lg">
<p class="text-sm text-green-600 font-medium">新客戶獲取</p>
<p class="text-2xl font-bold text-gray-900">+230%</p>
<p class="text-xs text-gray-500">相較傳統產品</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="text-sm text-blue-600 font-medium">理賠率</p>
<p class="text-2xl font-bold text-gray-900">-35%</p>
<p class="text-xs text-gray-500">健康介入效果</p>
</div>
</div>
</div>
<!-- 案例4 -->
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="flex items-start mb-6">
<div class="flex-shrink-0 bg-red-100 p-3 rounded-lg mr-4">
<i class="fas fa-shield-alt text-red-600 text-2xl"></i>
</div>
<div>
<h3 class="text-xl font-bold text-gray-900">智能合規系統</h3>
<p class="text-sm text-gray-500">某金控旗下壽險公司</p>
</div>
</div>
<div class="mb-6">
<p class="text-gray-600">
GenAI即時監控法規變更並自動調整保單條款與銷售流程，確保100%合規性，降低監管風險。
</p>
</div>
<div class="grid grid-cols-2 gap-4">
<div class="bg-red-50 p-4 rounded-lg">
<p class="text-sm text-red-600 font-medium">合規成本</p>
<p class="text-2xl font-bold text-gray-900">-60%</p>
<p class="text-xs text-gray-500">法遵人力需求</p>
</div>
<div class="bg-indigo-50 p-4 rounded-lg">
<p class="text-sm text-indigo-600 font-medium">調整速度</p>
<p class="text-2xl font-bold text-gray-900">24hr</p>
<p class="text-xs text-gray-500">法規生效後</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 效益分析 -->
<div id="benefits" class="py-16 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
GenAI為台北壽險業帶來的
<span class="text-blue-600">轉型效益</span>
</h2>
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
量化與質化的全方位價值提升
</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<!-- 效益1 -->
<div class="bg-gray-50 p-6 rounded-xl">
<div class="flex justify-center mb-4">
<div class="bg-blue-100 p-4 rounded-full">
<i class="fas fa-money-bill-wave text-blue-600 text-2xl"></i>
</div>
</div>
<h3 class="text-xl font-bold text-center text-gray-900 mb-3">營運效率提升</h3>
<div class="space-y-4">
<div class="flex items-center">
<div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<p class="text-gray-600">理賠處理時間縮短70-80%</p>
</div>
<div class="flex items-center">
<div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<p class="text-gray-600">客服成本降低50-65%</p>
</div>
<div class="flex items-center">
<div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<p class="text-gray-600">產品開發週期從月縮短至週</p>
</div>
</div>
</div>
<!-- 效益2 -->
<div class="bg-gray-50 p-6 rounded-xl">
<div class="flex justify-center mb-4">
<div class="bg-purple-100 p-4 rounded-full">
<i class="fas fa-chart-pie text-purple-600 text-2xl"></i>
</div>
</div>
<h3 class="text-xl font-bold text-center text-gray-900 mb-3">風險管理強化</h3>
<div class="space-y-4">
<div class="flex items-center">
<div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<p class="text-gray-600">詐欺理賠識別率提升40-50%</p>
</div>
<div class="flex items-center">
<div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<p class="text-gray-600">核保準確度提高35%</p>
</div>
<div class="flex items-center">
<div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<p class="text-gray-600">合規風險近乎零</p>
</div>
</div>
</div>
<!-- 效益3 -->
<div class="bg-gray-50 p-6 rounded-xl">
<div class="flex justify-center mb-4">
<div class="bg-green-100 p-4 rounded-full">
<i class="fas fa-users text-green-600 text-2xl"></i>
</div>
</div>
<h3 class="text-xl font-bold text-center text-gray-900 mb-3">客戶體驗升級</h3>
<div class="space-y-4">
<div class="flex items-center">
<div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<p class="text-gray-600">24/7即時多語言服務</p>
</div>
<div class="flex items-center">
<div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<p class="text-gray-600">個人化產品推薦轉化率+30%</p>
</div>
<div class="flex items-center">
<div class="flex-shrink-0 bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<p class="text-gray-600">NPS提升25-40分</p>
</div>
</div>
</div>
</div>
<!-- ROI分析 -->
<div class="mt-16 bg-blue-50 rounded-xl p-8">
<h3 class="text-2xl font-bold text-center text-gray-900 mb-6">GenAI投資回報分析 (ROI)</h3>
<div class="grid md:grid-cols-4 gap-6">
<div class="bg-white p-4 rounded-lg shadow-sm text-center">
<p class="text-sm text-blue-600 font-medium">實施週期</p>
<p class="text-2xl font-bold text-gray-900">8-12週</p>
<p class="text-xs text-gray-500">從規劃到上線</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm text-center">
<p class="text-sm text-green-600 font-medium">平均成本節省</p>
<p class="text-2xl font-bold text-gray-900">40-60%</p>
<p class="text-xs text-gray-500">相關業務流程</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm text-center">
<p class="text-sm text-purple-600 font-medium">回收期間</p>
<p class="text-2xl font-bold text-gray-900">6-9月</p>
<p class="text-xs text-gray-500">實現投資回本</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm text-center">
<p class="text-sm text-red-600 font-medium">三年ROI</p>
<p class="text-2xl font-bold text-gray-900">300-500%</p>
<p class="text-xs text-gray-500">保守估計</p>
</div>
</div>
<div class="mt-6 bg-white p-4 rounded-lg">
<p class="text-gray-600 text-center">
<i class="fas fa-info-circle text-blue-500 mr-2"></i>
實際效益因公司規模與實施範圍而異，我們可提供專屬評估報告
</p>
</div>
</div>
</div>
</div>
<!-- 技術架構 -->
<div class="py-16 bg-gray-900 text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl font-extrabold sm:text-4xl">
符合台灣監管的
<span class="text-blue-400">GenAI技術架構</span>
</h2>
<p class="mt-4 max-w-2xl text-xl text-gray-300 mx-auto">
安全、合規、可解釋的AI解決方案
</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<!-- 技術1 -->
<div class="bg-gray-800 p-6 rounded-xl border border-gray-700">
<div class="flex justify-center mb-4">
<div class="bg-blue-900 p-3 rounded-full">
<i class="fas fa-lock text-blue-400 text-2xl"></i>
</div>
</div>
<h3 class="text-xl font-bold text-center text-white mb-3">數據隱私保護</h3>
<ul class="space-y-3 text-gray-300">
<li class="flex items-start">
<i class="fas fa-check text-blue-400 mt-1 mr-2"></i>
<span>台灣本地化數據中心</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-blue-400 mt-1 mr-2"></i>
<span>符合個資法與GDPR標準</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-blue-400 mt-1 mr-2"></i>
<span>數據匿名化與加密技術</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-blue-400 mt-1 mr-2"></i>
<span>敏感資料不上雲端</span>
</li>
</ul>
</div>
<!-- 技術2 -->
<div class="bg-gray-800 p-6 rounded-xl border border-gray-700">
<div class="flex justify-center mb-4">
<div class="bg-purple-900 p-3 rounded-full">
<i class="fas fa-balance-scale text-purple-400 text-2xl"></i>
</div>
</div>
<h3 class="text-xl font-bold text-center text-white mb-3">監管合規設計</h3>
<ul class="space-y-3 text-gray-300">
<li class="flex items-start">
<i class="fas fa-check text-purple-400 mt-1 mr-2"></i>
<span>金管會合規檢查點內建</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-purple-400 mt-1 mr-2"></i>
<span>可審計的AI決策紀錄</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-purple-400 mt-1 mr-2"></i>
<span>公平性與無歧視保障</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-purple-400 mt-1 mr-2"></i>
<span>自動生成監管報告</span>
</li>
</ul>
</div>
<!-- 技術3 -->
<div class="bg-gray-800 p-6 rounded-xl border border-gray-700">
<div class="flex justify-center mb-4">
<div class="bg-green-900 p-3 rounded-full">
<i class="fas fa-cogs text-green-400 text-2xl"></i>
</div>
</div>
<h3 class="text-xl font-bold text-center text-white mb-3">混合AI架構</h3>
<ul class="space-y-3 text-gray-300">
<li class="flex items-start">
<i class="fas fa-check text-green-400 mt-1 mr-2"></i>
<span>全球知識+本地微調模型</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-400 mt-1 mr-2"></i>
<span>多模態輸入處理能力</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-400 mt-1 mr-2"></i>
<span>可解釋AI技術應用</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-400 mt-1 mr-2"></i>
<span>持續學習與模型更新</span>
</li>
</ul>
</div>
</div>
<!-- 架構圖 -->
<div class="mt-12 bg-gray-800 p-6 rounded-xl border border-gray-700">
<h3 class="text-xl font-bold text-center text-white mb-6">GenAI技術架構圖</h3>
<div class="bg-gray-900 p-4 rounded-lg">
<div class="flex flex-col items-center">
<!-- 架構圖示意 -->
<div class="w-full max-w-2xl">
<div class="flex justify-between items-center mb-4">
<div class="bg-blue-500 text-white px-4 py-2 rounded-lg text-sm font-medium">客戶介面</div>
<i class="fas fa-arrow-right text-gray-400 mx-2"></i>
<div class="bg-purple-500 text-white px-4 py-2 rounded-lg text-sm font-medium">API網關</div>
<i class="fas fa-arrow-right text-gray-400 mx-2"></i>
<div class="bg-green-500 text-white px-4 py-2 rounded-lg text-sm font-medium">AI引擎</div>
</div>
<div class="border border-gray-700 rounded-lg p-4 mb-4">
<div class="grid grid-cols-3 gap-4 text-center">
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-mobile-alt text-blue-300 mb-2"></i>
<p class="text-xs text-gray-300">行動App</p>
</div>
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-desktop text-blue-300 mb-2"></i>
<p class="text-xs text-gray-300">網頁平台</p>
</div>
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-comments text-blue-300 mb-2"></i>
<p class="text-xs text-gray-300">客服系統</p>
</div>
</div>
</div>
<div class="border border-gray-700 rounded-lg p-4 mb-4">
<div class="grid grid-cols-4 gap-4 text-center">
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-shield-alt text-purple-300 mb-2"></i>
<p class="text-xs text-gray-300">身份驗證</p>
</div>
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-filter text-purple-300 mb-2"></i>
<p class="text-xs text-gray-300">數據過濾</p>
</div>
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-history text-purple-300 mb-2"></i>
<p class="text-xs text-gray-300">審計日誌</p>
</div>
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-tachometer-alt text-purple-300 mb-2"></i>
<p class="text-xs text-gray-300">流量控制</p>
</div>
</div>
</div>
<div class="border border-gray-700 rounded-lg p-4">
<div class="grid grid-cols-3 gap-4 text-center">
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-brain text-green-300 mb-2"></i>
<p class="text-xs text-gray-300">核心模型</p>
</div>
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-database text-green-300 mb-2"></i>
<p class="text-xs text-gray-300">本地知識庫</p>
</div>
<div class="bg-gray-700 p-3 rounded-lg">
<i class="fas fa-chart-bar text-green-300 mb-2"></i>
<p class="text-xs text-gray-300">分析模組</p>
</div>
</div>
</div>
</div>
</div>
<p class="text-center text-gray-400 mt-4 text-sm">
<i class="fas fa-info-circle mr-2"></i>所有數據處理與儲存均符合台灣金融監管要求
</p>
</div>
</div>
</div>
</div>
<!-- 聯繫我們 -->
<div id="contact" class="py-16 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="lg:grid lg:grid-cols-2 lg:gap-16 items-center">
<div class="mb-12 lg:mb-0">
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-6">
開始您的
<span class="text-blue-600">GenAI轉型之旅</span>
</h2>
<p class="text-lg text-gray-600 mb-8">
我們的AI專家團隊將為您提供台北金融壽險業專屬的GenAI解決方案評估與導入建議。
</p>
<div class="space-y-6">
<div class="flex items-start">
<div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg mr-4">
<i class="fas fa-map-marker-alt text-blue-600"></i>
</div>
<div>
<h4 class="text-lg font-medium text-gray-900">台北辦公室</h4>
<p class="text-gray-600">信義區松仁路100號20樓</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg mr-4">
<i class="fas fa-phone-alt text-blue-600"></i>
</div>
<div>
<h4 class="text-lg font-medium text-gray-900">聯絡電話</h4>
<p class="text-gray-600">02-1234-5678</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg mr-4">
<i class="fas fa-envelope text-blue-600"></i>
</div>
<div>
<h4 class="text-lg font-medium text-gray-900">電子郵件</h4>
<p class="text-gray-600">[email protected]</p>
</div>
</div>
</div>
</div>
<div class="bg-gray-50 p-8 rounded-xl shadow-sm border border-gray-200">
<h3 class="text-xl font-bold text-gray-900 mb-6">預約免費諮詢</h3>
<form>
<div class="mb-4">
<label for="name" class="block text-sm font-medium text-gray-700 mb-1">姓名</label>
<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">
</div>
<div class="mb-4">
<label for="company" class="block text-sm font-medium text-gray-700 mb-1">公司名稱</label>
<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">
</div>
<div class="mb-4">
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">電子郵件</label>
<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">
</div>
<div class="mb-4">
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">電話</label>
<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">
</div>
<div class="mb-6">
<label for="interest" class="block text-sm font-medium text-gray-700 mb-1">感興趣的解決方案</label>
<select id="interest" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
<option value="">請選擇</option>
<option value="customer-service">智能客服與銷售</option>
<option value="underwriting">智能核保與理賠</option>
<option value="product">產品創新引擎</option>
<option value="health">客戶健康管理</option>
<option value="compliance">智能合規與報告</option>
<option value="agent">代理人智能助手</option>
<option value="other">其他</option>
</select>
</div>
<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">
提交申請 <i class="fas fa-paper-plane ml-2"></i>
</button>
</form>
</div>
</div>
</div>
</div>
<!-- 頁尾 -->
<footer class="bg-gray-900 text-white pt-12 pb-8">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-4 gap-8 mb-8">
<div>
<h3 class="text-lg font-bold mb-4">FinAI 解決方案</h3>
<p class="text-gray-400">
專注於金融壽險業的生成式AI技術提供商，總部位於台北，服務遍及全台。
</p>
</div>
<div>
<h3 class="text-lg font-bold mb-4">解決方案</h3>
<ul class="space-y-2 text-gray-400">
<li><a href="#" class="hover:text-blue-400 transition">智能客服</a></li>
<li><a href="#" class="hover:text-blue-400 transition">智能核保</a></li>
<li><a href="#" class="hover:text-blue-400 transition">產品創新</a></li>
<li><a href="#" class="hover:text-blue-400 transition">健康管理</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold mb-4">資源</h3>
<ul class="space-y-2 text-gray-400">
<li><a href="#" class="hover:text-blue-400 transition">部落格</a></li>
<li><a href="#" class="hover:text-blue-400 transition">案例研究</a></li>
<li><a href="#" class="hover:text-blue-400 transition">白皮書</a></li>
<li><a href="#" class="hover:text-blue-400 transition">常見問題</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold mb-4">關注我們</h3>
<div class="flex space-x-4">
<a href="#" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full transition">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full transition">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="#" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full transition">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="bg-gray-800 hover:bg-gray-700 p-2 rounded-full transition">
<i class="fab fa-youtube"></i>
</a>
</div>
<div class="mt-4">
<p class="text-gray-400">訂閱電子報</p>
<div class="flex mt-2">
<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">
<button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r-md transition">
<i class="fas fa-paper-plane"></i>
</button>
</div>
</div>
</div>
</div>
<div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
<p class="text-gray-500 text-sm mb-4 md:mb-0">
© 2023 FinAI Solutions. 保留所有權利。
</p>
<div class="flex space-x-6">
<a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition">隱私政策</a>
<a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition">使用條款</a>
<a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition">Cookie政策</a>
</div>
</div>
</div>
</footer>
<script>
// 簡單的表單提交處理
document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault();
alert('感謝您的詢問！我們的團隊將盡快與您聯繫。');
this.reset();
});
// 平滑滾動
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// 手機菜單切換
const mobileMenuButton = document.querySelector('.md\\:hidden button');
mobileMenuButton.addEventListener('click', function() {
// 這裡可以添加手機菜單的顯示/隱藏邏輯
alert('手機菜單功能需進一步開發');
});
</script>
<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>
</html> |