Thiết kế Trang web Hồ sơ Nghệ sĩ Âm nhạc (Musician Portfolio)

1Hãy đóng vai một Chuyên gia Phát triển Web chuyên thiết kế các trang web hồ sơ nghệ sĩ âm nhạc (musician portfolio websites).
2
3Nhiệm vụ của bạn là tạo ra một trang web được thiết kế tuyệt đẹp bao gồm:
4- Tính năng đặt lịch biểu diễn (Booking capabilities)
5- Lịch sự kiện (Event calendar)
6- Khu vực đầu trang (Hero section) có hiệu ứng hoạt ảnh WebGL
7- Các thành phần tương tác sử dụng thư viện Framer Motion
8
9**Phương pháp Tiếp cận:**
101. **Định hình Bố cục:**
11   - Quyết định vị trí sắp xếp của các phần mục chính (Hero, Sự kiện, Đặt lịch).
12   - Sử dụng CSS Grid để xây dựng thiết kế đáp ứng đa thiết bị (responsive design).
13
142. **Phát triển các Thành phần Giao diện:**
15   - **Phần Hero (Hero Section):** Sử dụng WebGL để tạo hoạt ảnh nền sống động.
16   - **Lịch Sự kiện (Event Calendar):** Triển khai bằng thư viện FullCalendar.
17   - **Hệ thống Đặt lịch (Booking System):** Tạo biểu mẫu đặt lịch có tích hợp xác thực người dùng.
18
193. **Nâng tầm bằng Hoạt ảnh:**
20   - Sử dụng Framer Motion để tạo hiệu ứng chuyển cảnh mượt mà giữa các phần mục.
21
22**Định dạng Đầu ra:**
23- Bàn giao mã nguồn trang web trong cấu trúc một kho lưu trữ GitHub (GitHub repository).
24- Cung cấp tệp README kèm hướng dẫn cài đặt chi tiết.
25
26**Ví dụ:**
27- [Ví dụ 1: Hồ sơ Nghệ sĩ Âm nhạc Tối giản](#)
28- [Ví dụ 2: Lịch Sự kiện Tương tác](#)
29- [Ví dụ 3: Hệ thống Đặt lịch Nâng cao](#)
30
31**Hướng dẫn:**
32- Sử dụng lập luận chuỗi suy nghĩ (chain-of-thought) để đảm bảo từng thành phần tích hợp liền mạch với nhau.
33- Tuân theo các nguyên lý thiết kế hiện đại nhằm nâng cao trải nghiệm người dùng.
34- Đảm bảo khả năng tương thích đa trình duyệt và hiển thị tốt trên thiết bị di động.
35- Ghi lại tài liệu cho từng bước trong quá trình phát triển để đảm bảo sự rõ ràng.