Spaces:

Hungtruthguard
/

truthguard-function2-explore

Running

App Files Files Community

Hungtruthguard commited on 8 days ago

Commit

bf94a3f

verified ·

1 Parent(s): 96b2818

Add 2 files

Browse files

Files changed (2) hide show

index.html +43 -13
prompts.txt +3 -1

index.html CHANGED Viewed

@@ -59,13 +59,33 @@
             object-fit: cover;
             border-radius: 0.5rem;
         }
     </style>
 </head>
 <body class="bg-gray-50 text-gray-800">
     <!-- Header Section -->
-    <header class="py-6 px-4 md:px-8">
-        <div class="container mx-auto flex items-center">
-            <img src="https://truthguard.ai/assets/logo-official-white-torch.svg" alt="TruthGuard Logo" class="h-12 md:h-16">
         </div>
     </header>
@@ -153,7 +173,7 @@ Tóm lại, tôi nghĩ AI sẽ làm mất dần khả năng tư duy của ngư
 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.
-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 đó.
 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.
@@ -187,14 +207,19 @@ Vì vậy, tôi cho rằng AI không tước đoạt khả năng tư duy, mà đ
                 <!-- Benefit 1 -->
                 <div class="bg-gray-50 p-6 rounded-xl shadow-md feature-card transition duration-300">
                     <div class="flex justify-center mb-4">
-                        <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"
                              alt="Gợi ý từng đoạn cụ thể"
                              class="h-40 w-full object-cover rounded-lg">
                     </div>
                     <h3 class="text-xl font-bold mb-3 text-purple-900">Gợi ý từng đoạn cụ thể</h3>
                     <p class="text-gray-600">
-                        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.
                     </p>
                 </div>
                 <!-- Benefit 2 -->
@@ -206,8 +231,13 @@ Vì vậy, tôi cho rằng AI không tước đoạt khả năng tư duy, mà đ
                     </div>
                     <h3 class="text-xl font-bold mb-3 text-purple-900">Cải tiến tư duy & mạch lạc</h3>
                     <p class="text-gray-600">
-                        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ẽ.
                     </p>
                 </div>
                 <!-- Benefit 3 -->
@@ -219,7 +249,7 @@ Vì vậy, tôi cho rằng AI không tước đoạt khả năng tư duy, mà đ
                     </div>
                     <h3 class="text-xl font-bold mb-3 text-purple-900">Giữ nguyên phong cách cá nhân</h3>
                     <p class="text-gray-600">
-                        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.
                     </p>
                 </div>
             </div>
@@ -237,7 +267,7 @@ Vì vậy, tôi cho rằng AI không tước đoạt khả năng tư duy, mà đ
                     <div class="flex items-center mb-4">
                         <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Nguyễn Thị Mai" class="w-12 h-12 rounded-full mr-4">
                         <div>
-                            <h4 class="font-bold">Nguyễn Thị Mai</h4>
                             <p class="text-gray-500 text-sm">Sinh viên ĐH Kinh tế</p>
                         </div>
                     </div>
@@ -249,7 +279,7 @@ Vì vậy, tôi cho rằng AI không tước đoạt khả năng tư duy, mà đ
                     <div class="flex items-center mb-4">
                         <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">
                         <div>
-                            <h4 class="font-bold">Trần Văn Nam</h4>
                             <p class="text-gray-500 text-sm">Nghiên cứu sinh</p>
                         </div>
                     </div>
@@ -261,7 +291,7 @@ Vì vậy, tôi cho rằng AI không tước đoạt khả năng tư duy, mà đ
                     <div class="flex items-center mb-4">
                         <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Lê Thị Hương" class="w-12 h-12 rounded-full mr-4">
                         <div>
-                            <h4 class="font-bold">Lê Thị Hương</h4>
                             <p class="text-gray-500 text-sm">Giáo viên THPT</p>
                         </div>
                     </div>
@@ -283,7 +313,7 @@ Vì vậy, tôi cho rằng AI không tước đoạt khả năng tư duy, mà đ
                      alt="Người đang làm việc với TruthGuard"
                      class="mx-auto rounded-xl shadow-xl max-w-2xl w-full">
             </div>
-            <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">
                 🔥 Đăng ký để nhận link dùng thử TruthGuard
             </a>
             <p class="text-sm opacity-80">
@@ -298,7 +328,7 @@ Vì vậy, tôi cho rằng AI không tước đoạt khả năng tư duy, mà đ
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                 <!-- Logo & Brand -->
                 <div class="md:col-span-1">
-                    <img src="https://truthguard.ai/assets/logo-official-white-torch.svg" alt="TruthGuard Logo" class="h-12 mb-4">
                     <p class="text-gray-400 text-sm">
                         TruthGuard – Công cụ hỗ trợ viết học thuật đáng tin cậy, thông minh và công bằng.
                     </p>

             object-fit: cover;
             border-radius: 0.5rem;
         }
+        .header-tagline {
+            background: linear-gradient(90deg, #8e2de2, #4a00e0);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+        }
     </style>
 </head>
 <body class="bg-gray-50 text-gray-800">
     <!-- Header Section -->
+    <header class="py-6 px-4 md:px-18">
+        <div class="container mx-auto flex items-center justify-between">
+            <div class="flex items-center">
+                <img src="https://huggingface.co/spaces/Hungtruthguard/truthguard-function2-explore/resolve/main/TruthGuard_logo_light.webp" alt="TruthGuard Logo" class="h-12 md:h-16">
+                <div class="ml-4 hidden md:block">
+                    <span class="header-tagline text-xl font-bold">Nâng tầm tư duy - Giữ chất riêng</span>
+                </div>
+            </div>
+            <div class="flex items-center space-x-4">
+                <a href="#" class="hidden md:inline-block text-purple-900 hover:text-purple-700 font-medium">Trang chủ</a>
+                <a href="#" class="hidden md:inline-block text-gray-600 hover:text-purple-700 font-medium">Tính năng</a>
+                <a href="#" class="hidden md:inline-block text-gray-600 hover:text-purple-700 font-medium">Bảng giá</a>
+                <button class="bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg font-medium transition duration-300">
+                    <i class="fas fa-sign-in-alt mr-2"></i>Đăng nhập
+                </button>
+            </div>
         </div>
     </header>
 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.
+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. Nit 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 đó.
 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.
                 <!-- Benefit 1 -->
                 <div class="bg-gray-50 p-6 rounded-xl shadow-md feature-card transition duration-300">
                     <div class="flex justify-center mb-4">
+                        <img src="https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
                              alt="Gợi ý từng đoạn cụ thể"
                              class="h-40 w-full object-cover rounded-lg">
                     </div>
                     <h3 class="text-xl font-bold mb-3 text-purple-900">Gợi ý từng đoạn cụ thể</h3>
                     <p class="text-gray-600">
+                        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 với các ghi chú chi tiết bên lề.
                     </p>
+                    <div class="mt-4">
+                        <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"
+                             alt="Ví dụ gợi ý từng đoạn"
+                             class="w-full rounded-lg">
+                    </div>
                 </div>
                 <!-- Benefit 2 -->
                     </div>
                     <h3 class="text-xl font-bold mb-3 text-purple-900">Cải tiến tư duy & mạch lạc</h3>
                     <p class="text-gray-600">
+                        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ẽ và liên kết ý tưởng xuyên suốt.
                     </p>
+                    <div class="mt-4">
+                        <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"
+                             alt="Sơ đồ tư duy mạch lạc"
+                             class="w-full rounded-lg">
+                    </div>
                 </div>
                 <!-- Benefit 3 -->
                     </div>
                     <h3 class="text-xl font-bold mb-3 text-purple-900">Giữ nguyên phong cách cá nhân</h3>
                     <p class="text-gray-600">
+                        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. TruthGuard phân tích và bảo tồn dấu ấn cá nhân trong từng câu chữ.
                     </p>
                 </div>
             </div>
                     <div class="flex items-center mb-4">
                         <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Nguyễn Thị Mai" class="w-12 h-12 rounded-full mr-4">
                         <div>
+                            <h4 class="font-bold">NT Mai</h4>
                             <p class="text-gray-500 text-sm">Sinh viên ĐH Kinh tế</p>
                         </div>
                     </div>
                     <div class="flex items-center mb-4">
                         <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">
                         <div>
+                            <h4 class="font-bold">TV Nam</h4>
                             <p class="text-gray-500 text-sm">Nghiên cứu sinh</p>
                         </div>
                     </div>
                     <div class="flex items-center mb-4">
                         <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Lê Thị Hương" class="w-12 h-12 rounded-full mr-4">
                         <div>
+                            <h4 class="font-bold">LT Hương</h4>
                             <p class="text-gray-500 text-sm">Giáo viên THPT</p>
                         </div>
                     </div>
                      alt="Người đang làm việc với TruthGuard"
                      class="mx-auto rounded-xl shadow-xl max-w-2xl w-full">
             </div>
+            <a href="https://docs.google.com/forms/d/e/1FAIpQLScBnCLola2GSQrscHwOUa2NMIEtLQM2gO8eCbf2hBIOp88SLw/viewform?usp=sharing" 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">
                 🔥 Đăng ký để nhận link dùng thử TruthGuard
             </a>
             <p class="text-sm opacity-80">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                 <!-- Logo & Brand -->
                 <div class="md:col-span-1">
+                    <img src="https://huggingface.co/spaces/Hungtruthguard/truthguard-function2-explore/resolve/main/TruthGuard_logo_light.webp" alt="TruthGuard Logo" class="h-12 mb-4">
                     <p class="text-gray-400 text-sm">
                         TruthGuard – Công cụ hỗ trợ viết học thuật đáng tin cậy, thông minh và công bằng.
                     </p>

prompts.txt CHANGED Viewed

	@@ -1 +1,3 @@
1	- Hãy bổ sung hình ảnh phù hợp vào web cho đẹp và hấp dẫn

+Hãy bổ sung hình ảnh phù hợp vào web cho đẹp và hấp dẫn
+thiếu 2 hình ở mục "Gợi ý từng đoạn cụ thể" và "Cải tiến tư duy & mạch lạc" và nên bổ sung nội dung phù hợp không gian bên phải logo vì đang trống trơn
+1) tôi muốn logo ở header lớn hơn logo hiên tại 50%, 2) có sự lựa chọn tiếng Anh và tiếng Việt, nếu người dùng chọn ngôn ngữ nào thì thể hiện toàn bộ web sang ngôn ngữ đó một cách chính xác