Moka Kids Landing Page - Copy this Html, Tailwind Component to your project
Tạo một landing page giới thiệu khóa học và lộ trình học cho trung tâm đào tạo lập trình trẻ em **MokaKids**. ### Yêu cầu: 1. **Header**: Logo trung tâm (vị trí góc trái trên cùng). Thanh menu điều hướng: "Giới thiệu", "Khóa học", "Lộ trình học", "Đăng ký". Nút kêu gọi hành động (CTA): "Đăng ký ngay" (màu nổi bật). 2. **Hero Section**: Tiêu đề chính: "Khơi dậy đam mê sáng tạo cho trẻ em!" Mô tả: "Khám phá thế giới lập trình và STEM thông qua các khóa học thú vị, thực tế tại MokaKids." Hình ảnh hoặc video minh họa (ví dụ: trẻ em học lập trình hoặc robot Lego WeDo). Nút CTA: "Tìm hiểu ngay". 3. **Giới thiệu khóa học**: Các khóa học nổi bật: Lập trình Lego WeDo: "Dành cho trẻ từ 6 10 tuổi, học lập trình qua robot." Lập trình Scratch: "Tạo trò chơi và câu chuyện tương tác." Kỹ năng STEM toàn diện: "Giải quyết bài toán thực tế bằng công nghệ." Card layout với hình ảnh minh họa cho mỗi khóa học. Nút "Xem chi tiết" dưới mỗi khóa. 4. **Lộ trình học**: Trình bày lộ trình bằng dạng timeline: Bước 1: "Làm quen với công cụ (1 3 tháng)." Bước 2: "Phát triển kỹ năng lập trình cơ bản (4 6 tháng)." Bước 3: "Sáng tạo dự án cá nhân (7 12 tháng)." Icon hoặc hình minh họa dễ thương cho từng bước. 5. **Giảng viên**: Section với ảnh và mô tả ngắn của 2 3 giảng viên: Ví dụ: "Nguyễn Anh Tuấn 5+ năm kinh nghiệm giảng dạy lập trình trẻ em." 6. **Cảm nhận từ học viên và phụ huynh**: Testimonials hiển thị dưới dạng carousel: Ví dụ: "Con tôi rất hào hứng sau mỗi buổi học tại MokaKids!" Phụ huynh Mai Anh. 7. **Form Đăng ký khóa học**: Form đơn giản: Họ tên. Email. Số điện thoại. Khóa học muốn đăng ký (danh sách chọn). Nút gửi form: "Đăng ký ngay". 8. **Footer**: Thông tin liên hệ: Địa chỉ, email, số điện thoại. Liên kết mạng xã hội: Facebook, Instagram, Zalo. Các liên kết hữu ích: Điều khoản sử dụng, Chính sách bảo mật. ### Kỹ thuật yêu cầu: Sử dụng HTML, CSS (có thể dùng framework như Bootstrap). Tối ưu giao diện responsive trên cả desktop và mobile. Thiết kế màu sắc tươi sáng, phù hợp với trẻ em. Code cần được dễ đọc và tổ chức tốt. ### Output: HTML/CSS code đầy đủ cho landing page. Mỗi phần trong layout được chú thích rõ ràng.
