Data Analyst Portfolio - Copy this React, Tailwind Component to your project
Thiết kế một website portfolio hiện đại theo phong cách Glassmorphism dành cho một chuyên gia phân tích dữ liệu (Data Analyst), với tông màu chủ đạo là #00224D (xanh đậm), #5D0E41 (tím đậm), và #FF204E (đỏ nổi bật). Website sẽ có bố cục tương tự hình ảnh demo cung cấp, nhưng điều chỉnh để phù hợp với lĩnh vực phân tích dữ liệu. Trang chính (Home page): Sử dụng một hình ảnh toàn màn hình làm background với hiệu ứng mờ nhẹ để tạo chiều sâu. Văn bản tiêu đề nổi bật, dễ đọc, với dòng giới thiệu về nghề nghiệp Data Analyst. Áp dụng màu trắng sáng hoặc màu xanh nhạt cho văn bản chính để tương phản tốt với nền tối. Dự án (Projects): Hiển thị các thẻ dự án theo phong cách Glassmorphism, mỗi thẻ có hình ảnh đại diện của dự án (ví dụ: biểu đồ, dashboard) và một mô tả ngắn. Các thẻ này sẽ có nền mờ và đổ bóng nhẹ để tạo cảm giác 3D. Giới thiệu (About) và Kỹ năng (Skills): Thiết kế tương tự phần "Discover the World" trong ảnh tham khảo, với một dòng tiêu đề lớn và rõ ràng. Phần kỹ năng sẽ hiển thị các kỹ năng quan trọng của một Data Analyst (ví dụ: Python, SQL, Machine Learning) cùng với các biểu tượng hoặc biểu đồ để minh họa. Hiệu ứng Glassmorphism: Tất cả các hộp thẻ (cards), nút bấm, và các trường nhập liệu trên trang web đều có hiệu ứng nền kính mờ (opacity) và đổ bóng nhẹ (drop shadow), tạo hiệu ứng trong suốt nhưng vẫn sắc nét và nổi bật. Màu sắc: #00224D làm nền chính của toàn bộ website, mang lại cảm giác chuyên nghiệp và mạnh mẽ. #5D0E41 dùng cho các tiêu đề và các chi tiết quan trọng khác. #FF204E sử dụng để nhấn mạnh các nút Call to Action (CTA) và các yếu tố quan trọng. Video hoặc biểu đồ: Có một phần hiển thị video hoặc biểu đồ trực quan với các dữ liệu quan trọng, sử dụng bố cục tương tự phần "Watch the Video" trong hình tham khảo. Font chữ: Sử dụng font Montserrat hoặc Roboto, phù hợp với phong cách hiện đại và dễ đọc. Tính responsive: Website phải tương thích với mọi loại thiết bị, từ desktop cho tới mobile, và các hiệu ứng Glassmorphism cần được tối ưu hóa cho các màn hình nhỏ hơn.
