Catalog
Danh sách khóa học: search + filter (cấp lớp/trình độ) + sort + course cards (badge tuyển sinh, giá VND, mã khóa) + gợi ý theo persona + empty-state.
Catalog detail
Chi tiết khóa: hero giá + CTA học thử, mục tiêu, syllabus theo tuần, GV phụ trách, lịch lớp đang mở, FAQ, sticky CTA mobile.
About
Giới thiệu GV: câu chuyện, đội ngũ, số liệu thật (anti-fabrication, data-driven), chứng chỉ & chuyên môn.
Contact
Form liên hệ VN-realistic (họ tên / SĐT 10 số validate / email optional / lời nhắn) + nút Zalo (khi tenant có zaloUrl) + bản đồ + giờ làm việc.
Phạm vi kit: trang landing / đã có ở kit landing-personal (113/128). Kit này cover 4 trang public còn lại. Mỗi screen self-contained (HTML+CSS+vanilla JS), tái dùng token block + theme switcher + nav/footer pattern từ landing-personal để đồng bộ ngôn ngữ thiết kế.
Chi tiết persona, per-screen self-score, 4-layer pointers & cross-link xem README.md. Demo data nhất quán: cô Nguyễn Thị Hà · Toán · #2563EB · demo-trio thật.