Hugging Face's logo

Spaces:
Hungtruthguard
/
truthguard-function2-explore
Running

App Files Community
Hungtruthguard commited on
Commit
428c02e
·
verified ·
1 Parent(s): 222f9a2

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +349 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Truthguard Function2 Explore
3
- emoji: 👀
4
- colorFrom: yellow
5
- colorTo: indigo
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: truthguard-function2-explore
3
+ emoji: 🐳
4
+ colorFrom: gray
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,349 @@
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>Cải thiện văn bản học thuật - TruthGuard</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
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Inter', sans-serif;
14
+ scroll-behavior: smooth;
15
+ }
16
+
17
+ .gradient-bg {
18
+ background: linear-gradient(135deg, #4a00e0 0%, #8e2de2 100%);
19
+ }
20
+
21
+ .feature-card:hover {
22
+ transform: translateY(-5px);
23
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
24
+ }
25
+
26
+ .original-text {
27
+ border-left: 4px solid #ef4444;
28
+ }
29
+
30
+ .improved-text {
31
+ border-left: 4px solid #10b981;
32
+ }
33
+
34
+ .video-container {
35
+ position: relative;
36
+ padding-bottom: 56.25%;
37
+ height: 0;
38
+ overflow: hidden;
39
+ }
40
+
41
+ .video-container iframe {
42
+ position: absolute;
43
+ top: 0;
44
+ left: 0;
45
+ width: 100%;
46
+ height: 100%;
47
+ }
48
+
49
+ .hero-image {
50
+ background-image: url('https://images.unsplash.com/photo-1454165804606-3c8a9c2c9e6a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
51
+ background-size: cover;
52
+ background-position: center;
53
+ background-blend-mode: overlay;
54
+ background-color: rgba(74, 0, 224, 0.7);
55
+ }
56
+
57
+ .before-after-image {
58
+ height: 200px;
59
+ object-fit: cover;
60
+ border-radius: 0.5rem;
61
+ }
62
+ </style>
63
+ </head>
64
+ <body class="bg-gray-50 text-gray-800">
65
+ <!-- Header Section -->
66
+ <header class="py-6 px-4 md:px-8">
67
+ <div class="container mx-auto flex items-center">
68
+ <img src="https://truthguard.ai/assets/logo-official-white-torch.svg" alt="TruthGuard Logo" class="h-12 md:h-16">
69
+ </div>
70
+ </header>
71
+
72
+ <!-- Hero Section -->
73
+ <section class="hero-image py-12 md:py-20 px-4 md:px-8 text-white">
74
+ <div class="container mx-auto max-w-6xl text-center">
75
+ <h1 class="text-3xl md:text-5xl font-bold mb-6">Cải thiện văn bản – Giữ chất riêng, nâng tầm tư duy</h1>
76
+ <p class="text-lg md:text-xl max-w-3xl mx-auto">
77
+ TruthGuard giúp bạn phát hiện điểm yếu trong bài viết và gợi ý cách cải tiến từng đoạn – mà vẫn giữ phong cách riêng của bạn.
78
+ </p>
79
+ <div class="mt-8">
80
+ <img src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
81
+ alt="Người đang viết bài"
82
+ class="mx-auto rounded-xl shadow-xl max-w-2xl w-full">
83
+ </div>
84
+ </div>
85
+ </section>
86
+
87
+ <!-- Video Demo Section -->
88
+ <section class="py-12 md:py-20 px-4 md:px-8 bg-white">
89
+ <div class="container mx-auto max-w-4xl">
90
+ <div class="video-container rounded-xl shadow-xl overflow-hidden mb-6">
91
+ <iframe src="https://www.youtube.com/embed/GDsY7O-ejhs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
92
+ </div>
93
+ <p class="text-center text-gray-600 mb-8">
94
+ Xem quá trình cải thiện văn bản thật sự – từ điểm thấp đến xuất sắc, do chính hệ thống TruthGuard hỗ trợ.
95
+ </p>
96
+ <div class="text-center">
97
+ <a href="https://www.youtube.com/watch?v=GDsY7O-ejhs" target="_blank" class="inline-block bg-purple-600 hover:bg-purple-700 text-white font-bold px-8 py-3 rounded-lg text-lg transition duration-300 shadow-lg">
98
+ <i class="fas fa-play mr-2"></i> Xem clip minh họa
99
+ </a>
100
+ </div>
101
+ </div>
102
+ </section>
103
+
104
+ <!-- Before & After Section -->
105
+ <section class="py-12 md:py-20 px-4 md:px-8 bg-gray-50">
106
+ <div class="container mx-auto max-w-6xl">
107
+ <h2 class="text-2xl md:text-3xl font-bold text-center mb-12 text-purple-900">Minh họa cải tiến bài viết</h2>
108
+
109
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
110
+ <!-- Before Improvement -->
111
+ <div class="bg-white p-6 rounded-xl shadow-md original-text">
112
+ <div class="flex items-center mb-4">
113
+ <img src="https://images.unsplash.com/photo-1563986768609-322da13575f3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
114
+ alt="Bài viết trước cải tiến"
115
+ class="before-after-image w-full">
116
+ </div>
117
+ <h3 class="font-bold text-lg text-red-600 mb-4">Bài viết trước cải tiến</h3>
118
+ <div class="mb-6 text-gray-700 bg-gray-50 p-4 rounded-lg">
119
+ <p class="italic">"Ngày nay, khi AI xuất hiện nhiều và được dùng nhiều thì con người có nhiều thứ để học và cũng có nhiều thứ không cần học nữa. Điều đó dẫn đến việc con người không cần phải suy nghĩ nhiều như trước vì đã có công cụ làm thay phần nào. Nhưng cũng có người nói là con người sẽ vẫn phải suy nghĩ vì không phải cái gì AI cũng làm được. Nhưng nếu chúng ta cứ dùng AI mỗi ngày thì khả năng tự mình suy nghĩ sẽ không còn như trước kia nữa.
120
+ Bản thân tôi thấy khi tôi làm bài tập, nếu tôi dùng ChatGPT hay AI thì tôi sẽ nhận được đáp án nhanh và không cần phải tự nghĩ nhiều. Có lần tôi đã dùng AI để viết một đoạn văn và kết quả là tôi chỉ cần chỉnh chút là xong. Nhưng khi thầy hỏi tôi giải thích lại thì tôi không biết giải thích sao. Vì thế, có thể thấy là AI đang thay đổi cách con người học và có thể ảnh hưởng đến cách tư duy.
121
+
122
+ Một số người thì lại nghĩ AI giúp cho việc học hiệu quả hơn, vì không phải mất thời gian tìm kiếm nữa. Nhưng theo tôi, điều đó không có nghĩa là con người vẫn giữ khả năng tư duy như cũ. Vì khi không còn phải động não để nghĩ câu trả lời thì tư duy sẽ bị giảm đi. Tuy nhiên, cũng có khi con người dùng AI để học tốt hơn, như là tham khảo, nhưng nếu lạm dụng thì sẽ không tốt.
123
+
124
+ Như vậy, AI có thể vừa giúp vừa hại khả năng tư duy. Điều đó còn tùy vào người sử dụng. Nhưng mà nếu không có ý thức thì chắc chắn sẽ mất tư duy. Nhiều bạn học sinh hiện nay cũng đã quen việc dùng AI nên không còn học bài như trước, cái gì cũng hỏi rồi chép. Như vậy là mất tư duy chứ không còn gì nữa.
125
+
126
+ Tóm lại, tôi nghĩ AI sẽ làm mất dần khả năng tư duy của người học nếu không được dùng đúng. Không phải vì AI xấu, mà vì cách dùng AI chưa đúng. Chúng ta nên dùng AI có chừng mực và phải rèn luyện tư duy song song thì mới tốt được. Nếu không thì về lâu dài sẽ ảnh hưởng không nhỏ đến sự phát triển của trí tuệ con người.
127
+ "</p>
128
+ </div>
129
+
130
+ <div class="bg-gray-100 p-4 rounded-lg">
131
+ <h4 class="font-bold mb-2">📊 Kết quả:</h4>
132
+ <ul class="space-y-1">
133
+ <li>Fingerprint tư duy: 4.5</li>
134
+ <li>Phong cách viết: 4.0</li>
135
+ <li>AI nghi vấn: 5.5</li>
136
+ <li>Logic: 5.0</li>
137
+ <li class="font-bold">Tổng điểm: 4.75</li>
138
+ <li>Trạng thái: <span class="text-orange-500">🟠 Dưới Trung bình – dễ nghi là đạo văn</span></li>
139
+ </ul>
140
+ </div>
141
+ </div>
142
+
143
+ <!-- After Improvement -->
144
+ <div class="bg-white p-6 rounded-xl shadow-md improved-text">
145
+ <div class="flex items-center mb-4">
146
+ <img src="https://images.unsplash.com/photo-1501504905252-473c47e087f8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80"
147
+ alt="Bài viết sau cải tiến"
148
+ class="before-after-image w-full">
149
+ </div>
150
+ <h3 class="font-bold text-lg text-green-600 mb-4">Bài viết sau cải tiến</h3>
151
+ <div class="mb-6 text-gray-700 bg-gray-50 p-4 rounded-lg">
152
+ <p class="italic">"Trí tuệ nhân tạo đang phát triển nhanh chóng và ngày càng hiện diện trong nhiều mặt của cuộc sống, đặc biệt là trong lĩnh vực giáo dục. Có ý kiến cho rằng AI sẽ khiến con người trở nên lười biếng và đánh mất khả năng tư duy. Cá nhân tôi không hoàn toàn bác bỏ ý kiến đó, nhưng cũng cho rằng vấn đề không nằm ở công nghệ mà ở cách chúng ta tương tác với nó.
153
+
154
+ Thời còn học phổ thông, tôi thường phải dành hàng giờ đọc sách, ghi chú rồi mới hiểu được một chủ đề. Nay, chỉ cần gõ một câu hỏi vào ChatGPT, tôi đã có thể nắm được cái nhìn tổng quát. Điều này thực sự tiện lợi, nhưng cũng khiến tôi suy nghĩ: liệu sự tiện lợi đó có lấy đi cơ hội rèn luyện tư duy? Tôi cho rằng không. Ngược lại, AI buộc người dùng phải đặt câu hỏi thông minh, đánh giá câu trả lời và lựa chọn thông tin đáng tin cậy – những kỹ năng tư duy bậc cao mà trước đây không phải lúc nào cũng được rèn luyện.
155
+
156
+ Tư duy không chỉ là ghi nhớ hay phân tích, mà còn là khả năng tổng hợp, đối chiếu và phản biện. AI không thể làm thay người dùng những điều này. Nó chỉ cung cấp dữ liệu – phần còn lại vẫn phụ thuộc vào cách mỗi người xử lý và phản ứng với dữ liệu đó.
157
+
158
+ Tôi từng chứng kiến nhiều bạn học sinh hỏi AI để làm bài, nhưng kết quả không tốt vì họ sao chép máy móc. Trong khi đó, những người biết cách khai thác AI như công cụ hỗ trợ thì lại học nhanh hơn và sâu hơn. Như khi tôi chuẩn bị bài thuyết trình gần đây, AI giúp tôi hệ thống ý chính, nhưng việc triển khai, chọn lọc và phản biện lại là phần tôi tự làm.
159
+
160
+ Vì vậy, tôi cho rằng AI không tước đoạt khả năng tư duy, mà đang thách thức con người tư duy linh hoạt hơn. Quan trọng là phải giáo dục người học cách dùng AI có trách nhiệm và tự chủ, thay vì lệ thuộc.
161
+
162
+ "</p>
163
+ </div>
164
+
165
+ <div class="bg-gray-100 p-4 rounded-lg">
166
+ <h4 class="font-bold mb-2">📊 Kết quả:</h4>
167
+ <ul class="space-y-1">
168
+ <li>Fingerprint tư duy: 9.5</li>
169
+ <li>Phong cách viết: 9.0</li>
170
+ <li>AI nghi vấn: 8.5</li>
171
+ <li>Logic: 9.0</li>
172
+ <li class="font-bold">Tổng điểm: 9.0</li>
173
+ <li>Trạng thái: <span class="text-green-500">🟢 Xuất sắc – tư duy rõ ràng, có giọng văn riêng</span></li>
174
+ </ul>
175
+ </div>
176
+ </div>
177
+ </div>
178
+ </div>
179
+ </section>
180
+
181
+ <!-- Benefits Section -->
182
+ <section class="py-12 md:py-20 px-4 md:px-8 bg-white">
183
+ <div class="container mx-auto max-w-6xl">
184
+ <h2 class="text-2xl md:text-3xl font-bold text-center mb-12 text-purple-900">Lợi ích nổi bật</h2>
185
+
186
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
187
+ <!-- Benefit 1 -->
188
+ <div class="bg-gray-50 p-6 rounded-xl shadow-md feature-card transition duration-300">
189
+ <div class="flex justify-center mb-4">
190
+ <img src="https://images.unsplash.com/photo-1516321318423-f06f85e504d3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
191
+ alt="Gợi ý từng đoạn cụ thể"
192
+ class="h-40 w-full object-cover rounded-lg">
193
+ </div>
194
+ <h3 class="text-xl font-bold mb-3 text-purple-900">Gợi ý từng đoạn cụ thể</h3>
195
+ <p class="text-gray-600">
196
+ Không sửa chung chung – chỉ ra rõ ràng từng điểm cần điều chỉnh trong bài viết của bạn.
197
+ </p>
198
+ </div>
199
+
200
+ <!-- Benefit 2 -->
201
+ <div class="bg-gray-50 p-6 rounded-xl shadow-md feature-card transition duration-300">
202
+ <div class="flex justify-center mb-4">
203
+ <img src="https://images.unsplash.com/photo-1454165804606-3c8a9c2c9e6a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
204
+ alt="Cải tiến tư duy & mạch lạc"
205
+ class="h-40 w-full object-cover rounded-lg">
206
+ </div>
207
+ <h3 class="text-xl font-bold mb-3 text-purple-900">Cải tiến tư duy & mạch lạc</h3>
208
+ <p class="text-gray-600">
209
+ Giúp bạn viết rõ ý, mạch lạc, đúng mục tiêu bài viết với tư duy logic chặt chẽ.
210
+ </p>
211
+ </div>
212
+
213
+ <!-- Benefit 3 -->
214
+ <div class="bg-gray-50 p-6 rounded-xl shadow-md feature-card transition duration-300">
215
+ <div class="flex justify-center mb-4">
216
+ <img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2071&q=80"
217
+ alt="Giữ nguyên phong cách cá nhân"
218
+ class="h-40 w-full object-cover rounded-lg">
219
+ </div>
220
+ <h3 class="text-xl font-bold mb-3 text-purple-900">Giữ nguyên phong cách cá nhân</h3>
221
+ <p class="text-gray-600">
222
+ Bài viết vẫn là của bạn – không biến thành văn mẫu hoặc máy móc.
223
+ </p>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ </section>
228
+
229
+ <!-- Testimonials Section -->
230
+ <section class="py-12 md:py-20 px-4 md:px-8 bg-gray-50">
231
+ <div class="container mx-auto max-w-6xl">
232
+ <h2 class="text-2xl md:text-3xl font-bold text-center mb-12 text-purple-900">Người dùng nói gì về TruthGuard</h2>
233
+
234
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
235
+ <!-- Testimonial 1 -->
236
+ <div class="bg-white p-6 rounded-xl shadow-md">
237
+ <div class="flex items-center mb-4">
238
+ <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Nguyễn Thị Mai" class="w-12 h-12 rounded-full mr-4">
239
+ <div>
240
+ <h4 class="font-bold">Nguyễn Thị Mai</h4>
241
+ <p class="text-gray-500 text-sm">Sinh viên ĐH Kinh tế</p>
242
+ </div>
243
+ </div>
244
+ <p class="text-gray-700 italic">"TruthGuard giúp mình cải thiện bài luận từ 5.5 lên 8.0 chỉ sau 2 lần chỉnh sửa. Bài viết vẫn giữ được ý tưởng và phong cách của mình."</p>
245
+ </div>
246
+
247
+ <!-- Testimonial 2 -->
248
+ <div class="bg-white p-6 rounded-xl shadow-md">
249
+ <div class="flex items-center mb-4">
250
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Trần Văn Nam" class="w-12 h-12 rounded-full mr-4">
251
+ <div>
252
+ <h4 class="font-bold">Trần Văn Nam</h4>
253
+ <p class="text-gray-500 text-sm">Nghiên cứu sinh</p>
254
+ </div>
255
+ </div>
256
+ <p class="text-gray-700 italic">"Công cụ này thực sự hữu ích cho các bài báo khoa học. Nó giúp tôi phát hiện những đoạn viết chưa mạch lạc và gợi ý cách cải thiện rất chi tiết."</p>
257
+ </div>
258
+
259
+ <!-- Testimonial 3 -->
260
+ <div class="bg-white p-6 rounded-xl shadow-md">
261
+ <div class="flex items-center mb-4">
262
+ <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Lê Thị Hương" class="w-12 h-12 rounded-full mr-4">
263
+ <div>
264
+ <h4 class="font-bold">Lê Thị Hương</h4>
265
+ <p class="text-gray-500 text-sm">Giáo viên THPT</p>
266
+ </div>
267
+ </div>
268
+ <p class="text-gray-700 italic">"Tôi dùng TruthGuard để kiểm tra bài tập của học sinh. Nó giúp phát hiện những bài viết có dấu hiệu sao chép hoặc thiếu tư duy cá nhân."</p>
269
+ </div>
270
+ </div>
271
+ </div>
272
+ </section>
273
+
274
+ <!-- CTA Section -->
275
+ <section class="py-16 md:py-24 px-4 md:px-8 gradient-bg text-white">
276
+ <div class="container mx-auto max-w-4xl text-center">
277
+ <h2 class="text-2xl md:text-4xl font-bold mb-6">Bạn muốn cải thiện bài viết của mình mà không mất chất riêng?</h2>
278
+ <p class="text-lg md:text-xl mb-10 opacity-90">
279
+ TruthGuard sẽ giúp bạn nâng cấp bài viết học thuật một cách thông minh và hiệu quả.
280
+ </p>
281
+ <div class="mb-8">
282
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
283
+ alt="Người đang làm việc với TruthGuard"
284
+ class="mx-auto rounded-xl shadow-xl max-w-2xl w-full">
285
+ </div>
286
+ <a href="https://truthguard.ai/register" class="inline-block bg-white text-purple-800 hover:bg-gray-100 font-bold px-8 py-4 md:px-12 md:py-5 rounded-lg text-lg md:text-xl transition duration-300 shadow-lg mb-4">
287
+ 🔥 Đăng ký để nhận link dùng thử TruthGuard
288
+ </a>
289
+ <p class="text-sm opacity-80">
290
+ Hệ thống chỉ mở link dùng thử sau khi đăng ký
291
+ </p>
292
+ </div>
293
+ </section>
294
+
295
+ <!-- Footer -->
296
+ <footer class="bg-gray-900 text-white py-12 px-4 md:px-8">
297
+ <div class="container mx-auto max-w-6xl">
298
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
299
+ <!-- Logo & Brand -->
300
+ <div class="md:col-span-1">
301
+ <img src="https://truthguard.ai/assets/logo-official-white-torch.svg" alt="TruthGuard Logo" class="h-12 mb-4">
302
+ <p class="text-gray-400 text-sm">
303
+ TruthGuard – Công cụ hỗ trợ viết học thuật đáng tin cậy, thông minh và công bằng.
304
+ </p>
305
+ <div class="flex space-x-4 mt-4">
306
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
307
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
308
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-github"></i></a>
309
+ </div>
310
+ </div>
311
+
312
+ <!-- Products -->
313
+ <div>
314
+ <h3 class="text-lg font-bold mb-4">Sản phẩm</h3>
315
+ <ul class="space-y-2 text-gray-400">
316
+ <li><a href="#" class="hover:text-white">Kiểm tra đạo văn</a></li>
317
+ <li><a href="#" class="hover:text-white">Cải thiện văn bản</a></li>
318
+ <li><a href="#" class="hover:text-white">Sáng tác học thuật</a></li>
319
+ </ul>
320
+ </div>
321
+
322
+ <!-- Resources -->
323
+ <div>
324
+ <h3 class="text-lg font-bold mb-4">Tài nguyên</h3>
325
+ <ul class="space-y-2 text-gray-400">
326
+ <li><a href="#" class="hover:text-white">Tài liệu hướng dẫn</a></li>
327
+ <li><a href="#" class="hover:text-white">Video minh họa</a></li>
328
+ <li><a href="#" class="hover:text-white">Câu hỏi thường gặp</a></li>
329
+ </ul>
330
+ </div>
331
+
332
+ <!-- Contact -->
333
+ <div>
334
+ <h3 class="text-lg font-bold mb-4">Liên hệ</h3>
335
+ <ul class="space-y-2 text-gray-400">
336
+ <li>Email: [email protected]</li>
337
+ <li>SĐT: +84 123 456 789</li>
338
+ <li>Địa chỉ: Saigon, Việt Nam</li>
339
+ </ul>
340
+ </div>
341
+ </div>
342
+
343
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500 text-sm">
344
+ &copy; 2025 TruthGuard. All rights reserved.
345
+ </div>
346
+ </div>
347
+ </footer>
348
+ <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=Hungtruthguard/truthguard-function2-explore" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
349
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Hãy bổ sung hình ảnh phù hợp vào web cho đẹp và hấp dẫn