# Nhóm giới thiệu trọng tâm

## **1. Mục tiêu**

Đóng vai trò là "bộ mặt" của Landing Page, đây là khu vực đầu tiên người dùng nhìn thấy khi vừa truy cập. Mục tiêu của Hero Section là truyền tải thông điệp chính (Value Proposition) một cách mạnh mẽ nhất, thu hút sự chú ý ngay lập tức và thúc đẩy người dùng thực hiện hành động (Click nút, đăng ký).

## **2. Khi nào dùng?**

* Sử dụng ở vị trí trên cùng (Above the fold) của mọi trang Landing Page.
* Dùng khi bạn có một thông điệp ngắn gọn cần khẳng định thương hiệu.
* Dùng khi muốn kết hợp lời chào mời hấp dẫn với hình ảnh sản phẩm thực tế để tăng độ tin cậy.

## **3. Các bước thực hiện**

Truy cập menu Structure ở thanh công cụ bên trái, tìm nhóm Hero Sections và chọn một trong hai bố cục phổ biến:

* Bố cục Hero 1 (Căn giữa):

<figure><img src="/files/Byiu3riMuPnbgzLHhE2v" alt=""><figcaption></figcaption></figure>

* Thao tác: Kéo mẫu này vào đầu trang. Tập trung toàn bộ nội dung tiêu đề và mô tả vào chính giữa màn hình.
* Tùy chỉnh: Chọn hai nút bấm đối xứng phía dưới để gắn các hành động khác nhau (ví dụ: "Xem báo giá" và "Tư vấn ngay").
* Bố cục Hero 2 (Chia đôi):
  * Thao tác: Kéo mẫu này vào trang. Phần văn bản sẽ nằm bên trái và hình ảnh/đồ họa nằm bên phải.
  * Tùy chỉnh: Chọn khung hình ảnh bên phải để tải lên ảnh sản phẩm thực tế hoặc họa tiết trang trí mang bản sắc thương hiệu.

## **4. Lưu ý quan trọng**

* Thông điệp ngắn gọn: Đừng cố nhồi nhét quá nhiều chữ vào Hero Section. Hãy giữ cho tiêu đề thật súc tích và nổi bật.
* Chất lượng hình ảnh: Vì đây là phần đầu tiên đập vào mắt khách hàng, hãy sử dụng hình ảnh chất lượng cao và có độ tương phản tốt với màu chữ.
* Tối ưu Mobile: Ở chế độ Mobile, bố cục Hero 2 (chia đôi) sẽ tự động chuyển thành xếp chồng (văn bản ở trên, ảnh ở dưới). Hãy kiểm tra lại kích thước chữ để đảm bảo tiêu đề vẫn giữ được sức hút trên màn hình nhỏ.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/khoi-tao-co-ban/cau-truc-co-san/nhom-gioi-thieu-trong-tam.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.