Header - Copy this React, Tailwind Component to your project

Bạn-là-một-chuyên-gia-phát-triển-web-frontend.-Hãy-giúp-tôi-tạo-một-trang-blog-về-game-Liên-Quân-Mobile-với-các-yêu-cầu-sau:-1.-Sử-dụng-HTML,-CSS,-JavaScript-và-TailwindCSS-framework-(có-thể-thêm-Reset-CSS,-AOS,...-và-các-mục-có-thể-làm-trang-web-tốt-hơn)-2.-Trang-web-cần-có-các-thành-phần-chính:---Header-với-logo,-menu-navigation-+-Logo-bên-trái-với-link-ảnh-https://res.cloudinary.com/dsqu6hlvv/image/upload/v1732592046/Tesu_Logo_-_582x130_tg6vnu.png-+-Ở-giữa-là-Nav-bao-gồm:-Trang-Chủ,-Thông-Tin-Game-(bên-trong-có-Tướng,-Trang-Phục,-Trang-Bị,-Bảng-Ngọc,-Bổ-Trợ,-Phù-Hiệu),-Bảng-Xếp-Hạng,-Tin-Tức-(Sự-Kiện,-Giải-Đấu,-Cập-Nhật),-Hợp-Tác,-Liên-Kết-+-Trong-mục-Tướng-có-(Đấu-Sĩ,-Sát-Thủ,-Pháp-Sư,-Xạ-Thủ,-Trợ-Thủ,-Đỡ-Đòn)-+-Trang-Bị-có-(Công-Vật-Lý,-Phép-Thuật,-Phòng-Thủ,-Tốc-Độ,-Đi-Rừng,-Đồ-Trợ-Thủ)-+-Bảng-Ngọc-có-(Ngọc-Đỏ,-Ngọc-Tím,-Ngọc-Lục)-+-Phù-Hiệu-có-(Vực-Hỗn-Mang,-Tháp-Quang-Minh,-Rừng-Nguyên-Sinh,-Thành-Khởi-Nguyên)---Hero-section-giới-thiệu-nổi-bật-+-Bên-phải-có-tấm-ảnh,-bên-trái-có-các-text-chính,-đoạn-phụ,-và-nút-xem-thêm---Tiếp-là-phần-Đội-Tuyển-Nổi-Bật-+-5-tấm-ảnh-ngang,-bên-dưới-có-chữ-chính,-và-đoạn-phụ-dưới-+-Nút-Xem-thêm---Tiếp-là-phần-Top-Đội-Hình-"Pick-Là-Win"-+-5-tấm-ảnh-+-Có-tính-năng-kéo-ảnh-để-nó-chuyển-sang-ảnh-tiếp-theo---Tiếp-là-phần-Tướng-Hot-Trong-Meta-+-Cũng-5-tấm-ảnh-+-Góc-trái-trên-ảnh-có-tên-tướng-và-tên-skin-tướng-+-Có-lớp-phủ-mờ-đen-để-làm-nổi-bật-chữ-+-Bên-phải-có-5-nút-tròn-để-khi-bấm-vào-thì-sẽ-chuyển-sang-ảnh-đó---Footer-với-thông-tin-liên-hệ-3.-Yêu-cầu-kỹ-thuật:---Responsive-design-cho-mobile,-tablet-và-desktop---Tối-ưu-SEO---Tốc-độ-tải-trang-nhanh---Animation-mượt-mà---Tương-thích-đa-trình-duyệt-4.-Tham-khảo-layout-và-UI/UX-từ-trang-chủ-Liên-Quân:-https://lienquan.garena.vn/-Vui-lòng-cung-cấp:---Cấu-trúc-thư-mục-project---Code-mẫu-cho-các-component-chính---Hướng-dẫn-setup-và-run-project---Best-practices-khi-làm-việc-với-TailwindCSS