🎉 Festival Landing Page

Landing page giới thiệu lễ hội tại cố đô Huế với thiết kế hiện đại, hiệu ứng mượt mà và tương tác trực quan.
Người xem có thể khám phá không khí lễ hội, chiêm ngưỡng hình ảnh nghệ thuật, tìm hiểu văn hóa ẩm thực, làng nghề truyền thống và tham quan các địa danh nổi bật trên bản đồ trực tiếp.

🌟 Giới thiệu

Huế – vùng đất của di sản văn hóa thế giới – từ lâu đã trở thành điểm đến hấp dẫn du khách trong và ngoài nước. Lễ hội được tổ chức nhằm tôn vinh giá trị văn hóa, nghệ thuật truyền thống, đồng thời giới thiệu nét đẹp con người và thiên nhiên nơi đây.
Landing page này được thiết kế để truyền tải trọn vẹn không khí lễ hội, giúp du khách dễ dàng tìm kiếm thông tin và trải nghiệm trước khi đến Huế.

🎭 Nghệ thuật

Lễ hội quy tụ nhiều chương trình nghệ thuật đặc sắc:

• Múa cung đình Huế tái hiện không gian hoàng cung xưa.
• Trình diễn âm nhạc dân tộc kết hợp với nhạc cụ truyền thống.
• Biểu diễn áo dài và trang phục truyền thống.
• Các tiết mục nghệ thuật đường phố sôi động, kết hợp ánh sáng và âm thanh hiện đại.

🍜 Ẩm thực & Làng nghề

Huế nổi tiếng với nền ẩm thực phong phú và tinh tế:

• Bún bò Huế, bánh bèo, bánh nậm, bánh lọc.
• Chè Huế với hàng chục loại hương vị.
• Các món cung đình mang đậm dấu ấn hoàng gia.

Ngoài ra, du khách có thể trải nghiệm làng nghề truyền thống:

• Làng nón lá Phủ Cam.
• Làng hương Thủy Xuân.
• Làng gốm Phước Tích.
• Nghề thêu tay cung đình.

🏛️ Địa danh

Landing page tích hợp bản đồ tương tác, giúp bạn khám phá các điểm đến nổi bật:

• Đại Nội Huế – trung tâm quyền lực của triều Nguyễn.
• Chùa Thiên Mụ – ngôi chùa cổ kính bên dòng Hương Giang.
• Cung An Định – cung điện mang kiến trúc giao thoa Á – Âu.
• Cầu Trường Tiền – biểu tượng gắn liền với thành phố Huế.
• Đồi Vọng Cảnh – điểm ngắm toàn cảnh thành phố.
• Lăng Tự Đức – lăng tẩm uy nghiêm giữa rừng thông.

🚀 Công nghệ sử dụng

• Next.js 14 – Framework React tối ưu SEO và hiệu suất.
• React 18 – Thư viện xây dựng giao diện người dùng linh hoạt.
• Tailwind CSS + tailwindcss-animate – Thiết kế responsive nhanh chóng, kèm hiệu ứng CSS.
• Framer Motion / motion – Hiệu ứng chuyển động tinh tế.
• AOS – Animation khi cuộn trang.
• Lucide React – Bộ icon tối giản, đẹp mắt.
• Radix UI – Thành phần UI accessible (Dialog, Avatar, Slot).
• Leaflet + React Leaflet – Bản đồ tương tác.
• Lenis – Smooth scrolling mượt mà.
• clsx + tailwind-merge – Tối ưu className.

📸 Demo

🔗 Xem demo tại: Hue Festival