TDN-M commited on
Commit
1717f71
·
verified ·
1 Parent(s): bf43ee3

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +101 -83
index.html CHANGED
@@ -1,102 +1,120 @@
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Casla Quartz Image Generator</title>
7
- <!-- Import font Roboto từ Google Fonts -->
8
- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">
9
- <link rel="stylesheet" href="styles.css">
10
  </head>
11
  <body>
12
- <div class="App">
13
- <header class="header">
14
- <div class="logo-container">
15
- <img src="logo.png" alt="Casla Quartz Logo" class="logo-img">
16
- <h1>Đưa CaslaQuartz vào công trình của bạn</h1>
17
- </div>
18
  </header>
19
 
20
- <div class="tabs">
21
- <button class="tab-button active" onclick="switchTab('text2img')">Tạo ảnh từ văn bản</button>
22
- <button class="tab-button" onclick="switchTab('img2img')">Chuyển đổi ảnh</button>
23
- </div>
 
24
 
25
- <!-- Text2Img Section -->
26
- <div id="text2img" class="section">
27
- <h2>Tạo ảnh từ văn bản</h2>
28
- <form onsubmit="generateText2Img(event)">
29
- <div>
30
- <label> tả (Prompt):</label>
31
- <input type="text" id="prompt" placeholder="Ví dụ: Bàn bếp hiện đại" required>
32
- </div>
33
- <div>
34
- <label>Kích thước:</label>
35
- <select id="size">
36
- <option value="1152x768">1152x768</option>
37
- <option value="1024x1024" selected>1024x1024</option>
38
- <option value="768x1152">768x1152</option>
39
- <option value="Custom size">Tùy chỉnh</option>
40
- </select>
41
- <input type="text" id="custom-size" placeholder="Width x Height (e.g., 1280x720)" style="display: none;">
42
  </div>
43
- <div>
44
- <label>Chọn sản phẩm:</label>
45
- <div class="product-buttons" id="text2img-products"></div>
 
 
 
 
 
 
46
  </div>
47
- <button type="submit">Tạo ảnh</button>
48
- </form>
49
- </div>
50
 
51
- <!-- Img2Img Section -->
52
- <div id="img2img" class="section" style="display: none;">
53
- <h2>Chuyển đổi ảnh</h2>
54
- <form onsubmit="generateImg2Img(event)">
55
- <div>
56
- <label>Ảnh đầu vào:</label>
57
- <div class="dropzone" ondrop="dropHandler(event)" ondragover="dragOverHandler(event)" onclick="document.getElementById('image-upload').click()">
58
- <p>Kéo thả hoặc nhấn để tải ảnh</p>
59
- <input type="file" id="image-upload" style="display: none;" accept="image/*">
60
- </div>
61
- <img id="preview-image" class="preview-image" style="display: none;">
 
 
 
 
 
 
 
 
62
  </div>
63
- <div>
64
- <label>Vị trí áp dụng:</label>
65
- <select id="position">
66
- <option value="Wall">Wall</option>
67
- <option value="Countertop">Countertop</option>
68
- <option value="Floor">Floor</option>
69
- <option value="Counter">Counter</option>
70
- <option value="Table">Table</option>
71
- <option value="Coffee Table top">Coffee Table top</option>
72
- <option value="Backsplash">Backsplash</option>
73
- </select>
74
  </div>
75
- <div>
76
- <label>Kích thước:</label>
77
- <select id="size-img2img">
78
- <option value="1152x768">1152x768</option>
79
- <option value="1024x1024" selected>1024x1024</option>
80
- <option value="768x1152">768x1152</option>
81
- <option value="Custom size">Tùy chỉnh</option>
82
- </select>
83
- <input type="text" id="custom-size-img2img" placeholder="Width x Height (e.g., 1280x720)" style="display: none;">
84
  </div>
85
- <div>
86
- <label>Chọn sản phẩm:</label>
87
- <div class="product-buttons" id="img2img-products"></div>
 
 
88
  </div>
89
- <button type="submit">Tạo ảnh</button>
90
- </form>
91
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
92
 
93
- <!-- Output -->
94
- <div id="loading" class="loading-spinner" style="display: none;"></div>
95
- <p id="error" style="color: red; display: none;"></p>
96
- <img id="generated-image" class="generated-image" style="display: none;">
97
- <a id="download-link" style="display: none;" download>Hải ảnh về máy</a>
98
- </div>
99
 
100
- <script src="script.js"></script>
101
  </body>
102
  </html>
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>AI Solutions for First Trust ACPA Vietnam</title>
7
+ <link rel="stylesheet" href="styles.css">
 
 
8
  </head>
9
  <body>
10
+ <header>
11
+ <div class="header-content">
12
+ <h1>Giải Pháp Công Nghệ AI Toàn Diện Cho First Trust ACPA Vietnam</h1>
13
+ <p>Chuyển đổi hoạt động, nâng tầm vị thế trong ngành tài chính</p>
14
+ </div>
 
15
  </header>
16
 
17
+ <section id="intro">
18
+ <h2>1. Giới Thiệu</h2>
19
+ <p>First Trust ACPA Vietnam là một công ty dịch vụ tài chính đang phát triển mạnh mẽ với trụ sở tại Hà Nội, chuyên cung cấp các dịch vụ kế toán, hợp nhất báo cáo tài chính và biên soạn báo cáo tài chính cho khách hàng trong khu vực châu Á - Thái Bình Dương. Với quy mô từ 25-99 nhân viên và định hướng mở rộng, công ty đang đối mặt với áp lực ngày càng tăng về hiệu quả vận hành, độ chính xác, tuân thủ quy định và nâng cao trải nghiệm khách hàng.</p>
20
+ <p>Là một nhà phát triển ứng dụng AI, chúng tôi đề xuất một bộ giải pháp công nghệ toàn diện, được thiết kế để giải quyết các thách thức hiện tại, tối ưu hóa quy trình và định vị First Trust ACPA Vietnam như một đơn vị dẫn đầu trong ngành tài chính.</p>
21
+ </section>
22
 
23
+ <section id="challenges">
24
+ <h2>2. Phân Tích Hoạt Động Và Thách Thức</h2>
25
+ <div class="challenge-item">
26
+ <h3>2.1 Hoạt Động Chính</h3>
27
+ <ul>
28
+ <li><strong>Dịch Vụ Kế Toán:</strong> Ghi chép, quản lý giao dịch, xử lý dữ liệu từ hóa đơn, sao kê.</li>
29
+ <li><strong>Hợp Nhất Báo Cáo:</strong> Tổng hợp dữ liệu từ nhiều nguồn, chuẩn hóa theo IFRS.</li>
30
+ <li><strong>Biên Soạn Báo Cáo:</strong> Chuẩn bị bảng cân đối kế toán, báo cáo thu nhập.</li>
31
+ <li><strong>Quản Lý Nhân Sự:</strong> Tuyển dụng, đào tạo đội ngũ nhân viên đang mở rộng.</li>
32
+ <li><strong>Tuân Thủ Quy Định:</strong> Xác minh KYC, đáp ứng quy định tài chính đa quốc gia.</li>
33
+ </ul>
 
 
 
 
 
 
34
  </div>
35
+ <div class="challenge-item">
36
+ <h3>2.2 Thách Thức Hiện Tại</h3>
37
+ <ul>
38
+ <li><strong>Khối Lượng Dữ Liệu:</strong> Quy trình thủ công tốn thời gian, dễ sai sót.</li>
39
+ <li><strong>Tuân Thủ Quy Định:</strong> Quy định thay đổi liên tục, khó cập nhật thủ công.</li>
40
+ <li><strong>Tiếp Nhận Khách Hàng:</strong> Quy trình KYC chậm, ảnh hưởng trải nghiệm.</li>
41
+ <li><strong>Hiệu Suất Nội Bộ:</strong> Quản lý nhân sự và đào tạo chưa tối ưu.</li>
42
+ <li><strong>Giá Trị Dịch Vụ:</strong> Khách hàng đòi hỏi tư vấn chuyên sâu với đội ngũ hạn chế.</li>
43
+ </ul>
44
  </div>
45
+ </section>
 
 
46
 
47
+ <section id="solutions">
48
+ <h2>3. Giải Pháp Đề Xuất</h2>
49
+ <div class="solution-card">
50
+ <h3>3.1 Tự Động Hóa Quy Trình Kế Toán</h3>
51
+ <p><strong>Công Nghệ:</strong> RPA + Machine Learning</p>
52
+ <p><strong>Ứng Dụng:</strong> Tự động nhập liệu, đối chiếu giao dịch, tạo báo cáo định kỳ.</p>
53
+ <p><strong>Lợi Ích:</strong> Giảm 70-80% thời gian xử lý, loại bỏ lỗi thủ công.</p>
54
+ </div>
55
+ <div class="solution-card">
56
+ <h3>3.2 Trích Xuất Dữ Liệu</h3>
57
+ <p><strong>Công Nghệ:</strong> NLP + OCR</p>
58
+ <p><strong>Ứng Dụng:</strong> Trích xuất từ hóa đơn, chuẩn hóa dữ liệu cho báo cáo.</p>
59
+ <p><strong>Lợi Ích:</strong> Xử lý nhanh, đảm bảo nhất quán.</p>
60
+ </div>
61
+ <div class="solution-card">
62
+ <h3>3.3 Phân Tích Dự Đoán</h3>
63
+ <p><strong>Công Nghệ:</strong> ML + Deep Learning</p>
64
+ <p><strong>Ứng Dụng:</strong> Dự đoán xu hướng, phát hiện gian lận.</p>
65
+ <p><strong>Lợi Ích:</strong> Nâng cao tư vấn, giảm rủi ro.</p>
66
  </div>
67
+ <div class="solution-card">
68
+ <h3>3.4 Tuân Thủ Quy Định</h3>
69
+ <p><strong>Công Nghệ:</strong> Big Data + AI</p>
70
+ <p><strong>Ứng Dụng:</strong> Hợp nhất báo cáo, cập nhật quy định.</p>
71
+ <p><strong>Lợi Ích:</strong> Đảm bảo tuân thủ, giảm rủi ro pháp lý.</p>
 
 
 
 
 
 
72
  </div>
73
+ <div class="solution-card">
74
+ <h3>3.5 Chatbot Hỗ Trợ Khách Hàng</h3>
75
+ <p><strong>Công Nghệ:</strong> NLP + ML</p>
76
+ <p><strong>Ứng Dụng:</strong> Trả lời câu hỏi khách hàng 24/7.</p>
77
+ <p><strong>Lợi Ích:</strong> Tăng sự hài lòng, giảm thời gian phản hồi.</p>
 
 
 
 
78
  </div>
79
+ <div class="solution-card">
80
+ <h3>3.6 Xác Thực eKYC</h3>
81
+ <p><strong>Công Nghệ:</strong> AI + Sinh Trắc Học</p>
82
+ <p><strong>Ứng Dụng:</strong> Xác minh danh tính khách hàng nhanh chóng.</p>
83
+ <p><strong>Lợi Ích:</strong> Rút ngắn thời gian tiếp nhận, tăng bảo mật.</p>
84
  </div>
85
+ <div class="solution-card">
86
+ <h3>3.7 Chatbot Nội Bộ</h3>
87
+ <p><strong>Công Nghệ:</strong> NLP + ML</p>
88
+ <p><strong>Ứng Dụng:</strong> Hỗ trợ nhân sự, đào tạo nhân viên.</p>
89
+ <p><strong>Lợi Ích:</strong> Giảm thời gian đào tạo, tăng hiệu quả nội bộ.</p>
90
+ </div>
91
+ </section>
92
+
93
+ <section id="implementation">
94
+ <h2>4. Cách Tích Hợp Và Triển Khai</h2>
95
+ <p>Chúng tôi đảm bảo tích hợp mượt mà với hệ thống hiện tại qua 3 giai đoạn: phân tích, thử nghiệm, và ra mắt toàn diện, với hỗ trợ liên tục 24/7.</p>
96
+ </section>
97
+
98
+ <section id="benefits">
99
+ <h2>5. Lợi Ích Dự Kiến</h2>
100
+ <ul>
101
+ <li><strong>Hiệu Suất:</strong> Giảm 80% chi phí và thời gian xử lý.</li>
102
+ <li><strong>Độ Chính Xác:</strong> Báo cáo đạt độ chính xác 100%, tuân thủ quy định.</li>
103
+ <li><strong>Trải Nghiệm:</strong> Tăng sự hài lòng của khách hàng và nhân viên.</li>
104
+ <li><strong>Mở Rộng:</strong> Xử lý khối lượng công việc lớn mà không cần thêm nhân sự.</li>
105
+ </ul>
106
+ </section>
107
+
108
+ <section id="why-us">
109
+ <h2>6. Tại Sao Chọn Chúng Tôi?</h2>
110
+ <p>Giải pháp tùy chỉnh, công nghệ tiên tiến, và hỗ trợ lâu dài giúp chúng tôi trở thành đối tác lý tưởng để đồng hành cùng quý công ty.</p>
111
+ </section>
112
 
113
+ <footer>
114
+ <h2>7. Kết Luận</h2>
115
+ <p>Bộ giải pháp AI này sẽ đưa First Trust ACPA Vietnam lên một tầm cao mới trong ngành tài chính. Hãy cùng chúng tôi biến tầm nhìn thành hiện thực!</p>
116
+ </footer>
 
 
117
 
118
+ <script src="script.js"></script>
119
  </body>
120
  </html>