Demo online

Danh sách thành viên:
Nguyễn Văn Quỳnh
Nguyễn Hữu Nhật
Nguyễn Nhật  Quang
Đỗ Trọng Chi

Chí tiết Chức Năng Website Du Lịch Tâm An Soul Land

1. Trang chủ (Homepage)

• Hero section: ảnh nền lớn (cảnh đẹp, tour hot), overlay mờ, text slogan.
  
  
  
  
• Thanh tìm kiếm tour (form search giữ nguyên logic): điểm đi, điểm đến, ngày khởi hành, số khách.
• Flash Sale: banner + đếm ngược thời gian.
• Điểm đến hot (Hot Destinations): dạng lưới/mosaic.
• Tour nổi bật: thẻ tour có ảnh, giá, lịch khởi hành, wishlist.
• Lịch sắp khởi hành: hiển thị tour sắp diễn ra trong 7–30 ngày tới.
• Blog/Kinh nghiệm: bài viết chia sẻ, review hành trình.
• Video highlight: review địa danh, clip trải nghiệm.
• Nút nổi: back-to-top, chat trực tuyến (Zalo/Messenger).
• SEO JSON-LD: dữ liệu cấu trúc cho tour, bài viết.

Trang Blog

2. Chức năng đặt tour

• Chi tiết tour: hình ảnh, lịch trình, giá, khuyến mãi, số chỗ còn.
• Lịch khởi hành: ngày cụ thể để khách chọn.
• Đặt ngay (Booking): form thông tin, chọn số lượng, phương thức thanh toán QR.
• Wishlist (Yêu thích): lưu tour vào LocalStorage cho khách xem lại.
  
  
  
  
  

3. Quản lý khách hàng

• Đăng nhập/Đăng ký: tài khoản khách hàng.
• Lịch sử đặt tour: đơn đã đặt, trạng thái thanh toán.

4. Ưu đãi & khuyến mãi

• Flash sale: giảm giá theo giờ/ngày.
• Mã giảm giá (Coupon): nhập code để giảm giá.
• Combo tour + dịch vụ: vé máy bay, khách sạn, spa, đưa đón.
• Điểm thưởng đổi quà: ví dụ 2.000.000 điểm = 100k.

5. Nội dung & truyền thông

• Blog/kinh nghiệm du lịch: hướng dẫn, mẹo vặt, review.
• Video & hình ảnh UGC: ảnh/video từ khách hàng.
• Mạng xã hội: liên kết Facebook, TikTok, Instagram.
• Newsletter: đăng ký nhận tin khuyến mãi.

6. Quản trị (Back-office)

• Quản lý tour: CRUD tour, giá, ảnh, lịch khởi hành.
• Quản lý booking: đơn đặt, thanh toán, xác nhận.
• Quản lý khách hàng: hồ sơ, điểm thưởng, hạng thành viên.
• Quản lý blog/bài viết: soạn thảo, xuất bản, SEO.
• Thống kê: doanh thu, tour hot, khách hàng thân thiết.
  
  
  
  

7. Công nghệ & giao diện

• Frontend: Bootstrap 5, jQuery, FontAwesome, custom CSS/JS.
• UI/UX: theme neon + hiện đại, nền đen tuỳ chỉnh.
• Responsive: PC, tablet, mobile.
• SEO & tốc độ: tối ưu tốc độ tải, lazy load ảnh, schema markup.

8. Tính năng mở rộng tương lai

• AI gợi ý tour theo hành vi khách.
• Chatbot tư vấn (FAQ, hỗ trợ booking).
• Thanh toán đa kênh: thẻ, ví điện tử, QR code.
• Ứng dụng mobile đồng bộ tài khoản và wishlist.
• Cộng đồng (forum/group): chia sẻ kinh nghiệm du lịch.