# Sprint 8 — Bricks Builder Blueprint: AI Section

**Áp dụng cho:** Bricks Homepage Template
**CSS Module:** `ai-section.css` (đã enqueue)

---

## Cấu trúc Element Tree

```
Section (id: ai, class: ai-section)
├── Container (class: container section-header text-center)
│   ├── Div (class: section-tag reveal) → "GIẢI PHÁP AI"
│   ├── Heading (h2, class: section-title reveal)
│   │   → "Trải nghiệm <span class="accent">AI Agent</span> hỗ trợ kỹ thuật"
│   └── Text (class: section-desc reveal)
│       → "Công nghệ AI độc quyền từ PCTech..."
│
└── Container (class: container ai-grid)
    
    <!-- CỘT 1: FEATURES LIST -->
    ├── Div (class: ai-features stagger)
    │   ├── Div (class: ai-feat)
    │   │   ├── Div (class: ai-feat-icon) → "🤖"
    │   │   └── Div
    │   │       ├── Heading (h4) → Tự động chẩn đoán bệnh
    │   │       └── Text (p) → AI phân tích triệu chứng lỗi trong 3 giây.
    │   │
    │   ├── Div (class: ai-feat)
    │   │   ├── Div (class: ai-feat-icon) → "⚡"
    │   │   └── Div
    │   │       ├── Heading (h4) → Gợi ý cách tự khắc phục
    │   │       └── Text (p) → Đưa ra hướng dẫn chi tiết từng bước.
    │   │
    │   └── Div (class: ai-feat)
    │       ├── Div (class: ai-feat-icon) → "📅"
    │       └── Div
    │           ├── Heading (h4) → Đặt lịch tự động
    │           └── Text (p) → Kết nối thẳng với KTV gần nhất nếu không tự sửa được.
    │
    <!-- CỘT 2: VISUAL CARD -->
    └── Div (class: ai-visual reveal-scale)
        ├── Div (class: robot) → "🤖"
        ├── Heading (h3) → "PCTech AI Assistant"
        ├── Text (p) → "Luôn sẵn sàng hỗ trợ bạn 24/7"
        └── Link (class: btn btn-primary)
            → "Thử Trò Chuyện Với AI"
            href: #
            (Có thể gắn sự kiện mở Chatbot)
```

---

## Checklist
- [ ] CSS module `ai-section.css` đã load.
- [ ] Màu nền xanh lá nhạt (`--green-light`).
- [ ] Robot icon float lên xuống liên tục (hiệu ứng `animation: float` có sẵn trong css).
- [ ] Background của robot có hiệu ứng tỏa sáng (`::before` radial-gradient).
- [ ] Layout 2 cột đổi thành 1 cột trên mobile.