Hugging Face's logo

Spaces:
ninhdapchai
/
ninhmedia-com
Running

App Files Community
ninhdapchai commited on
Commit
cea2c10
·
verified ·
1 Parent(s): 3ee0167

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +503 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ninhmedia Com
3
- emoji: 📉
4
- colorFrom: purple
5
- colorTo: red
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: ninhmedia-com
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: yellow
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,503 @@
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="vi">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta name="description" content="Dịch vụ tư vấn và triển khai AI chuyên nghiệp - Giải pháp AI tối ưu cho doanh nghiệp của bạn. Chúng tôi cung cấp các giải pháp AI hàng đầu với chi phí hợp lý.">
7
+ <meta name="keywords" content="tư vấn AI, triển khai AI, giải pháp AI, AI cho doanh nghiệp, trí tuệ nhân tạo, machine learning, deep learning">
8
+ <title>Dịch Vụ Tư Vấn & Triển Khai AI Chuyên Nghiệp | NinhMedia</title>
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
11
+ <style>
12
+ .hero-section {
13
+ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1677442135136-760c813a743d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
14
+ background-size: cover;
15
+ background-position: center;
16
+ }
17
+ .service-card:hover {
18
+ transform: translateY(-10px);
19
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
20
+ }
21
+ .feature-icon {
22
+ width: 60px;
23
+ height: 60px;
24
+ display: flex;
25
+ align-items: center;
26
+ justify-content: center;
27
+ border-radius: 50%;
28
+ margin-bottom: 1rem;
29
+ }
30
+ </style>
31
+ </head>
32
+ <body class="font-sans">
33
+ <!-- Hero Section -->
34
+ <section class="hero-section text-white py-20 md:py-32">
35
+ <div class="container mx-auto px-4 text-center">
36
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">Giải Pháp AI Cho Doanh Nghiệp Của Bạn</h1>
37
+ <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Chúng tôi cung cấp dịch vụ tư vấn và triển khai AI chuyên nghiệp, giúp doanh nghiệp của bạn tối ưu hóa hoạt động và tăng trưởng bền vững với công nghệ trí tuệ nhân tạo.</p>
38
+ <a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full text-lg transition duration-300 inline-block">Liên Hệ Tư Vấn</a>
39
+ </div>
40
+ </section>
41
+
42
+ <!-- About Section -->
43
+ <section class="py-16 bg-gray-50">
44
+ <div class="container mx-auto px-4">
45
+ <div class="flex flex-col md:flex-row items-center">
46
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
47
+ <h2 class="text-3xl font-bold text-gray-800 mb-6">Tại Sao Chọn Dịch Vụ AI Của Chúng Tôi?</h2>
48
+ <p class="text-gray-600 mb-4">Trong kỷ nguyên số 4.0, AI đã trở thành công cụ không thể thiếu giúp doanh nghiệp nâng cao hiệu quả hoạt động, tối ưu chi phí và tăng trưởng bền vững.</p>
49
+ <p class="text-gray-600 mb-6">Với đội ngũ chuyên gia giàu kinh nghiệm, chúng tôi tự hào mang đến các giải pháp AI được thiết kế riêng cho từng doanh nghiệp, giúp bạn khai thác tối đa tiềm năng của công nghệ này.</p>
50
+ <ul class="space-y-3">
51
+ <li class="flex items-start">
52
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
53
+ <span class="text-gray-700">Đội ngũ chuyên gia AI trình độ cao với 5+ năm kinh nghiệm</span>
54
+ </li>
55
+ <li class="flex items-start">
56
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
57
+ <span class="text-gray-700">Giải pháp tùy chỉnh theo nhu cầu riêng của từng doanh nghiệp</span>
58
+ </li>
59
+ <li class="flex items-start">
60
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
61
+ <span class="text-gray-700">Chi phí hợp lý với hiệu quả ROI rõ rệt</span>
62
+ </li>
63
+ </ul>
64
+ </div>
65
+ <div class="md:w-1/2">
66
+ <img src="https://images.unsplash.com/photo-1655720828012-583b8a220847?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="AI Solutions" class="rounded-lg shadow-xl w-full">
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </section>
71
+
72
+ <!-- Services Section -->
73
+ <section id="services" class="py-16 bg-white">
74
+ <div class="container mx-auto px-4">
75
+ <div class="text-center mb-16">
76
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Dịch Vụ AI Của Chúng Tôi</h2>
77
+ <p class="text-gray-600 max-w-2xl mx-auto">Chúng tôi cung cấp các giải pháp AI toàn diện cho mọi quy mô doanh nghiệp, từ khâu tư vấn chiến lược đến triển khai thực tế.</p>
78
+ </div>
79
+
80
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
81
+ <!-- Service 1 -->
82
+ <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300">
83
+ <div class="feature-icon bg-blue-100 text-blue-600 mx-auto">
84
+ <i class="fas fa-brain text-2xl"></i>
85
+ </div>
86
+ <h3 class="text-xl font-bold text-gray-800 mb-4 text-center">Tư Vấn Chiến Lược AI</h3>
87
+ <p class="text-gray-600 mb-4">Đánh giá nhu cầu và xây dựng lộ trình triển khai AI phù hợp với mục tiêu kinh doanh của bạn.</p>
88
+ <ul class="text-gray-600 space-y-2 mb-6">
89
+ <li class="flex items-start">
90
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
91
+ <span>Phân tích hiện trạng doanh nghiệp</span>
92
+ </li>
93
+ <li class="flex items-start">
94
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
95
+ <span>Xác định các điểm có thể ứng dụng AI</span>
96
+ </li>
97
+ <li class="flex items-start">
98
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
99
+ <span>Lập kế hoạch triển khai chi tiết</span>
100
+ </li>
101
+ </ul>
102
+ </div>
103
+
104
+ <!-- Service 2 -->
105
+ <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300">
106
+ <div class="feature-icon bg-purple-100 text-purple-600 mx-auto">
107
+ <i class="fas fa-robot text-2xl"></i>
108
+ </div>
109
+ <h3 class="text-xl font-bold text-gray-800 mb-4 text-center">Triển Khai Hệ Thống AI</h3>
110
+ <p class="text-gray-600 mb-4">Phát triển và tích hợp các giải pháp AI vào hệ thống hiện có của doanh nghiệp.</p>
111
+ <ul class="text-gray-600 space-y-2 mb-6">
112
+ <li class="flex items-start">
113
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
114
+ <span>Xây dựng mô hình Machine Learning</span>
115
+ </li>
116
+ <li class="flex items-start">
117
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
118
+ <span>Tích hợp API AI vào hệ thống</span>
119
+ </li>
120
+ <li class="flex items-start">
121
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
122
+ <span>Phát triển chatbot thông minh</span>
123
+ </li>
124
+ </ul>
125
+ </div>
126
+
127
+ <!-- Service 3 -->
128
+ <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300">
129
+ <div class="feature-icon bg-green-100 text-green-600 mx-auto">
130
+ <i class="fas fa-chart-line text-2xl"></i>
131
+ </div>
132
+ <h3 class="text-xl font-bold text-gray-800 mb-4 text-center">Phân Tích Dữ Liệu & Dự Báo</h3>
133
+ <p class="text-gray-600 mb-4">Khai thác sức mạnh của dữ liệu để đưa ra các dự báo chính xác và quyết định kinh doanh thông minh.</p>
134
+ <ul class="text-gray-600 space-y-2 mb-6">
135
+ <li class="flex items-start">
136
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
137
+ <span>Phân tích dữ liệu lớn (Big Data)</span>
138
+ </li>
139
+ <li class="flex items-start">
140
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
141
+ <span>Mô hình dự báo xu hướng</span>
142
+ </li>
143
+ <li class="flex items-start">
144
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
145
+ <span>Báo cáo trực quan hóa dữ liệu</span>
146
+ </li>
147
+ </ul>
148
+ </div>
149
+
150
+ <!-- Service 4 -->
151
+ <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300">
152
+ <div class="feature-icon bg-yellow-100 text-yellow-600 mx-auto">
153
+ <i class="fas fa-eye text-2xl"></i>
154
+ </div>
155
+ <h3 class="text-xl font-bold text-gray-800 mb-4 text-center">Xử Lý Hình Ảnh & Thị Giác Máy Tính</h3>
156
+ <p class="text-gray-600 mb-4">Giải pháp nhận diện hình ảnh, xử lý video tự động cho các ngành bán lẻ, y tế, an ninh.</p>
157
+ <ul class="text-gray-600 space-y-2 mb-6">
158
+ <li class="flex items-start">
159
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
160
+ <span>Nhận diện khuôn mặt, vật thể</span>
161
+ </li>
162
+ <li class="flex items-start">
163
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
164
+ <span>Phân tích hình ảnh y tế</span>
165
+ </li>
166
+ <li class="flex items-start">
167
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
168
+ <span>Giám sát thông minh bằng camera</span>
169
+ </li>
170
+ </ul>
171
+ </div>
172
+
173
+ <!-- Service 5 -->
174
+ <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300">
175
+ <div class="feature-icon bg-red-100 text-red-600 mx-auto">
176
+ <i class="fas fa-comments text-2xl"></i>
177
+ </div>
178
+ <h3 class="text-xl font-bold text-gray-800 mb-4 text-center">Xử Lý Ngôn Ngữ Tự Nhiên</h3>
179
+ <p class="text-gray-600 mb-4">Giải pháp AI hiểu và xử lý ngôn ngữ con người cho dịch vụ khách hàng, phân tích tài liệu.</p>
180
+ <ul class="text-gray-600 space-y-2 mb-6">
181
+ <li class="flex items-start">
182
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
183
+ <span>Chatbot đa ngôn ngữ thông minh</span>
184
+ </li>
185
+ <li class="flex items-start">
186
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
187
+ <span>Phân tích cảm xúc văn bản</span>
188
+ </li>
189
+ <li class="flex items-start">
190
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
191
+ <span>Tóm tắt tài liệu tự động</span>
192
+ </li>
193
+ </ul>
194
+ </div>
195
+
196
+ <!-- Service 6 -->
197
+ <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300">
198
+ <div class="feature-icon bg-indigo-100 text-indigo-600 mx-auto">
199
+ <i class="fas fa-cogs text-2xl"></i>
200
+ </div>
201
+ <h3 class="text-xl font-bold text-gray-800 mb-4 text-center">Tối Ưu Hóa Quy Trình</h3>
202
+ <p class="text-gray-600 mb-4">Ứng dụng AI để tự động hóa và tối ưu các quy trình vận hành doanh nghiệp.</p>
203
+ <ul class="text-gray-600 space-y-2 mb-6">
204
+ <li class="flex items-start">
205
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
206
+ <span>Tự động hóa quy trình nghiệp vụ</span>
207
+ </li>
208
+ <li class="flex items-start">
209
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
210
+ <span>Tối ưu chuỗi cung ứng</span>
211
+ </li>
212
+ <li class="flex items-start">
213
+ <i class="fas fa-check text-green-500 text-xs mt-1 mr-2"></i>
214
+ <span>Dự báo nhu cầu sản xuất</span>
215
+ </li>
216
+ </ul>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ </section>
221
+
222
+ <!-- Process Section -->
223
+ <section id="process" class="py-16 bg-gray-50">
224
+ <div class="container mx-auto px-4">
225
+ <div class="text-center mb-16">
226
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Quy Trình Làm Việc</h2>
227
+ <p class="text-gray-600 max-w-2xl mx-auto">Chúng tôi áp dụng quy trình chuyên nghiệp để đảm bảo triển khai AI thành công cho doanh nghiệp của bạn.</p>
228
+ </div>
229
+
230
+ <div class="grid md:grid-cols-4 gap-8">
231
+ <!-- Step 1 -->
232
+ <div class="text-center">
233
+ <div class="bg-blue-100 text-blue-600 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
234
+ <span class="text-2xl font-bold">1</span>
235
+ </div>
236
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Tiếp Nhận Yêu Cầu</h3>
237
+ <p class="text-gray-600">Trao đổi để hiểu rõ nhu cầu và mục tiêu của doanh nghiệp bạn.</p>
238
+ </div>
239
+
240
+ <!-- Step 2 -->
241
+ <div class="text-center">
242
+ <div class="bg-purple-100 text-purple-600 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
243
+ <span class="text-2xl font-bold">2</span>
244
+ </div>
245
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Phân Tích & Đề Xuất</h3>
246
+ <p class="text-gray-600">Đánh giá hiện trạng và đề xuất giải pháp AI phù hợp nhất.</p>
247
+ </div>
248
+
249
+ <!-- Step 3 -->
250
+ <div class="text-center">
251
+ <div class="bg-green-100 text-green-600 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
252
+ <span class="text-2xl font-bold">3</span>
253
+ </div>
254
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Triển Khai Giải Pháp</h3>
255
+ <p class="text-gray-600">Phát triển và tích hợp hệ thống AI vào hoạt động doanh nghiệp.</p>
256
+ </div>
257
+
258
+ <!-- Step 4 -->
259
+ <div class="text-center">
260
+ <div class="bg-yellow-100 text-yellow-600 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
261
+ <span class="text-2xl font-bold">4</span>
262
+ </div>
263
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Đào Tạo & Bảo Trì</h3>
264
+ <p class="text-gray-600">Hướng dẫn sử dụng và h hỗ trợ bảo trì hệ thống dài hạn.</p>
265
+ </div>
266
+ </div>
267
+ </div>
268
+ </section>
269
+
270
+ <!-- Advantages Section -->
271
+ <section id="advantages" class="py-16 bg-white">
272
+ <div class="container mx-auto px-4">
273
+ <div class="text-center mb-16">
274
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Lợi Ích Khi Sử Dụng Dịch Vụ Của Chúng Tôi</h2>
275
+ <p class="text-gray-600 max-w-2xl mx-auto">Những giá trị khác biệt mà chúng tôi mang lại cho doanh nghiệp của bạn</p>
276
+ </div>
277
+
278
+ <div class="grid md:grid-cols-3 gap-8">
279
+ <!-- Advantage 1 -->
280
+ <div class="bg-gray-50 p-8 rounded-lg">
281
+ <div class="text-blue-600 mb-4">
282
+ <i class="fas fa-bolt text-3xl"></i>
283
+ </div>
284
+ <h3 class="text-xl font-bold text-gray-800 mb-4">Tăng Hiệu Suất Hoạt Động</h3>
285
+ <p class="text-gray-600">Giảm thời gian xử lý công việc thủ công, tự động hóa các quy trình lặp lại, giúp nhân viên tập trung vào công việc giá trị cao.</p>
286
+ </div>
287
+
288
+ <!-- Advantage 2 -->
289
+ <div class="bg-gray-50 p-8 rounded-lg">
290
+ <div class="text-purple-600 mb-4">
291
+ <i class="fas fa-chart-pie text-3xl"></i>
292
+ </div>
293
+ <h3 class="text-xl font-bold text-gray-800 mb-4">Tối Ưu Chi Phí</h3>
294
+ <p class="text-gray-600">Giảm chi phí vận hành nhờ tự động hóa, tối ưu nguồn lực và dự báo chính xác các nhu cầu trong tương lai.</p>
295
+ </div>
296
+
297
+ <!-- Advantage 3 -->
298
+ <div class="bg-gray-50 p-8 rounded-lg">
299
+ <div class="text-green-600 mb-4">
300
+ <i class="fas fa-lightbulb text-3xl"></i>
301
+ </div>
302
+ <h3 class="text-xl font-bold text-gray-800 mb-4">Ra Quyết Định Thông Minh</h3>
303
+ <p class="text-gray-600">Dựa trên phân tích dữ liệu chính xác và dự báo xu hướng, giúp lãnh đạo đưa ra quyết định chiến lược hiệu quả.</p>
304
+ </div>
305
+
306
+ <!-- Advantage 4 -->
307
+ <div class="bg-gray-50 p-8 rounded-lg">
308
+ <div class="text-yellow-600 mb-4">
309
+ <i class="fas fa-users text-3xl"></i>
310
+ </div>
311
+ <h3 class="text-xl font-bold text-gray-800 mb-4">Nâng Cao Trải Nghiệm Khách Hàng</h3>
312
+ <p class="text-gray-600">Cá nhân hóa dịch vụ, chatbot hỗ trợ 24/7, phân tích hành vi khách hàng để cung cấp dịch vụ tốt nhất.</p>
313
+ </div>
314
+
315
+ <!-- Advantage 5 -->
316
+ <div class="bg-gray-50 p-8 rounded-lg">
317
+ <div class="text-red-600 mb-4">
318
+ <i class="fas fa-shield-alt text-3xl"></i>
319
+ </div>
320
+ <h3 class="text-xl font-bold text-gray-800 mb-4">Bảo Mật & An Toàn</h3>
321
+ <p class="text-gray-600">Hệ thống AI giúp phát hiện các mối đe dọa bảo mật, gian lận và bảo vệ dữ liệu quan trọng của doanh nghiệp.</p>
322
+ </div>
323
+
324
+ <!-- Advantage 6 -->
325
+ <div class="bg-gray-50 p-8 rounded-lg">
326
+ <div class="text-indigo-600 mb-4">
327
+ <i class="fas fa-trophy text-3xl"></i>
328
+ </div>
329
+ <h3 class="text-xl font-bold text-gray-800 mb-4">Lợi Thế Cạnh Tranh</h3>
330
+ <p class="text-gray-600">Ứng dụng AI giúp doanh nghiệp của bạn đi trước đối thủ, đổi mới sáng tạo và dẫn đầu trong ngành.</p>
331
+ </div>
332
+ </div>
333
+ </div>
334
+ </section>
335
+
336
+ <!-- Case Studies Section -->
337
+ <section class="py-16 bg-gray-50">
338
+ <div class="container mx-auto px-4">
339
+ <div class="text-center mb-16">
340
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Dự Án Tiêu Biểu</h2>
341
+ <p class="text-gray-600 max-w-2xl mx-auto">Một số dự án AI chúng tôi đã triển khai thành công cho khách hàng</p>
342
+ </div>
343
+
344
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
345
+ <!-- Case 1 -->
346
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
347
+ <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="Retail AI Solution" class="w-full h-48 object-cover">
348
+ <div class="p-6">
349
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Giải Pháp AI Cho Chuỗi Bán Lẻ</h3>
350
+ <p class="text-gray-600 mb-4">Triển khai hệ thống dự báo nhu cầu và tối ưu kho hàng, giúp giảm 30% t tồn kho và tăng 15% doanh thu.</p>
351
+ <div class="flex flex-wrap gap-2">
352
+ <span class="bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full">Dự báo nhu cầu</span>
353
+ <span class="bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full">Tối ưu kho</span>
354
+ </div>
355
+ </div>
356
+ </div>
357
+
358
+ <!-- Case 2 -->
359
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
360
+ <img src="https://images.unsplash.com/photo-1576091160550-2173dba999ef?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Healthcare AI" class="w-full h-48 object-cover">
361
+ <div class="p-6">
362
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Hệ Thống Chẩn Đoán Hình Ảnh Y Tế</h3>
363
+ <p class="text-gray-600 mb-4">Phát triển mô hình AI phân tích hình ảnh X-quang, giúp bác sĩ phát hiện sớm các bất thường với độ chính xác 95%.</p>
364
+ <div class="flex flex-wrap gap-2">
365
+ <span class="bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full">Xử lý hình ảnh</span>
366
+ <span class="bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full">Y tế</span>
367
+ </div>
368
+ </div>
369
+ </div>
370
+
371
+ <!-- Case 3 -->
372
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
373
+ <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="Customer Service AI" class="w-full h-48 object-cover">
374
+ <div class="p-6">
375
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Chatbot Dịch Vụ Khách Hàng</h3>
376
+ <p class="text-gray-600 mb-4">Triển khai chatbot đa ngôn ngữ xử lý 80% yêu cầu khách hàng, giảm 40% tải cho bộ phận CSKH.</p>
377
+ <div class="flex flex-wrap gap-2">
378
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-3 py-1 rounded-full">NLP</span>
379
+ <span class="bg-yellow-100 text-yellow-800 text-xs px-3 py-1 rounded-full">Chatbot</span>
380
+ </div>
381
+ </div>
382
+ </div>
383
+ </div>
384
+ </div>
385
+ </section>
386
+
387
+ <!-- CTA Section -->
388
+ <section class="py-16 bg-blue-600 text-white">
389
+ <div class="container mx-auto px-4 text-center">
390
+ <h2 class="text-3xl font-bold mb-6">Sẵn Sàng Đưa Doanh Nghiệp Của Bạn Lên Tầm Cao Mới Với AI?</h2>
391
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Liên hệ ngay với chúng tôi để được tư vấn giải pháp AI phù hợp nhất cho doanh nghiệp của bạn.</p>
392
+ <a href="#contact" class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-3 px-8 rounded-full text-lg transition duration-300 inline-block">Liên Hệ Ngay</a>
393
+ </div>
394
+ </section>
395
+
396
+ <!-- FAQ Section -->
397
+ <section class="py-16 bg-gray-50">
398
+ <div class="container mx-auto px-4">
399
+ <div class="text-center mb-16">
400
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Câu Hỏi Thường Gặp</h2>
401
+ <p class="text-gray-600 max-w-2xl mx-auto">Những thắc mắc phổ biến của khách hàng về dịch vụ AI của chúng tôi</p>
402
+ </div>
403
+
404
+ <div class="max-w-3xl mx-auto">
405
+ <!-- FAQ 1 -->
406
+ <div class="mb-6 border-b border-gray-200 pb-6">
407
+ <button class="faq-toggle flex justify-between items-center w-full text-left">
408
+ <h3 class="text-xl font-bold text-gray-800">Triển khai AI có tốn kém không?</h3>
409
+ <i class="fas fa-chevron-down text-blue-600 ml-4 transition-transform duration-300"></i>
410
+ </button>
411
+ <div class="faq-content mt-4 text-gray-600 hidden">
412
+ <p>Chi phí triển khai AI phụ thuộc vào quy mô và độ phức tạp của dự án. Chúng tôi luôn cung cấp các giải pháp phù hợp với ngân sách của từng doanh nghiệp, từ các gói cơ bản đến giải pháp tùy chỉnh cao cấp. Thông thường, ROI (lợi tức đầu tư) từ các dự án AI là rất rõ rệt chỉ sau 6-12 tháng triển khai.</p>
413
+ </div>
414
+ </div>
415
+
416
+ <!-- FAQ 2 -->
417
+ <div class="mb-6 border-b border-gray-200 pb-6">
418
+ <button class="faq-toggle flex justify-between items-center w-full text-left">
419
+ <h3 class="text-xl font-bold text-gray-800">Doanh nghiệp tôi cần chuẩn bị gì trước khi triển khai AI?</h3>
420
+ <i class="fas fa-chevron-down text-blue-600 ml-4 transition-transform duration-300"></i>
421
+ </button>
422
+ <div class="faq-content mt-4 text-gray-600 hidden">
423
+ <p>Để triển khai AI hiệu quả, doanh nghiệp nên:</p>
424
+ <ul class="list-disc pl-5 mt-2 space-y-2">
425
+ <li>Xác định rõ vấn đề/mục tiêu muốn giải quyết bằng AI</li>
426
+ <li>Chuẩn bị sẵn các nguồn dữ liệu liên quan (càng nhiều càng tốt)</li>
427
+ <li>Có đội ngũ nhân sự sẵn sàng phối hợp với chuyên gia AI</li>
428
+ <li>Xác định ngân sách và kỳ vọng về thời gian triển khai</li>
429
+ </ul>
430
+ <p class="mt-2">Đội ngũ chuyên gia của chúng tôi sẽ hỗ trợ bạn trong tất cả các bước chuẩn bị này.</p>
431
+ </div>
432
+ </div>
433
+
434
+ <!-- FAQ 3 -->
435
+ <div class="mb-6 border-b border-gray-200 pb-6">
436
+ <button class="faq-toggle flex justify-between items-center w-full text-left">
437
+ <h3 class="text-xl font-bold text-gray-800">Thời gian triển khai một dự án AI thông thường là bao lâu?</h3>
438
+ <i class="fas fa-chevron-down text-blue-600 ml-4 transition-transform duration-300"></i>
439
+ </button>
440
+ <div class="faq-content mt-4 text-gray-600 hidden">
441
+ <p>Thời gian triển khai phụ thuộc vào độ phức tạp của dự án:</p>
442
+ <ul class="list-disc pl-5 mt-2 space-y-2">
443
+ <li>Các giải pháp AI đóng gói sẵn: 2-4 tuần</li>
444
+ <li>Dự án AI tùy chỉnh cơ bản: 1-3 tháng</li>
445
+ <li>Dự án AI phức tạp, quy mô lớn: 3-6 tháng hoặc hơn</li>
446
+ </ul>
447
+ <p class="mt-2">Chúng tôi luôn cố gắng cung cấp MVP (sản phẩm tối thiểu khả dụng) sớm nhất để khách hàng có thể bắt đầu thu được giá trị từ AI ngay trong quá tr��nh phát triển.</p>
448
+ </div>
449
+ </div>
450
+
451
+ <!-- FAQ 4 -->
452
+ <div class="mb-6 border-b border-gray-200 pb-6">
453
+ <button class="faq-toggle flex justify-between items-center w-full text-left">
454
+ <h3 class="text-xl font-bold text-gray-800">Doanh nghiệp nhỏ có thể ứng dụng AI không?</h3>
455
+ <i class="fas fa-chevron-down text-blue-600 ml-4 transition-transform duration-300"></i>
456
+ </button>
457
+ <div class="faq-content mt-4 text-gray-600 hidden">
458
+ <p>Hoàn toàn có thể! Hiện nay có rất nhiều giải pháp AI với chi phí hợp lý dành riêng cho doanh nghiệp nhỏ. Chúng tôi sẽ tư vấn các giải pháp phù hợp với quy mô và ngân sách của bạn, có thể bắt đầu từ các module nhỏ trước khi mở rộng dần.</p>
459
+ <p class="mt-2">Nhiều doanh nghiệp nhỏ đã thành công trong việc ứng dụng AI cho các lĩnh vực như: dịch vụ khách hàng (chatbot), marketing (phân tích khách hàng tiềm năng), quản lý kho hàng (dự báo nhu cầu)...</p>
460
+ </div>
461
+ </div>
462
+
463
+ <!-- FAQ 5 -->
464
+ <div class="mb-6">
465
+ <button class="faq-toggle flex justify-between items-center w-full text-left">
466
+ <h3 class="text-xl font-bold text-gray-800">Chúng tôi có cần chuyên gia AI trong nội bộ không?</h3>
467
+ <i class="fas fa-chevron-down text-blue-600 ml-4 transition-transform duration-300"></i>
468
+ </button>
469
+ <div class="faq-content mt-4 text-gray-600 hidden">
470
+ <p>Không bắt buộc. Chúng tôi cung cấp dịch vụ trọn gói từ tư vấn, triển khai đến bảo trì. Tuy nhiên, nếu doanh nghiệp của bạn có nhân sự am hiểu về công nghệ hoặc dữ liệu, họ có thể phối hợp tốt với đội ngũ của chúng tôi để đạt kết quả tối ưu.</p>
471
+ <p class="mt-2">Chúng tôi cũng cung cấp các khóa đào tạo ngắn hạn để nhân viên của bạn có thể vận hành và tận dụng tối đa hệ thống AI sau khi triển khai.</p>
472
+ </div>
473
+ </div>
474
+ </div>
475
+ </div>
476
+ </section>
477
+
478
+ <script>
479
+ // FAQ toggle functionality
480
+ document.querySelectorAll('.faq-toggle').forEach(button => {
481
+ button.addEventListener('click', () => {
482
+ const content = button.nextElementSibling;
483
+ const icon = button.querySelector('i');
484
+
485
+ content.classList.toggle('hidden');
486
+ icon.classList.toggle('transform');
487
+ icon.classList.toggle('rotate-180');
488
+ });
489
+ });
490
+
491
+ // Smooth scrolling for anchor links
492
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
493
+ anchor.addEventListener('click', function (e) {
494
+ e.preventDefault();
495
+
496
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
497
+ behavior: 'smooth'
498
+ });
499
+ });
500
+ });
501
+ </script>
502
+ <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=ninhdapchai/ninhmedia-com" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
503
+ </html>