Hugging Face's logo

Spaces:
ducnhat036
/
toolv3
Running

App Files Community
ducnhat036 commited on
Commit
7ac93f9
·
verified ·
1 Parent(s): a89b8bd

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +1110 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Toolv3
3
- emoji: 💻
4
- colorFrom: indigo
5
- colorTo: blue
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: toolv3
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: gray
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,1110 @@
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
+ <title>FBSocialTool VIP PRO - Công Cụ Facebook Marketing Cao Cấp</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, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
12
+ }
13
+ .tool-card: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
+ .vip-badge {
18
+ position: absolute;
19
+ top: -10px;
20
+ right: -10px;
21
+ background: linear-gradient(45deg, #f59e0b, #f97316);
22
+ color: white;
23
+ padding: 5px 10px;
24
+ border-radius: 20px;
25
+ font-size: 12px;
26
+ font-weight: bold;
27
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
28
+ }
29
+ .pricing-card:hover {
30
+ transform: scale(1.03);
31
+ }
32
+ .feature-list li:before {
33
+ content: "✓";
34
+ color: #10b981;
35
+ font-weight: bold;
36
+ display: inline-block;
37
+ width: 1em;
38
+ margin-left: -1em;
39
+ }
40
+ .ai-feature {
41
+ border-left: 4px solid #8b5cf6;
42
+ background-color: #f5f3ff;
43
+ }
44
+ .vip-feature {
45
+ background: linear-gradient(45deg, #f5f3ff, #e9d8fd);
46
+ border-left: 4px solid #8b5cf6;
47
+ }
48
+ .dashboard-preview {
49
+ background: linear-gradient(145deg, #1e293b, #0f172a);
50
+ border-radius: 12px;
51
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
52
+ }
53
+ .tool-running {
54
+ animation: pulse 2s infinite;
55
+ }
56
+ @keyframes pulse {
57
+ 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
58
+ 70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
59
+ 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
60
+ }
61
+ .console-output {
62
+ font-family: monospace;
63
+ background-color: #1e293b;
64
+ color: #f8fafc;
65
+ height: 300px;
66
+ overflow-y: auto;
67
+ padding: 1rem;
68
+ border-radius: 0.5rem;
69
+ white-space: pre-wrap;
70
+ }
71
+ .console-line {
72
+ margin-bottom: 0.5rem;
73
+ line-height: 1.5;
74
+ }
75
+ .console-success {
76
+ color: #10b981;
77
+ }
78
+ .console-warning {
79
+ color: #f59e0b;
80
+ }
81
+ .console-error {
82
+ color: #ef4444;
83
+ }
84
+ .console-info {
85
+ color: #3b82f6;
86
+ }
87
+ </style>
88
+ </head>
89
+ <body class="bg-gray-50 font-sans">
90
+ <!-- Header -->
91
+ <header class="gradient-bg text-white shadow-lg">
92
+ <div class="container mx-auto px-4 py-6">
93
+ <div class="flex justify-between items-center">
94
+ <div class="flex items-center space-x-2">
95
+ <i class="fab fa-facebook-square text-3xl"></i>
96
+ <h1 class="text-2xl font-bold">FBSocialTool <span class="bg-yellow-500 text-black px-2 py-1 rounded-md ml-1">VIP PRO</span></h1>
97
+ </div>
98
+ <nav class="hidden md:flex space-x-8">
99
+ <a href="#features" class="hover:text-gray-200 transition">Tính năng</a>
100
+ <a href="#tools" class="hover:text-gray-200 transition">Công cụ</a>
101
+ <a href="#dashboard" class="hover:text-gray-200 transition">Dashboard</a>
102
+ <a href="#faq" class="hover:text-gray-200 transition">Hỗ trợ</a>
103
+ </nav>
104
+ <div class="flex items-center space-x-4">
105
+ <div class="hidden md:flex items-center space-x-2 bg-green-600 px-3 py-1 rounded-full">
106
+ <div class="w-2 h-2 bg-green-300 rounded-full animate-pulse"></div>
107
+ <span class="text-sm">Đang hoạt động</span>
108
+ </div>
109
+ <button class="px-4 py-2 rounded-full bg-white text-blue-600 font-semibold hover:bg-gray-100 transition" id="account-button">
110
+ <i class="fas fa-user-circle mr-2"></i>Tài khoản
111
+ </button>
112
+ <button class="md:hidden text-2xl" id="mobile-menu-button">
113
+ <i class="fas fa-bars"></i>
114
+ </button>
115
+ </div>
116
+ </div>
117
+ </div>
118
+
119
+ <!-- Mobile Menu -->
120
+ <div class="md:hidden hidden bg-indigo-800 py-4 px-4" id="mobile-menu">
121
+ <div class="flex flex-col space-y-3">
122
+ <a href="#features" class="text-white hover:text-gray-200">Tính năng</a>
123
+ <a href="#tools" class="text-white hover:text-gray-200">Công cụ</a>
124
+ <a href="#dashboard" class="text-white hover:text-gray-200">Dashboard</a>
125
+ <a href="#faq" class="text-white hover:text-gray-200">Hỗ trợ</a>
126
+ <div class="flex items-center space-x-2 bg-green-600 px-3 py-1 rounded-full w-max">
127
+ <div class="w-2 h-2 bg-green-300 rounded-full animate-pulse"></div>
128
+ <span class="text-sm">Đang hoạt động</span>
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </header>
133
+
134
+ <!-- Account Modal -->
135
+ <div class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden" id="account-modal">
136
+ <div class="bg-white rounded-xl p-8 w-full max-w-md">
137
+ <div class="flex justify-between items-center mb-6">
138
+ <h3 class="text-2xl font-bold">Tài khoản VIP PRO</h3>
139
+ <button class="text-gray-500 hover:text-gray-700" id="close-account-modal">
140
+ <i class="fas fa-times"></i>
141
+ </button>
142
+ </div>
143
+
144
+ <div class="space-y-6">
145
+ <div class="flex items-center space-x-4">
146
+ <div class="w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center">
147
+ <i class="fas fa-crown text-yellow-500 text-2xl"></i>
148
+ </div>
149
+ <div>
150
+ <h4 class="font-bold">Tài khoản VIP PRO</h4>
151
+ <p class="text-sm text-gray-600">Đã kích hoạt toàn bộ tính năng</p>
152
+ </div>
153
+ </div>
154
+
155
+ <div class="bg-gray-100 p-4 rounded-lg">
156
+ <div class="flex justify-between items-center mb-2">
157
+ <span class="font-medium">Hạn dùng:</span>
158
+ <span class="bg-green-100 text-green-800 px-2 py-1 rounded-full text-sm">30 ngày còn lại</span>
159
+ </div>
160
+ <div class="w-full bg-gray-300 rounded-full h-2.5">
161
+ <div class="bg-green-600 h-2.5 rounded-full" style="width: 75%"></div>
162
+ </div>
163
+ </div>
164
+
165
+ <div>
166
+ <h4 class="font-bold mb-2">Thống kê sử dụng</h4>
167
+ <div class="grid grid-cols-2 gap-4">
168
+ <div class="bg-blue-50 p-3 rounded-lg">
169
+ <p class="text-sm text-gray-600">Khách hàng tìm thấy</p>
170
+ <p class="font-bold text-blue-600">12,345</p>
171
+ </div>
172
+ <div class="bg-purple-50 p-3 rounded-lg">
173
+ <p class="text-sm text-gray-600">Tin nhắn đã gửi</p>
174
+ <p class="font-bold text-purple-600">8,765</p>
175
+ </div>
176
+ <div class="bg-green-50 p-3 rounded-lg">
177
+ <p class="text-sm text-gray-600">Bài viết đã phân tích</p>
178
+ <p class="font-bold text-green-600">23,456</p>
179
+ </div>
180
+ <div class="bg-yellow-50 p-3 rounded-lg">
181
+ <p class="text-sm text-gray-600">Đối thủ theo dõi</p>
182
+ <p class="font-bold text-yellow-600">47</p>
183
+ </div>
184
+ </div>
185
+ </div>
186
+
187
+ <div class="pt-4 border-t border-gray-200">
188
+ <button class="w-full bg-blue-600 text-white py-3 rounded-lg font-semibold hover:bg-blue-700 transition mb-3">
189
+ <i class="fas fa-sync-alt mr-2"></i>Gia hạn tài khoản
190
+ </button>
191
+ <button class="w-full bg-gray-200 text-gray-800 py-3 rounded-lg font-semibold hover:bg-gray-300 transition">
192
+ <i class="fas fa-sign-out-alt mr-2"></i>Đăng xuất
193
+ </button>
194
+ </div>
195
+ </div>
196
+ </div>
197
+ </div>
198
+
199
+ <!-- Account Linking Section -->
200
+ <section id="account-linking" class="py-16 bg-white">
201
+ <div class="container mx-auto px-4">
202
+ <div class="text-center mb-12">
203
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Liên Kết Tài Khoản Mạng Xã Hội</h2>
204
+ <p class="text-gray-600 max-w-2xl mx-auto">Kết nối tất cả tài khoản mạng xã hội của bạn để sử dụng đầy đủ tính năng VIP PRO</p>
205
+ </div>
206
+
207
+ <div class="bg-gray-50 rounded-xl shadow-lg p-8 max-w-4xl mx-auto">
208
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
209
+ <!-- Facebook Account -->
210
+ <div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-between">
211
+ <div class="flex items-center">
212
+ <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4">
213
+ <i class="fab fa-facebook-f text-blue-600 text-xl"></i>
214
+ </div>
215
+ <div>
216
+ <h3 class="font-bold">Facebook</h3>
217
+ <p class="text-sm text-gray-600" id="facebook-status">Chưa kết nối</p>
218
+ </div>
219
+ </div>
220
+ <button class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition" id="connect-facebook">
221
+ <i class="fab fa-facebook-f mr-2"></i>Kết nối
222
+ </button>
223
+ </div>
224
+
225
+ <!-- Instagram Account -->
226
+ <div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-between">
227
+ <div class="flex items-center">
228
+ <div class="w-12 h-12 bg-pink-100 rounded-full flex items-center justify-center mr-4">
229
+ <i class="fab fa-instagram text-pink-600 text-xl"></i>
230
+ </div>
231
+ <div>
232
+ <h3 class="font-bold">Instagram</h3>
233
+ <p class="text-sm text-gray-600" id="instagram-status">Chưa kết nối</p>
234
+ </div>
235
+ </div>
236
+ <button class="px-4 py-2 bg-pink-600 text-white rounded-lg hover:bg-pink-700 transition" id="connect-instagram">
237
+ <i class="fab fa-instagram mr-2"></i>Kết nối
238
+ </button>
239
+ </div>
240
+
241
+ <!-- Twitter Account -->
242
+ <div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-between">
243
+ <div class="flex items-center">
244
+ <div class="w-12 h-12 bg-blue-400 rounded-full flex items-center justify-center mr-4">
245
+ <i class="fab fa-twitter text-white text-xl"></i>
246
+ </div>
247
+ <div>
248
+ <h3 class="font-bold">Twitter</h3>
249
+ <p class="text-sm text-gray-600" id="twitter-status">Chưa kết nối</p>
250
+ </div>
251
+ </div>
252
+ <button class="px-4 py-2 bg-blue-400 text-white rounded-lg hover:bg-blue-500 transition" id="connect-twitter">
253
+ <i class="fab fa-twitter mr-2"></i>Kết nối
254
+ </button>
255
+ </div>
256
+
257
+ <!-- LinkedIn Account -->
258
+ <div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-between">
259
+ <div class="flex items-center">
260
+ <div class="w-12 h-12 bg-blue-700 rounded-full flex items-center justify-center mr-4">
261
+ <i class="fab fa-linkedin-in text-white text-xl"></i>
262
+ </div>
263
+ <div>
264
+ <h3 class="font-bold">LinkedIn</h3>
265
+ <p class="text-sm text-gray-600" id="linkedin-status">Chưa kết nối</p>
266
+ </div>
267
+ </div>
268
+ <button class="px-4 py-2 bg-blue-700 text-white rounded-lg hover:bg-blue-800 transition" id="connect-linkedin">
269
+ <i class="fab fa-linkedin-in mr-2"></i>Kết nối
270
+ </button>
271
+ </div>
272
+ </div>
273
+
274
+ <div class="bg-white rounded-lg shadow-sm p-6">
275
+ <h3 class="text-xl font-bold mb-4">Bảng Điều Khiển Full Quyền</h3>
276
+
277
+ <div class="mb-6">
278
+ <label class="block text-gray-700 mb-2">Lệnh thực thi:</label>
279
+ <div class="flex">
280
+ <select class="border border-gray-300 rounded-l-lg px-4 py-2 w-full focus:outline-none focus:ring-2 focus:ring-blue-500" id="command-select">
281
+ <option value="full-scan">Quét toàn bộ khách hàng tiềm năng</option>
282
+ <option value="auto-message">Tự động gửi tin nhắn hàng loạt</option>
283
+ <option value="competitor-analysis">Phân tích đối thủ cạnh tranh</option>
284
+ <option value="content-schedule">Lập lịch nội dung tự động</option>
285
+ <option value="full-auto">Chế độ tự động hoàn toàn</option>
286
+ </select>
287
+ <button class="px-4 py-2 bg-green-600 text-white rounded-r-lg hover:bg-green-700 transition" id="execute-command">
288
+ <i class="fas fa-play mr-2"></i>Thực thi
289
+ </button>
290
+ </div>
291
+ </div>
292
+
293
+ <div class="mb-4">
294
+ <label class="block text-gray-700 mb-2">Bỏ hạn chế tính năng:</label>
295
+ <div class="flex flex-wrap gap-2">
296
+ <button class="px-4 py-2 bg-red-100 text-red-800 rounded-lg hover:bg-red-200 transition" id="remove-rate-limit">
297
+ <i class="fas fa-bolt mr-2"></i>Bỏ giới hạn tốc độ
298
+ </button>
299
+ <button class="px-4 py-2 bg-purple-100 text-purple-800 rounded-lg hover:bg-purple-200 transition" id="remove-api-limit">
300
+ <i class="fas fa-plug mr-2"></i>Bỏ giới hạn API
301
+ </button>
302
+ <button class="px-4 py-2 bg-yellow-100 text-yellow-800 rounded-lg hover:bg-yellow-200 transition" id="remove-search-limit">
303
+ <i class="fas fa-search mr-2"></i>Bỏ giới hạn tìm kiếm
304
+ </button>
305
+ <button class="px-4 py-2 bg-green-100 text-green-800 rounded-lg hover:bg-green-200 transition" id="remove-all-limits">
306
+ <i class="fas fa-unlock mr-2"></i>Mở tất cả hạn chế
307
+ </button>
308
+ </div>
309
+ </div>
310
+
311
+ <div>
312
+ <label class="block text-gray-700 mb-2">Kết quả thực thi:</label>
313
+ <div class="console-output" id="command-output">
314
+ <div class="console-line console-info">FBSocialTool VIP PRO Console - Phiên bản 2.4.1</div>
315
+ <div class="console-line console-info">Đang khởi động hệ thống...</div>
316
+ <div class="console-line console-success">✓ Đã tải xong module AI Marketing</div>
317
+ <div class="console-line console-success">✓ Đã tải xong module Auto Messenger</div>
318
+ <div class="console-line console-success">✓ Đã tải xong module Competitor Analysis</div>
319
+ <div class="console-line console-warning">⚠ Một số tính năng đang bị hạn chế</div>
320
+ <div class="console-line console-info">Sẵn sàng nhận lệnh thực thi...</div>
321
+ </div>
322
+ </div>
323
+
324
+ <div class="mt-6 flex justify-end space-x-3">
325
+ <button class="px-4 py-2 bg-gray-200 text-gray-800 rounded-lg hover:bg-gray-300 transition" id="clear-console">
326
+ <i class="fas fa-broom mr-2"></i>Xóa console
327
+ </button>
328
+ <button class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition" id="run-full-program">
329
+ <i class="fas fa-play-circle mr-2"></i>Chạy full chương trình
330
+ </button>
331
+ </div>
332
+ </div>
333
+ </div>
334
+ </div>
335
+ </section>
336
+
337
+ <!-- Features Section -->
338
+ <section id="features" class="py-20 bg-gray-50">
339
+ <div class="container mx-auto px-4">
340
+ <div class="text-center mb-16">
341
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Tính Năng Độc Quyền VIP PRO</h2>
342
+ <p class="text-gray-600 max-w-2xl mx-auto">Công nghệ AI tiên tiến đã được kích hoạt đầy đủ cho tài khoản của bạn.</p>
343
+ </div>
344
+
345
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
346
+ <!-- AI Feature 1 -->
347
+ <div class="vip-feature p-8 rounded-xl hover:shadow-lg transition relative">
348
+ <div class="absolute top-4 right-4">
349
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">Đang hoạt động</span>
350
+ </div>
351
+ <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center mb-6">
352
+ <i class="fas fa-search-dollar text-blue-600 text-2xl"></i>
353
+ </div>
354
+ <h3 class="text-xl font-bold mb-3">AI Tìm Kiếm Khách Hàng</h3>
355
+ <p class="text-gray-600">Tự động quét các bài quảng cáo, bài viết yêu thích và hội nhóm (cả công khai lẫn riêng tư) để tìm khách hàng tiềm năng phù hợp với sản phẩm/dịch vụ của bạn.</p>
356
+ <div class="mt-4">
357
+ <span class="inline-block bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full">VIP PRO</span>
358
+ <span class="inline-block ml-2 text-xs text-gray-500">Độ chính xác 98%</span>
359
+ </div>
360
+ </div>
361
+
362
+ <!-- AI Feature 2 -->
363
+ <div class="vip-feature p-8 rounded-xl hover:shadow-lg transition relative">
364
+ <div class="absolute top-4 right-4">
365
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">Đang hoạt động</span>
366
+ </div>
367
+ <div class="w-14 h-14 bg-purple-100 rounded-full flex items-center justify-center mb-6">
368
+ <i class="fas fa-id-card text-purple-600 text-2xl"></i>
369
+ </div>
370
+ <h3 class="text-xl font-bold mb-3">AI Thu Thập Thông Tin</h3>
371
+ <p class="text-gray-600">Phân tích và trích xuất thông tin khách hàng bao gồm SĐT, email, giới tính, địa chỉ từ hồ sơ Facebook và các tương tác công khai.</p>
372
+ <div class="mt-4">
373
+ <span class="inline-block bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full">VIP PRO</span>
374
+ <span class="inline-block ml-2 text-xs text-gray-500">10,000+ hồ sơ/ngày</span>
375
+ </div>
376
+ </div>
377
+
378
+ <!-- AI Feature 3 -->
379
+ <div class="vip-feature p-8 rounded-xl hover:shadow-lg transition relative">
380
+ <div class="absolute top-4 right-4">
381
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">Đang hoạt động</span>
382
+ </div>
383
+ <div class="w-14 h-14 bg-pink-100 rounded-full flex items-center justify-center mb-6">
384
+ <i class="fas fa-sitemap text-pink-600 text-2xl"></i>
385
+ </div>
386
+ <h3 class="text-xl font-bold mb-3">AI Phân Loại Khách Hàng</h3>
387
+ <p class="text-gray-600">Tự động phân nhóm khách hàng theo độ tuổi, sở thích, hành vi mua sắm và mức độ quan tâm để có chiến lược tiếp cận phù hợp.</p>
388
+ <div class="mt-4">
389
+ <span class="inline-block bg-pink-100 text-pink-800 text-xs px-2 py-1 rounded-full">VIP PRO</span>
390
+ <span class="inline-block ml-2 text-xs text-gray-500">25 tiêu chí phân loại</span>
391
+ </div>
392
+ </div>
393
+
394
+ <!-- AI Feature 4 -->
395
+ <div class="vip-feature p-8 rounded-xl hover:shadow-lg transition relative">
396
+ <div class="absolute top-4 right-4">
397
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">Đang hoạt động</span>
398
+ </div>
399
+ <div class="w-14 h-14 bg-green-100 rounded-full flex items-center justify-center mb-6">
400
+ <i class="fas fa-puzzle-piece text-green-600 text-2xl"></i>
401
+ </div>
402
+ <h3 class="text-xl font-bold mb-3">AI Ghép Nối Sản Phẩm</h3>
403
+ <p class="text-gray-600">Phân tích nhu cầu và đề xuất sản phẩm/dịch vụ phù hợp nhất với từng khách hàng dựa trên lịch sử tương tác và hồ sơ cá nhân.</p>
404
+ <div class="mt-4">
405
+ <span class="inline-block bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">VIP PRO</span>
406
+ <span class="inline-block ml-2 text-xs text-gray-500">Tỷ lệ chuyển đổi +45%</span>
407
+ </div>
408
+ </div>
409
+
410
+ <!-- AI Feature 5 -->
411
+ <div class="vip-feature p-8 rounded-xl hover:shadow-lg transition relative">
412
+ <div class="absolute top-4 right-4">
413
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">Đang hoạt động</span>
414
+ </div>
415
+ <div class="w-14 h-14 bg-yellow-100 rounded-full flex items-center justify-center mb-6">
416
+ <i class="fas fa-robot text-yellow-600 text-2xl"></i>
417
+ </div>
418
+ <h3 class="text-xl font-bold mb-3">AI Tương Tác Tự Động</h3>
419
+ <p class="text-gray-600">Tự động bình luận, gửi tin nhắn cá nhân hóa và gửi lời mời kết bạn với nội dung được t���i ưu cho từng đối tượng khách hàng.</p>
420
+ <div class="mt-4">
421
+ <span class="inline-block bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full">VIP PRO</span>
422
+ <span class="inline-block ml-2 text-xs text-gray-500">5000+ tin nhắn/ngày</span>
423
+ </div>
424
+ </div>
425
+
426
+ <!-- AI Feature 6 -->
427
+ <div class="vip-feature p-8 rounded-xl hover:shadow-lg transition relative">
428
+ <div class="absolute top-4 right-4">
429
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">Đang hoạt động</span>
430
+ </div>
431
+ <div class="w-14 h-14 bg-indigo-100 rounded-full flex items-center justify-center mb-6">
432
+ <i class="fas fa-chart-network text-indigo-600 text-2xl"></i>
433
+ </div>
434
+ <h3 class="text-xl font-bold mb-3">Báo Cáo Thông Minh</h3>
435
+ <p class="text-gray-600">Theo dõi hiệu quả chiến dịch với báo cáo chi tiết về tỷ lệ chuyển đổi, phản hồi và ROI được phân tích tự động bởi AI.</p>
436
+ <div class="mt-4">
437
+ <span class="inline-block bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded-full">VIP PRO</span>
438
+ <span class="inline-block ml-2 text-xs text-gray-500">30+ chỉ số phân tích</span>
439
+ </div>
440
+ </div>
441
+ </div>
442
+ </div>
443
+ </section>
444
+
445
+ <!-- Tools Section -->
446
+ <section id="tools" class="py-20 bg-white">
447
+ <div class="container mx-auto px-4">
448
+ <div class="text-center mb-16">
449
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Bộ Công Cụ VIP PRO Đã Kích Hoạt</h2>
450
+ <p class="text-gray-600 max-w-2xl mx-auto">Tất cả tính năng cao cấp đã được mở khóa và sẵn sàng sử dụng.</p>
451
+ </div>
452
+
453
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
454
+ <!-- VIP Tool Card 1 -->
455
+ <div class="bg-white rounded-xl shadow-md overflow-hidden tool-card transition duration-300 relative tool-running">
456
+ <div class="vip-badge">VIP PRO</div>
457
+ <div class="p-6">
458
+ <div class="flex items-center mb-4">
459
+ <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mr-4">
460
+ <i class="fas fa-users text-blue-600 text-xl"></i>
461
+ </div>
462
+ <h3 class="text-xl font-bold">Phân Tích Đối Tượng</h3>
463
+ </div>
464
+ <p class="text-gray-600 mb-6">Khám phá thông tin chi tiết về người theo dõi và nhân khẩu học của họ với độ chính xác cao.</p>
465
+ <div class="flex justify-between items-center">
466
+ <span class="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full">Đang chạy</span>
467
+ <button class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition flex items-center">
468
+ <i class="fas fa-play-circle mr-1"></i> Mở
469
+ </button>
470
+ </div>
471
+ </div>
472
+ </div>
473
+
474
+ <!-- VIP Tool Card 2 -->
475
+ <div class="bg-white rounded-xl shadow-md overflow-hidden tool-card transition duration-300 relative">
476
+ <div class="vip-badge">VIP PRO</div>
477
+ <div class="p-6">
478
+ <div class="flex items-center mb-4">
479
+ <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mr-4">
480
+ <i class="fas fa-calendar-alt text-green-600 text-xl"></i>
481
+ </div>
482
+ <h3 class="text-xl font-bold">Lập Lịch Bài Đăng</h3>
483
+ </div>
484
+ <p class="text-gray-600 mb-6">Lên kế hoạch và lập lịch nội dung của bạn cho các thời điểm tương tác tối ưu với AI đề xuất.</p>
485
+ <div class="flex justify-between items-center">
486
+ <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded-full">Sẵn sàng</span>
487
+ <button class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition flex items-center">
488
+ <i class="fas fa-play-circle mr-1"></i> Mở
489
+ </button>
490
+ </div>
491
+ </div>
492
+ </div>
493
+
494
+ <!-- VIP Tool Card 3 -->
495
+ <div class="bg-white rounded-xl shadow-md overflow-hidden tool-card transition duration-300 relative tool-running">
496
+ <div class="vip-badge">VIP PRO</div>
497
+ <div class="p-6">
498
+ <div class="flex items-center mb-4">
499
+ <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mr-4">
500
+ <i class="fas fa-trophy text-purple-600 text-xl"></i>
501
+ </div>
502
+ <h3 class="text-xl font-bold">Theo Dõi Đối Thủ</h3>
503
+ </div>
504
+ <p class="text-gray-600 mb-6">Phân tích chiến lược và chỉ số hiệu suất của đối thủ cạnh tranh với báo cáo chi tiết.</p>
505
+ <div class="flex justify-between items-center">
506
+ <span class="text-xs bg-purple-100 text-purple-800 px-2 py-1 rounded-full">Đang chạy</span>
507
+ <button class="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition flex items-center">
508
+ <i class="fas fa-play-circle mr-1"></i> Mở
509
+ </button>
510
+ </div>
511
+ </div>
512
+ </div>
513
+
514
+ <!-- VIP AI Tool Card 1 -->
515
+ <div class="bg-white rounded-xl shadow-md overflow-hidden tool-card transition duration-300 relative">
516
+ <div class="vip-badge">VIP AI</div>
517
+ <div class="p-6">
518
+ <div class="flex items-center mb-4">
519
+ <div class="w-12 h-12 bg-pink-100 rounded-lg flex items-center justify-center mr-4">
520
+ <i class="fas fa-user-plus text-pink-600 text-xl"></i>
521
+ </div>
522
+ <h3 class="text-xl font-bold">Tìm Khách Hàng AI</h3>
523
+ </div>
524
+ <p class="text-gray-600 mb-6">Quét tự động các bài viết, quảng cáo và nhóm để tìm khách hàng tiềm năng với AI thông minh.</p>
525
+ <div class="flex justify-between items-center">
526
+ <span class="text-xs bg-pink-100 text-pink-800 px-2 py-1 rounded-full">Sẵn sàng</span>
527
+ <button class="px-4 py-2 bg-pink-600 text-white rounded-lg hover:bg-pink-700 transition flex items-center">
528
+ <i class="fas fa-play-circle mr-1"></i> Mở
529
+ </button>
530
+ </div>
531
+ </div>
532
+ </div>
533
+
534
+ <!-- VIP AI Tool Card 2 -->
535
+ <div class="bg-white rounded-xl shadow-md overflow-hidden tool-card transition duration-300 relative tool-running">
536
+ <div class="vip-badge">VIP AI</div>
537
+ <div class="p-6">
538
+ <div class="flex items-center mb-4">
539
+ <div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center mr-4">
540
+ <i class="fas fa-comments text-yellow-600 text-xl"></i>
541
+ </div>
542
+ <h3 class="text-xl font-bold">Tương Tác Tự Động AI</h3>
543
+ </div>
544
+ <p class="text-gray-600 mb-6">Tự động bình luận, nhắn tin và kết bạn với khách hàng tiềm năng với nội dung cá nhân hóa.</p>
545
+ <div class="flex justify-between items-center">
546
+ <span class="text-xs bg-yellow-100 text-yellow-800 px-2 py-1 rounded-full">Đang chạy</span>
547
+ <button class="px-4 py-2 bg-yellow-600 text-white rounded-lg hover:bg-yellow-700 transition flex items-center">
548
+ <i class="fas fa-play-circle mr-1"></i> Mở
549
+ </button>
550
+ </div>
551
+ </div>
552
+ </div>
553
+
554
+ <!-- VIP AI Tool Card 3 -->
555
+ <div class="bg-white rounded-xl shadow-md overflow-hidden tool-card transition duration-300 relative">
556
+ <div class="vip-badge">VIP AI</div>
557
+ <div class="p-6">
558
+ <div class="flex items-center mb-4">
559
+ <div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mr-4">
560
+ <i class="fas fa-chart-network text-indigo-600 text-xl"></i>
561
+ </div>
562
+ <h3 class="text-xl font-bold">Phân Tích Kinh Doanh AI</h3>
563
+ </div>
564
+ <p class="text-gray-600 mb-6">Đề xuất chiến lược tiếp thị tối ưu dựa trên phân tích dữ liệu AI và xu hướng thị trường.</p>
565
+ <div class="flex justify-between items-center">
566
+ <span class="text-xs bg-indigo-100 text-indigo-800 px-2 py-1 rounded-full">Sẵn sàng</span>
567
+ <button class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition flex items-center">
568
+ <i class="fas fa-play-circle mr-1"></i> Mở
569
+ </button>
570
+ </div>
571
+ </div>
572
+ </div>
573
+ </div>
574
+ </div>
575
+ </section>
576
+
577
+ <!-- Dashboard Section -->
578
+ <section id="dashboard" class="py-20 bg-gray-50">
579
+ <div class="container mx-auto px-4">
580
+ <div class="text-center mb-16">
581
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Bảng Điều Khiển VIP PRO</h2>
582
+ <p class="text-gray-600 max-w-2xl mx-auto">Trung tâm kiểm soát tất cả công cụ và chiến dịch của bạn</p>
583
+ </div>
584
+
585
+ <div class="bg-white rounded-xl shadow-lg p-6 mb-8">
586
+ <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">
587
+ <div>
588
+ <h3 class="text-xl font-bold mb-2">Tổng quan chiến dịch</h3>
589
+ <p class="text-gray-600">Hiệu suất tổng thể các công cụ đang chạy</p>
590
+ </div>
591
+ <div class="mt-4 md:mt-0">
592
+ <button class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
593
+ <i class="fas fa-plus-circle mr-2"></i>Tạo chiến dịch mới
594
+ </button>
595
+ </div>
596
+ </div>
597
+
598
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
599
+ <div class="bg-gray-50 p-4 rounded-lg shadow-sm">
600
+ <div class="flex justify-between items-start">
601
+ <div>
602
+ <p class="text-gray-600 text-sm">Khách hàng tiềm năng</p>
603
+ <p class="text-2xl font-bold">1,245</p>
604
+ </div>
605
+ <div class="bg-blue-100 text-blue-800 p-2 rounded-lg">
606
+ <i class="fas fa-user-plus"></i>
607
+ </div>
608
+ </div>
609
+ <div class="mt-2">
610
+ <span class="text-green-500 text-sm font-medium">+12%</span>
611
+ <span class="text-gray-500 text-sm ml-1">so với hôm qua</span>
612
+ </div>
613
+ </div>
614
+
615
+ <div class="bg-gray-50 p-4 rounded-lg shadow-sm">
616
+ <div class="flex justify-between items-start">
617
+ <div>
618
+ <p class="text-gray-600 text-sm">Tin nhắn đã gửi</p>
619
+ <p class="text-2xl font-bold">876</p>
620
+ </div>
621
+ <div class="bg-green-100 text-green-800 p-2 rounded-lg">
622
+ <i class="fas fa-comment-dots"></i>
623
+ </div>
624
+ </div>
625
+ <div class="mt-2">
626
+ <span class="text-green-500 text-sm font-medium">+24%</span>
627
+ <span class="text-gray-500 text-sm ml-1">so với hôm qua</span>
628
+ </div>
629
+ </div>
630
+
631
+ <div class="bg-gray-50 p-4 rounded-lg shadow-sm">
632
+ <div class="flex justify-between items-start">
633
+ <div>
634
+ <p class="text-gray-600 text-sm">Tỷ lệ phản hồi</p>
635
+ <p class="text-2xl font-bold">38%</p>
636
+ </div>
637
+ <div class="bg-purple-100 text-purple-800 p-2 rounded-lg">
638
+ <i class="fas fa-chart-line"></i>
639
+ </div>
640
+ </div>
641
+ <div class="mt-2">
642
+ <span class="text-green-500 text-sm font-medium">+5%</span>
643
+ <span class="text-gray-500 text-sm ml-1">so với hôm qua</span>
644
+ </div>
645
+ </div>
646
+
647
+ <div class="bg-gray-50 p-4 rounded-lg shadow-sm">
648
+ <div class="flex justify-between items-start">
649
+ <div>
650
+ <p class="text-gray-600 text-sm">Đối thủ theo dõi</p>
651
+ <p class="text-2xl font-bold">24</p>
652
+ </div>
653
+ <div class="bg-yellow-100 text-yellow-800 p-2 rounded-lg">
654
+ <i class="fas fa-eye"></i>
655
+ </div>
656
+ </div>
657
+ <div class="mt-2">
658
+ <span class="text-green-500 text-sm font-medium">+2</span>
659
+ <span class="text-gray-500 text-sm ml-1">so với hôm qua</span>
660
+ </div>
661
+ </div>
662
+ </div>
663
+
664
+ <div class="bg-gray-50 rounded-lg shadow-sm p-4">
665
+ <div class="flex justify-between items-center mb-4">
666
+ <h4 class="font-bold">Hoạt động gần đây</h4>
667
+ <button class="text-blue-600 text-sm hover:text-blue-800">Xem tất cả</button>
668
+ </div>
669
+
670
+ <div class="space-y-4">
671
+ <div class="flex items-start">
672
+ <div class="bg-green-100 text-green-800 p-2 rounded-lg mr-3">
673
+ <i class="fas fa-check-circle"></i>
674
+ </div>
675
+ <div>
676
+ <p class="font-medium">Tìm kiếm khách hàng hoàn thành</p>
677
+ <p class="text-sm text-gray-600">Đã tìm thấy 245 khách hàng tiềm năng mới</p>
678
+ <p class="text-xs text-gray-500 mt-1">5 phút trước</p>
679
+ </div>
680
+ </div>
681
+
682
+ <div class="flex items-start">
683
+ <div class="bg-blue-100 text-blue-800 p-2 rounded-lg mr-3">
684
+ <i class="fas fa-comments"></i>
685
+ </div>
686
+ <div>
687
+ <p class="font-medium">Tin nhắn tự động đã gửi</p>
688
+ <p class="text-sm text-gray-600">Đã gửi 87 tin nhắn đến khách hàng tiềm năng</p>
689
+ <p class="text-xs text-gray-500 mt-1">12 phút trước</p>
690
+ </div>
691
+ </div>
692
+
693
+ <div class="flex items-start">
694
+ <div class="bg-purple-100 text-purple-800 p-2 rounded-lg mr-3">
695
+ <i class="fas fa-user-friends"></i>
696
+ </div>
697
+ <div>
698
+ <p class="font-medium">Phân tích đối thủ cập nhật</p>
699
+ <p class="text-sm text-gray-600">Đã phân tích 3 đối thủ cạnh tranh mới</p>
700
+ <p class="text-xs text-gray-500 mt-1">25 phút trước</p>
701
+ </div>
702
+ </div>
703
+ </div>
704
+ </div>
705
+ </div>
706
+
707
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
708
+ <div class="bg-white rounded-xl shadow-lg p-6">
709
+ <div class="flex justify-between items-center mb-6">
710
+ <h3 class="text-xl font-bold">Chiến dịch đang chạy</h3>
711
+ <button class="text-blue-600 hover:text-blue-800 text-sm">Quản lý</button>
712
+ </div>
713
+
714
+ <div class="space-y-4">
715
+ <div class="flex items-center justify-between p-3 border border-gray-200 rounded-lg">
716
+ <div class="flex items-center">
717
+ <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center mr-3">
718
+ <i class="fas fa-users text-blue-600"></i>
719
+ </div>
720
+ <div>
721
+ <p class="font-medium">Tìm KH bất động sản</p>
722
+ <p class="text-sm text-gray-600">Đang chạy - 72%</p>
723
+ </div>
724
+ </div>
725
+ <div class="flex space-x-2">
726
+ <button class="w-8 h-8 flex items-center justify-center bg-gray-100 hover:bg-gray-200 rounded-lg">
727
+ <i class="fas fa-pause text-gray-600"></i>
728
+ </button>
729
+ <button class="w-8 h-8 flex items-center justify-center bg-blue-100 hover:bg-blue-200 rounded-lg">
730
+ <i class="fas fa-chart-bar text-blue-600"></i>
731
+ </button>
732
+ </div>
733
+ </div>
734
+
735
+ <div class="flex items-center justify-between p-3 border border-gray-200 rounded-lg">
736
+ <div class="flex items-center">
737
+ <div class="w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center mr-3">
738
+ <i class="fas fa-comments text-green-600"></i>
739
+ </div>
740
+ <div>
741
+ <p class="font-medium">Tự động tin nhắn</p>
742
+ <p class="text-sm text-gray-600">Đang chạy - 45%</p>
743
+ </div>
744
+ </div>
745
+ <div class="flex space-x-2">
746
+ <button class="w-8 h-8 flex items-center justify-center bg-gray-100 hover:bg-gray-200 rounded-lg">
747
+ <i class="fas fa-pause text-gray-600"></i>
748
+ </button>
749
+ <button class="w-8 h-8 flex items-center justify-center bg-blue-100 hover:bg-blue-200 rounded-lg">
750
+ <i class="fas fa-chart-bar text-blue-600"></i>
751
+ </button>
752
+ </div>
753
+ </div>
754
+
755
+ <div class="flex items-center justify-between p-3 border border-gray-200 rounded-lg">
756
+ <div class="flex items-center">
757
+ <div class="w-10 h-10 bg-purple-100 rounded-lg flex items-center justify-center mr-3">
758
+ <i class="fas fa-trophy text-purple-600"></i>
759
+ </div>
760
+ <div>
761
+ <p class="font-medium">Theo dõi đối thủ</p>
762
+ <p class="text-sm text-gray-600">Hoàn thành - 100%</p>
763
+ </div>
764
+ </div>
765
+ <div class="flex space-x-2">
766
+ <button class="w-8 h-8 flex items-center justify-center bg-gray-100 hover:bg-gray-200 rounded-lg">
767
+ <i class="fas fa-redo text-gray-600"></i>
768
+ </button>
769
+ <button class="w-8 h-8 flex items-center justify-center bg-blue-100 hover:bg-blue-200 rounded-lg">
770
+ <i class="fas fa-chart-bar text-blue-600"></i>
771
+ </button>
772
+ </div>
773
+ </div>
774
+ </div>
775
+ </div>
776
+
777
+ <div class="bg-white rounded-xl shadow-lg p-6">
778
+ <div class="flex justify-between items-center mb-6">
779
+ <h3 class="text-xl font-bold">Báo cáo hiệu suất</h3>
780
+ <button class="text-blue-600 hover:text-blue-800 text-sm">Xuất báo cáo</button>
781
+ </div>
782
+
783
+ <div class="mb-6">
784
+ <div class="flex justify-between mb-2">
785
+ <span class="text-sm text-gray-600">Tỷ lệ chuyển đổi</span>
786
+ <span class="text-sm font-medium">42%</span>
787
+ </div>
788
+ <div class="w-full bg-gray-200 rounded-full h-2">
789
+ <div class="bg-green-500 h-2 rounded-full" style="width: 42%"></div>
790
+ </div>
791
+ </div>
792
+
793
+ <div class="mb-6">
794
+ <div class="flex justify-between mb-2">
795
+ <span class="text-sm text-gray-600">Tương tác trung bình</span>
796
+ <span class="text-sm font-medium">78%</span>
797
+ </div>
798
+ <div class="w-full bg-gray-200 rounded-full h-2">
799
+ <div class="bg-blue-500 h-2 rounded-full" style="width: 78%"></div>
800
+ </div>
801
+ </div>
802
+
803
+ <div class="mb-6">
804
+ <div class="flex justify-between mb-2">
805
+ <span class="text-sm text-gray-600">Tăng trưởng KH</span>
806
+ <span class="text-sm font-medium">+28%</span>
807
+ </div>
808
+ <div class="w-full bg-gray-200 rounded-full h-2">
809
+ <div class="bg-purple-500 h-2 rounded-full" style="width: 28%"></div>
810
+ </div>
811
+ </div>
812
+
813
+ <div class="bg-gray-50 p-4 rounded-lg">
814
+ <div class="flex items-center">
815
+ <div class="bg-yellow-100 text-yellow-800 p-2 rounded-lg mr-3">
816
+ <i class="fas fa-lightbulb"></i>
817
+ </div>
818
+ <div>
819
+ <p class="text-sm font-medium">Đề xuất từ AI</p>
820
+ <p class="text-xs text-gray-600">Tăng tần suất tin nhắn vào buổi tối để đạt hiệu quả cao hơn</p>
821
+ </div>
822
+ </div>
823
+ </div>
824
+ </div>
825
+ </div>
826
+ </div>
827
+ </section>
828
+
829
+ <!-- Testimonials -->
830
+ <section class="py-20 bg-white">
831
+ <div class="container mx-auto px-4">
832
+ <div class="text-center mb-16">
833
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Khách Hàng Nói Gì Về VIP PRO</h2>
834
+ <p class="text-gray-600 max-w-2xl mx-auto">Tham gia cùng hàng nghìn người dùng hài lòng đã tăng cường sự hiện diện trên Facebook với công cụ của chúng tôi.</p>
835
+ </div>
836
+
837
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
838
+ <!-- Testimonial 1 -->
839
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm">
840
+ <div class="flex items-center mb-6">
841
+ <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 font-bold mr-4">TN</div>
842
+ <div>
843
+ <h4 class="font-bold">Trần Ngọc</h4>
844
+ <div class="flex text-yellow-400">
845
+ <i class="fas fa-star"></i>
846
+ <i class="fas fa-star"></i>
847
+ <i class="fas fa-star"></i>
848
+ <i class="fas fa-star"></i>
849
+ <i class="fas fa-star"></i>
850
+ </div>
851
+ </div>
852
+ </div>
853
+ <p class="text-gray-600 mb-4">"Công cụ tìm kiếm khách hàng AI đã giúp tôi tăng gấp 3 doanh số chỉ trong 2 tháng. Đáng đồng tiền bát gạo!"</p>
854
+ <div class="text-sm text-gray-500">Chủ shop thời trang</div>
855
+ </div>
856
+
857
+ <!-- Testimonial 2 -->
858
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm">
859
+ <div class="flex items-center mb-6">
860
+ <div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center text-purple-600 font-bold mr-4">LM</div>
861
+ <div>
862
+ <h4 class="font-bold">Lê Minh</h4>
863
+ <div class="flex text-yellow-400">
864
+ <i class="fas fa-star"></i>
865
+ <i class="fas fa-star"></i>
866
+ <i class="fas fa-star"></i>
867
+ <i class="fas fa-star"></i>
868
+ <i class="fas fa-star"></i>
869
+ </div>
870
+ </div>
871
+ </div>
872
+ <p class="text-gray-600 mb-4">"Công cụ phân tích đối thủ cho tôi thông tin mà không nơi nào khác có. Chiến lược nội dung của tôi cải thiện đáng kể."</p>
873
+ <div class="text-sm text-gray-500">Agency Digital Marketing</div>
874
+ </div>
875
+
876
+ <!-- Testimonial 3 -->
877
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm">
878
+ <div class="flex items-center mb-6">
879
+ <div class="w-12 h-12 rounded-full bg-pink-100 flex items-center justify-center text-pink-600 font-bold mr-4">PH</div>
880
+ <div>
881
+ <h4 class="font-bold">Phạm Hương</h4>
882
+ <div class="flex text-yellow-400">
883
+ <i class="fas fa-star"></i>
884
+ <i class="fas fa-star"></i>
885
+ <i class="fas fa-star"></i>
886
+ <i class="fas fa-star"></i>
887
+ <i class="fas fa-star-half-alt"></i>
888
+ </div>
889
+ </div>
890
+ </div>
891
+ <p class="text-gray-600 mb-4">"Tính năng tự động trả lời tin nhắn tiết kiệm cho tôi hàng giờ mỗi tuần. Bản miễn phí đã tốt nhưng nâng cấp VIP mới thực sự thay đổi cuộc chơi."</p>
892
+ <div class="text-sm text-gray-500">Nhà bán hàng online</div>
893
+ </div>
894
+ </div>
895
+ </div>
896
+ </section>
897
+
898
+ <!-- FAQ Section -->
899
+ <section id="faq" class="py-20 bg-gray-50">
900
+ <div class="container mx-auto px-4 max-w-4xl">
901
+ <div class="text-center mb-16">
902
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Hỗ Trợ VIP PRO</h2>
903
+ <p class="text-gray-600">Chúng tôi luôn sẵn sàng hỗ trợ bạn 24/7 với đội ngũ chuyên gia.</p>
904
+ </div>
905
+
906
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
907
+ <div class="bg-white p-8 rounded-xl shadow-sm">
908
+ <div class="flex items-center mb-4">
909
+ <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4">
910
+ <i class="fas fa-headset text-blue-600 text-xl"></i>
911
+ </div>
912
+ <h3 class="text-xl font-bold">Hỗ trợ trực tiếp</h3>
913
+ </div>
914
+ <p class="text-gray-600 mb-4">Đội ngũ hỗ trợ VIP luôn sẵn sàng giúp bạn qua nhiều kênh:</p>
915
+ <ul class="space-y-2">
916
+ <li class="flex items-center">
917
+ <i class="fas fa-comment-dots text-blue-500 mr-2"></i>
918
+ <span>Chat trực tuyến 24/7</span>
919
+ </li>
920
+ <li class="flex items-center">
921
+ <i class="fas fa-phone-alt text-blue-500 mr-2"></i>
922
+ <span>Hotline: 1900 1234</span>
923
+ </li>
924
+ <li class="flex items-center">
925
+ <i class="fas fa-envelope text-blue-500 mr-2"></i>
926
+ <span>Email: [email protected]</span>
927
+ </li>
928
+ </ul>
929
+ </div>
930
+
931
+ <div class="bg-white p-8 rounded-xl shadow-sm">
932
+ <div class="flex items-center mb-4">
933
+ <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mr-4">
934
+ <i class="fas fa-book text-purple-600 text-xl"></i>
935
+ </div>
936
+ <h3 class="text-xl font-bold">Tài nguyên VIP</h3>
937
+ </div>
938
+ <p class="text-gray-600 mb-4">Tài liệu hướng dẫn chi tiết cho tài khoản VIP PRO:</p>
939
+ <ul class="space-y-2">
940
+ <li class="flex items-center">
941
+ <i class="fas fa-video text-purple-500 mr-2"></i>
942
+ <span>Video hướng dẫn từ A-Z</span>
943
+ </li>
944
+ <li class="flex items-center">
945
+ <i class="fas fa-file-pdf text-purple-500 mr-2"></i>
946
+ <span>Tài liệu PDF chi tiết</span>
947
+ </li>
948
+ <li class="flex items-center">
949
+ <i class="fas fa-users text-purple-500 mr-2"></i>
950
+ <span>Cộng đồng VIP PRO</span>
951
+ </li>
952
+ </ul>
953
+ </div>
954
+ </div>
955
+
956
+ <div class="space-y-4">
957
+ <!-- FAQ Item 1 -->
958
+ <div class="border border-gray-200 rounded-xl overflow-hidden">
959
+ <button class="faq-toggle w-full flex justify-between items-center p-6 hover:bg-gray-50 transition">
960
+ <h3 class="text-lg font-semibold text-left">Tôi có thể sử dụng tất cả tính năng ngay lập tức không?</h3>
961
+ <i class="fas fa-chevron-down transition-transform"></i>
962
+ </button>
963
+ <div class="faq-content hidden px-6 pb-6 pt-0">
964
+ <p class="text-gray-600">Có, tất cả các tính năng bao gồm AI Tìm Kiếm Khách Hàng, AI Thu Thập Thông Tin, AI Phân Loại Khách Hàng, AI Ghép Nối Sản Phẩm, AI Tương Tác Tự Động và Báo Cáo Thông Minh đã được mở khóa và sẵn sàng sử dụng ngay lập tức.</p>
965
+ </div>
966
+ </div>
967
+
968
+ <!-- FAQ Item 2 -->
969
+ <div class="border border-gray-200 rounded-xl overflow-hidden">
970
+ <button class="faq-toggle w-full flex justify-between items-center p-6 hover:bg-gray-50 transition">
971
+ <h3 class="text-lg font-semibold text-left">Tài khoản Facebook của tôi có an toàn với công cụ của bạn không?</h3>
972
+ <i class="fas fa-chevron-down transition-transform"></i>
973
+ </button>
974
+ <div class="faq-content hidden px-6 pb-6 pt-0">
975
+ <p class="text-gray-600">Hoàn toàn an toàn. Chúng tôi sử dụng API chính thức của Facebook và tuân thủ tất cả các hướng dẫn của nền tảng. Chúng tôi không bao giờ lưu trữ mật khẩu của bạn và chỉ yêu cầu các quyền tối thiểu cần thiết để công cụ hoạt động. Tài khoản VIP có thêm các tính năng bảo mật như cảnh báo đăng nhập và giám sát hoạt động.</p>
976
+ </div>
977
+ </div>
978
+
979
+ <!-- FAQ Item 3 -->
980
+ <div class="border border-gray-200 rounded-xl overflow-hidden">
981
+ <button class="faq-toggle w-full flex justify-between items-center p-6 hover:bg-gray-50 transition">
982
+ <h3 class="text-lg font-semibold text-left">Giới hạn sử dụng các tính năng AI là bao nhiêu?</h3>
983
+ <i class="fas fa-chevron-down transition-transform"></i>
984
+ </button>
985
+ <div class="faq-content hidden px-6 pb-6 pt-0">
986
+ <p class="text-gray-600">Với tài khoản VIP PRO, bạn có thể sử dụng tất cả tính năng AI không giới hạn. Cụ thể: AI Tìm Kiếm Khách Hàng (10,000+ KH/ngày), AI Thu Thập Thông Tin (10,000+ hồ sơ/ngày), AI Tương Tác Tự Động (5,000+ tin nhắn/ngày). Nếu cần mở rộng giới hạn, vui lòng liên hệ bộ phận hỗ trợ.</p>
987
+ </div>
988
+ </div>
989
+
990
+ <!-- FAQ Item 4 -->
991
+ <div class="border border-gray-200 rounded-xl overflow-hidden">
992
+ <button class="faq-toggle w-full flex justify-between items-center p-6 hover:bg-gray-50 transition">
993
+ <h3 class="text-lg font-semibold text-left">Làm thế nào để tối ưu hiệu quả các công cụ AI?</h3>
994
+ <i class="fas fa-chevron-down transition-transform"></i>
995
+ </button>
996
+ <div class="faq-content hidden px-6 pb-6 pt-0">
997
+ <p class="text-gray-600">Chúng tôi cung cấp hướng dẫn chi tiết và video tutorial trong mục Tài Nguyên. Ngoài ra, với tài khoản VIP PRO, bạn sẽ được hỗ trợ 1:1 từ chuyên gia để thiết lập và tối ưu hệ thống AI cho nhu cầu cụ thể của bạn. Chúng tôi khuyến nghị bắt đầu với AI Phân Tích Đối Tượng trước khi sử dụng các công cụ tự động hóa.</p>
998
+ </div>
999
+ </div>
1000
+
1001
+ <!-- FAQ Item 5 -->
1002
+ <div class="border border-gray-200 rounded-xl overflow-hidden">
1003
+ <button class="faq-toggle w-full flex justify-between items-center p-6 hover:bg-gray-50 transition">
1004
+ <h3 class="text-lg font-semibold text-left">Tôi có thể tích hợp với các nền tảng khác không?</h3>
1005
+ <i class="fas fa-chevron-down transition-transform"></i>
1006
+ </button>
1007
+ <div class="faq-content hidden px-6 pb-6 pt-0">
1008
+ <p class="text-gray-600">Có, chúng tôi hỗ trợ tích hợp với Google Sheets, Zapier, và nhiều nền tảng CRM phổ biến. Với tài khoản VIP PRO, bạn còn có quyền truy cập API để tự động hóa quy trình làm việc của mình. Vui lòng truy cập mục Tài Liệu API để biết thêm chi tiết.</p>
1009
+ </div>
1010
+ </div>
1011
+ </div>
1012
+
1013
+ <div class="mt-12 text-center">
1014
+ <p class="text-gray-600 mb-6">Vẫn còn thắc mắc? Đội ngũ hỗ trợ VIP của chúng tôi sẵn lòng giúp đỡ.</p>
1015
+ <button class="px-8 py-3 bg-blue-600 text-white rounded-lg font-semibold hover:bg-blue-700 transition">
1016
+ <i class="fas fa-headset mr-2"></i>Liên Hệ Hỗ Trợ VIP
1017
+ </button>
1018
+ </div>
1019
+ </div>
1020
+ </section>
1021
+
1022
+ <!-- CTA Section -->
1023
+ <section class="gradient-bg text-white py-16">
1024
+ <div class="container mx-auto px-4 text-center">
1025
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Sẵn Sàng Khám Phá Sức Mạnh AI?</h2>
1026
+ <p class="text-xl mb-8 max-w-2xl mx-auto text-gray-100">Bắt đầu ngay với tất cả tính năng cao cấp đã được mở khóa trong tài khoản của bạn.</p>
1027
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
1028
+ <a href="#dashboard" class="px-8 py-3 bg-white text-blue-600 rounded-full font-bold hover:bg-gray-100 transition flex items-center justify-center">
1029
+ <i class="fas fa-rocket mr-2"></i>Truy Cập Bảng Điều Khiển
1030
+ </a>
1031
+ <a href="#tools" class="px-8 py-3 border-2 border-white text-white rounded-full font-bold hover:bg-white hover:text-blue-600 transition flex items-center justify-center">
1032
+ <i class="fas fa-tools mr-2"></i>Xem Công Cụ VIP
1033
+ </a>
1034
+ </div>
1035
+ </div>
1036
+ </section>
1037
+
1038
+ <!-- Footer -->
1039
+ <footer class="bg-gray-900 text-gray-400 py-12">
1040
+ <div class="container mx-auto px-4">
1041
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
1042
+ <div>
1043
+ <div class="flex items-center space-x-2 mb-4">
1044
+ <i class="fab fa-facebook-square text-2xl text-blue-400"></i>
1045
+ <h3 class="text-xl font-bold text-white">FBSocialTool <span class="bg-yellow-500 text-black px-2 py-1 rounded-md ml-1 text-sm">VIP PRO</span></h3>
1046
+ </div>
1047
+ <p class="mb-4">Công cụ mạnh mẽ để phân tích, phát triển và quản lý sự hiện diện trên Facebook của bạn.</p>
1048
+ <div class="flex space-x-4">
1049
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
1050
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
1051
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
1052
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in"></i></a>
1053
+ </div>
1054
+ </div>
1055
+
1056
+ <div>
1057
+ <h4 class="text-white font-bold mb-4">Công Cụ</h4>
1058
+ <ul class="space-y-2">
1059
+ <li><a href="#" class="hover:text-white transition">Phân Tích Đối Tượng</a></li>
1060
+ <li><a href="#" class="hover:text-white transition">Lập Lịch Bài Đăng</a></li>
1061
+ <li><a href="#" class="hover:text-white transition">Tìm Khách Hàng AI</a></li>
1062
+ <li><a href="#" class="hover:text-white transition">Tương Tác Tự Động AI</a></li>
1063
+ <li><a href="#" class="hover:text-white transition">Phân Tích Kinh Doanh AI</a></li>
1064
+ </ul>
1065
+ </div>
1066
+
1067
+ <div>
1068
+ <h4 class="text-white font-bold mb-4">Tài Nguyên VIP</h4>
1069
+ <ul class="space-y-2">
1070
+ <li><a href="#" class="hover:text-white transition">Hướng Dẫn VIP</a></li>
1071
+ <li><a href="#" class="hover:text-white transition">Case Study</a></li>
1072
+ <li><a href="#" class="hover:text-white transition">Webinar</a></li>
1073
+ <li><a href="#" class="hover:text-white transition">Tài Liệu API</a></li>
1074
+ <li><a href="#" class="hover:text-white transition">Cộng Đồng VIP</a></li>
1075
+ </ul>
1076
+ </div>
1077
+
1078
+ <div>
1079
+ <h4 class="text-white font-bold mb-4">Hỗ Trợ VIP</h4>
1080
+ <ul class="space-y-2">
1081
+ <li><a href="#" class="hover:text-white transition">Hỗ Trợ 24/7</a></li>
1082
+ <li><a href="#" class="hover:text-white transition">Đào Tạo 1:1</a></li>
1083
+ <li><a href="#" class="hover:text-white transition">Liên Hệ</a></li>
1084
+ <li><a href="#" class="hover:text-white transition">Chính Sách Bảo Mật</a></li>
1085
+ <li><a href="#" class="hover:text-white transition">Điều Khoản VIP</a></li>
1086
+ </ul>
1087
+ </div>
1088
+ </div>
1089
+
1090
+ <div class="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center">
1091
+ <p>© 2023 FBSocialTool VIP PRO. All rights reserved.</p>
1092
+ <div class="flex space-x-6 mt-4 md:mt-0">
1093
+ <a href="#" class="hover:text-white transition">Bảo Mật</a>
1094
+ <a href="#" class="hover:text-white transition">Điều Khoản</a>
1095
+ <a href="#" class="hover:text-white transition">Cookies</a>
1096
+ </div>
1097
+ </div>
1098
+ </div>
1099
+ </footer>
1100
+
1101
+ <script>
1102
+ // Mobile menu toggle
1103
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
1104
+ const menu = document.getElementById('mobile-menu');
1105
+ menu.classList.toggle('hidden');
1106
+ });
1107
+
1108
+ // Account modal toggle
1109
+ document.getElementById('account-button').addEventListener('click',
1110
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ liên kết tài khoản mạng xã hội, tạo lệnh thực hiện chạy full quyền chức năng, bỏ các tính năng bị hạn chế, fix lỗi còn lại, rồi cho chạy chương trình full