Điều kiện giao dịch chung

<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Giải pháp AI Server cho doanh nghiệp | Tư vấn & lắp đặt trọn gói</title>
<meta name="description" content="Tư vấn, thiết kế và lắp đặt AI Server theo đúng nhu cầu doanh nghiệp. Cấu hình GPU tối ưu, demo & benchmark thực tế.">

<style>
/* CSS Cơ bản cho Landing Page AI Server */
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background-color: #f8f9fa; color: #333; line-height: 1.6; }
.lp-container { max-width: 1000px; margin: 0 auto; padding: 0 15px; }
section { padding: 40px 0; border-bottom: 1px solid #eee; }
h1, h2, h3 { color: #007bff; /* Màu chủ đạo: Xanh */ }

/* Hero Section */
.hero-section { background-color: #e9ecef; padding: 60px 0; text-align: center; }
.hero-section h1 { font-size: 2.5em; margin-bottom: 10px; }

/* CTA Styles */
.hero-cta { background: #007bff; color: #fff !important; padding: 15px 30px; border-radius: 5px; text-decoration: none; font-weight: bold; font-size: 1.2em; display: inline-block; margin-top: 15px; transition: background-color 0.3s; border: none; cursor: pointer; }
.hero-cta:hover { background-color: #0056b3; }

.btn-submit-final { background-color: #28a745; /* CTA màu phụ: Xanh lá */ color: #fff !important; padding: 12px 25px; border: none; border-radius: 5px; font-size: 1.1em; cursor: pointer; transition: background-color 0.3s; }
.btn-submit-final:hover { background-color: #1e7e34; }

/* General Sections */
.pain-point, .solution, .use-case, .config-ref, .trust-section, .faq-section { margin-top: 20px; }

/* Lists */
.pain-point ul, .solution ol, .use-case ul, .trust-section ul, .roi-section ul, .demo-proof ul { list-style-type: none; padding-left: 0; }
.pain-point li::before { content: "❌"; margin-right: 10px; font-weight: bold; color: #dc3545; }
.solution li::before { content: "✅"; margin-right: 10px; font-weight: bold; color: #28a745; }
.trust-section li::before { content: "✅"; margin-right: 10px; font-weight: bold; color: #28aa25; }
.roi-section li::before, .demo-proof li::before { content: "💡"; margin-right: 10px; font-weight: bold; color: #f39c12; }

/* Config Boxes */
.config-box { border: 1px solid #ddd; padding: 20px; border-radius: 8px; margin-bottom: 15px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.config-box h4 { margin-top: 0; color: #28a745; }

/* Forms */
.form-container { background-color: #f0f8ff; padding: 30px; border-radius: 8px; margin-top: 30px; }
.form-control { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.short-form-cta { margin-top: 25px; background-color: #fff; padding: 20px; border: 2px dashed #007bff; border-radius: 8px; max-width: 400px; margin-left: auto; margin-right: auto; }

/* FAQ */
.faq-section details { background: #fff; border: 1px solid #eee; padding: 10px; margin-bottom: 10px; border-radius: 4px; }
.faq-section summary { font-weight: bold; cursor: pointer; color: #007bff; }

/* Internal Link */
.internal-link { color: #007bff; text-decoration: underline; font-weight: 500;}

/* Image Placeholder */
.image-placeholder {
background-color: #f0f0f0;
border: 1px dashed #ccc;
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
border-radius: 8px;
text-align: center;
color: #777;
font-style: italic;
overflow: hidden;
position: relative;
}
.image-placeholder img {
width: 100%;
height: auto;
display: block;
}
</style>
</head>
<body>

<div class="lp-container">

<section class="hero-section">
<h1 class="headline-h1">Giải Pháp AI Server Cho Doanh Nghiệp Việt</h1>
<p class="subheadline">
**Tư Vấn Đúng Nhu Cầu – Cấu Hình Chuẩn – Triển Khai Trọn Gói**
<br>
Chúng tôi giúp doanh nghiệp xây dựng hạ tầng AI hiệu quả, từ GPU Server cho AI nhỏ đến AI Server chuyên sâu cho doanh nghiệp & nhà máy, phù hợp ngân sách và mục tiêu thực tế.
</p>

<div class="short-form-cta">
<h3>Nhận tư vấn AI Server miễn phí (30 phút)</h3>
<form id="shortForm">
<input type="text" class="form-control" id="short_name" placeholder="Tên Công ty *" required>
<input type="text" class="form-control" id="short_industry" placeholder="Ngành nghề *" required>
<select class="form-control" id="short_demand">
<option value="">Nhu cầu AI (Chọn 1) *</option>
<option value="Training">Training (Huấn luyện Model)</option>
<option value="Inference">Inference (Triển khai ứng dụng)</option>
<option value="Chua_ro">Chưa rõ</option>
</select>
<input type="email" class="form-control" id="short_email" placeholder="Email *" required>
<input type="tel" class="form-control" id="short_tel" placeholder="Số điện thoại *" required>
<button type="button" class="hero-cta" onclick="submitShortForm()">Nhận tư vấn AI Server miễn phí</button>
</form>
</div>

</section>

<section class="pain-point">
<h2 class="text-center">90% doanh nghiệp mua AI Server sai ngay từ đầu</h2>
<div class="row">
<ul>
<li>❌ Mua server mạnh nhưng AI chạy vẫn chậm</li>
<li>❌ Nghe tư vấn theo thông số, không theo bài toán AI</li>
<li>❌ Đầu tư quá tay → chi phí cao, không tận dụng hết</li>
<li>❌ Không biết chọn <a href="#" class="internal-link">GPU, VRAM, TFLOPS thế nào là đủ</a></li>
<li>❌ Không có đội ngũ hỗ trợ triển khai & tối ưu</li>
</ul>
<p style="text-align: center;"><strong>AI Server không phải cứ mạnh là tốt – mà là đúng bài toán.</strong></p>
</div>
</section>

<section class="solution">
<h2 class="text-center">Chúng tôi không bán server – chúng tôi thiết kế giải pháp AI</h2>

<div class="image-placeholder" style="min-height: 150px; max-width: 800px;">
<p>Khung ảnh: Quy trình 4 bước tư vấn chuẩn</p>
</div>

<ol>
<li>**Phân tích nhu cầu AI thực tế:** (Ngành nghề – dữ liệu – mục tiêu)</li>
<li>**Thiết kế cấu hình AI Server phù hợp:** (GPU – VRAM – RAM – Storage – Network)</li>
<li>**Triển khai & test thực tế:** (Benchmark, demo AI)</li>
<li>**Hỗ trợ vận hành & nâng cấp lâu dài**</li>
</ol>
</section>

<section class="use-case">
<h2 class="text-center">AI Server theo bài toán & mục tiêu triển khai</h2>
<div class="row">
<div class="config-box">
<h3 style="color: #007bff;">🔹 AI Server cho Training</h3>
<p>Huấn luyện model AI, Deep Learning, LLM. Yêu cầu GPU nhiều VRAM, hiệu năng cao.</p>
<p>Phù hợp: AI team, R&D, startup AI.</p>
</div>
<div class="config-box">
<h3 style="color: #28a745;">🔹 AI Server cho Inference</h3>
<p>Chạy AI phục vụ hệ thống nội bộ / sản phẩm. Tối ưu chi phí – hiệu năng ổn định, độ trễ thấp.</p>
<p>Phù hợp: doanh nghiệp triển khai AI thực tế.</p>
</div>
<div class="config-box">
<h3 style="color: #dc3545;">🔹 AI Server xử lý hình ảnh (Computer Vision)</h3>
<p>Nhận diện khuôn mặt, kiểm lỗi sản phẩm. Xử lý realtime, độ trễ cực thấp.</p>
<p>Phù hợp: nhà máy, y tế, camera AI.</p>
</div>
</div>
</section>

<section class="industry-case">
<h2 class="text-center">Các ngành chúng tôi đã tư vấn & triển khai</h2>
<p class="text-center">Mỗi ngành có cấu hình & chiến lược khác nhau.</p>
<ul>
<li>**Sản xuất – Nhà máy** (Computer Vision, Kiểm soát chất lượng QC)</li>
<li>**Y tế** (Xử lý hình ảnh y khoa, Chẩn đoán)</li>
<li>**Tài chính** (Phát hiện gian lận, Mô hình rủi ro)</li>
<li>**Thiết kế – Media** (AI xử lý hình ảnh/video, Render)</li>
<li>**Giáo dục – EdTech**</li>
<li>**Startup AI & SaaS**</li>
</ul>
<p style="text-align: center;"><a href="#" class="internal-link">Xem Case study AI Server chi tiết</a></p>
</section>

<section class="config-ref">
<h2 class="text-center">Cấu Hình AI Server Tham Khảo</h2>
<p style="text-align: center; color: #dc3545;">⚠️ Lưu ý: Đây chỉ là cấu hình tham khảo – Cấu hình thực tế sẽ được thiết kế riêng cho từng doanh nghiệp.</p>
<div class="row">
<div class="config-box">
<h4>AI Server Entry (Inference / AI nhỏ)</h4>
<ul>
<li>GPU: RTX 4000 / RTX 6000 Ada</li>
<li>VRAM: 16–48GB</li>
<li>Phù hợp: AI nội bộ, demo, POC</li>
</ul>
</div>
<div class="config-box">
<h4>AI Server Advanced (Training - Cấp Doanh Nghiệp)</h4>
<ul>
<li>GPU: A100 / H100 (x2/x4/x8)</li>
<li>VRAM: 80GB+ (Tổng cộng)</li>
<li>Phù hợp: Training model lớn, LLM, R&D chuyên sâu</li>
</ul>
</div>
</div>
</section>

<section class="roi-section">
<h2 class="text-center">Đầu tư AI Server có đáng không?</h2>
<ul>
<li>💡 **Giảm chi phí dài hạn:** <a href="#" class="internal-link">So sánh thuê Cloud AI vs AI Server nội bộ</a> (Có lợi sau 12–36 tháng)</li>
<li>💡 **Bảo mật dữ liệu:** Dữ liệu nằm trong tầm kiểm soát doanh nghiệp.</li>
<li>💡 **Chủ động vận hành:** Không phụ thuộc vào nhà cung cấp cloud.</li>
</ul>
<p class="text-align: center;">Chúng tôi chỉ tư vấn đầu tư khi có ROI (Lợi tức đầu tư) rõ ràng cho khách hàng.</p>
</section>

<section class="demo-proof">
<h2 class="text-center">Kiểm chứng Hiệu năng Thực tế</h2>
<div class="image-placeholder" style="max-width: 700px;">
<p>Khung ảnh: Biểu đồ Benchmark GPU / Demo AI thực tế</p>
</div>
<p>Chúng tôi hỗ trợ:</p>
<ul>
<li>💡 Demo AI thực tế trên server</li>
<li>💡 Benchmark GPU / workload AI của bạn</li>
<li>💡 Tối ưu cấu hình trước khi bàn giao</li>
</ul>
</section>

<section class="trust-section">
<h2 class="text-center">Quốc Đạt Computer – Chuyên gia giải pháp Máy chủ AI</h2>
<ul>
<li>✅ Đội ngũ kỹ thuật **am hiểu phần cứng và kỹ thuật máy chủ AI**.</li>
<li>✅ **Kinh nghiệm triển khai thực tế** cho các doanh nghiệp lớn/vừa tại Việt Nam.</li>
<li>✅ Giải pháp **tối ưu chi phí** và phù hợp ngân sách doanh nghiệp Việt.</li>
<li>✅ **Hỗ trợ lâu dài** – dễ dàng nâng cấp khi nhu cầu AI tăng cao.</li>
</ul>
</section>

<section class="final-cta">
<h2 class="text-center">Bạn chưa chắc có cần AI Server hay không?</h2>
<h3 class="text-center" style="color: #dc3545;">→ Hãy để chúng tôi giúp bạn trả lời.</h3>

<div class="form-container">
<h3 class="text-center">Đăng Ký Nhận Tư Vấn Chuyên Sâu & Báo Giá</h3>
<form id="finalForm">
<input type="text" class="form-control" id="final_name" placeholder="Họ tên *" required>
<input type="text" class="form-control" id="final_company" placeholder="Tên Công ty *" required>
<input type="email" class="form-control" id="final_email" placeholder="Email *" required>
<input type="tel" class="form-control" id="final_tel" placeholder="Số điện thoại *" required>
<textarea class="form-control" id="final_message" placeholder="Nhu cầu AI cụ thể (Ví dụ: Cần 2 GPU A100 80GB để huấn luyện mô hình X; Cần tư vấn tối ưu chi phí cloud AI...)" rows="3" required></textarea>
<div style="text-align: center; margin-top: 15px;">
<button type="button" class="btn-submit-final" onclick="submitFinalForm()">
🔵 Đăng ký tư vấn AI Server miễn phí
</button>
<button type="button" class="btn-submit-final" style="background-color: #f39c12; margin-left: 10px;" onclick="submitFinalForm()">
🟢 Yêu cầu báo giá & cấu hình đề xuất
</button>
</div>
</form>
</div>
</section>

<section class="faq-section">
<h2 class="text-center">FAQ – Câu hỏi thường gặp</h2>
<details>
<summary>AI Server là gì? Khác gì máy chủ thông thường?</summary>
<p>AI Server là máy chủ được tối ưu hóa đặc biệt với các GPU hiệu năng cao (như NVIDIA Tesla, A100, H100) và hệ thống làm mát/nguồn điện chuyên dụng để xử lý các tác vụ tính toán song song phức tạp của Trí tuệ Nhân tạo (AI), Deep Learning. Khác biệt chính nằm ở GPU và hạ tầng phần mềm tối ưu.</p>
</details>
<details>
<summary>Chi phí đầu tư AI Server khoảng bao nhiêu?</summary>
<p>Chi phí rất đa dạng, từ cấu hình Entry (AI nhỏ/Inference) chỉ vài chục triệu đồng, đến cấu hình Training chuyên sâu có thể lên đến hàng tỷ đồng. Chi phí phụ thuộc vào loại GPU (RTX, A-series, H-series), VRAM, và nhu cầu tính toán. <a href="#" class="internal-link">Tham khảo thêm về Chi phí đầu tư AI Server.</a></p>
</details>
<details>
<summary>Nên Thuê AI Server trên Cloud hay Mua Server nội bộ?</summary>
<p>Quyết định này phụ thuộc vào tần suất sử dụng, ngân sách và yêu cầu bảo mật. Nếu sử dụng liên tục (24/7) và có nhu cầu bảo mật dữ liệu cao, mua Server nội bộ thường có ROI tốt hơn về dài hạn (sau 1-3 năm). Nếu chỉ dùng đột xuất, cloud là lựa chọn linh hoạt hơn. <a href="#" class="internal-link">Đọc bài phân tích Thuê AI Server hay mua Server.</a></p>
</details>
</section>

</div>

<script>
// Hàm gửi form ngắn (Section 1)
function submitShortForm() {
var name = document.getElementById('short_name').value.trim();
var tel = document.getElementById('short_tel').value.trim();
var email = document.getElementById('short_email').value.trim();
var industry = document.getElementById('short_industry').value.trim();
var demand = document.getElementById('short_demand').value;

if (name.length < 2 || tel.length < 10 || email.length < 5 || email.indexOf('@') === -1 || industry.length < 2 || demand === "") {
alert("Vui lòng điền đầy đủ và chính xác thông tin bắt buộc.");
return false;
}

var message = "Tên Cty: " + name + "\nNgành: " + industry + "\nNhu cầu: " + demand + "\n(Lead từ Form Ngắn)";

// THAY THẾ BẰNG Hura.Ajax.post THỰC TẾ
// var params = { action_type: "contact", type: "short_lp", info: { name: name, email: email, tel: tel, title: 'Lead AI LP - Form Ngắn', message: message } };
// Hura.Ajax.post('customer', params).then(handleSuccess).catch(handleError);

alert("Đăng ký tư vấn thành công! Chúng tôi sẽ liên hệ với bạn sớm nhất.");
document.getElementById('shortForm').reset();
}

// Hàm gửi form cuối (Section 10)
function submitFinalForm() {
var name = document.getElementById('final_name').value.trim();
var company = document.getElementById('final_company').value.trim();
var email = document.getElementById('final_email').value.trim();
var tel = document.getElementById('final_tel').value.trim();
var message = document.getElementById('final_message').value.trim();

if (name.length < 2 || company.length < 2 || email.length < 5 || email.indexOf('@') === -1 || tel.length < 10 || message.length < 10) {
alert("Vui lòng điền đầy đủ và chi tiết thông tin bắt buộc để nhận tư vấn tốt nhất.");
return false;
}

var finalMessage = "Tên Cty: " + company + "\nNhu cầu chi tiết: " + message + "\n(Lead từ Form Cuối)";

// THAY THẾ BẰNG Hura.Ajax.post THỰC TẾ
// var params = { action_type: "contact", type: "final_lp", info: { name: name, email: email, tel: tel, title: 'Lead AI LP - Form Cuối', message: finalMessage } };
// Hura.Ajax.post('customer', params).then(handleSuccess).catch(handleError);

alert("Đăng ký thành công! Chuyên viên sẽ liên hệ với bạn ngay để xây dựng cấu hình và báo giá.");
document.getElementById('finalForm').reset();
}
</script>
</body>
</html>