Hotel Search Module
Complete hotel search and booking component library with modular, reusable components
Complete Widgets
HotelSearchWidget
ResponsiveHotelWidget
Search Components
SearchForm
RoomSearchBar
GuestPicker
Hotel Display Components
HotelCard
Đang bán chạy-24%Melia Hồ Tràm Beach Resort
9.7Tuyệt Hảo24 đánh giá
1 đường hoàng liên, Thị trấn Sapa
Nội bật tại khách sạn: Hồ bơi vô cực, Bãi biển riêng, Thang máy, Mái khai trường, Đang bán chạy, Hiện đại, Sống ảo, Nhìn ra núi
ImageGallery
HotelInfoSection
Melia Hồ Tràm Beach Resort
1 đường hoàng liên, Thị trấn Sapa
Tiện nghi
Wi-Fi miễn phí
Hồ bơi ngoài trời
Bãi biển riêng
Nhà hàng
Quầy bar
Spa & massage
Phòng gym
Room Components
RoomCard
Phòng
Superior Twin - Flexible
Tối đa:3 2
Tiêu chuẩn:3 1
1 Giường đôi 100cm x 200cm
35 m2
Hướng ra biển
Lợi ích khi đặt phòng:
Bữa sáng miễn phí
Wi-Fi miễn phí
Đậu xe miễn phí
Các ưu đãi/điều kiện khác:
Miễn phí hủy phòng trước 14:00 ngày 10/01/2024
Tổng giá
4 đêm
2 Người lớn & 1 trẻ em
1.200.000 đ34%
790.000 đ
Đã bao gồm thuế & phí
RoomInfo
Tối đa:3 2
Tiêu chuẩn:3 1
1 Giường đôi 100cm x 200cm
35 m2
Hướng ra biển
RoomServices
Lợi ích khi đặt phòng:
Bữa sáng miễn phí
Wi-Fi miễn phí
Đậu xe miễn phí
Các ưu đãi/điều kiện khác:
Miễn phí hủy phòng trước 14:00 ngày 10/01/2024
RoomPriceInfo
Tổng giá
4 đêm
2 Người lớn & 1 trẻ em
1.200.000 đ34%
790.000 đ
Đã bao gồm thuế & phí
Booking Form Components
GuestInfoForm
Thông tin khách
Khách 1 (Khách chính)
ContactInfoForm
Thông tin liên hệ
Thông tin xác nhận đặt phòng sẽ được gửi đến email và số điện thoại này
PriceBreakdown
Chi tiết giá
Superior Twin x 3 đêm x 1 phòng
5.790.000 đ
Thuế VAT (8%)
463.200 đ
Phí dịch vụ (5%)
289.500 đ
Tổng cộng6.542.700 đ
BookingSummary
Thông tin đặt phòng
Melia Hồ Tràm Beach Resort
Superior Twin - Flexible
Tối đa 2 người
1 giường twin
Nhận phòng
11/01/2024
Trả phòng
14/01/2024
3 đêm
2 khách · 1 phòng
Chi tiết giá
Superior Twin - Flexible x 3 đêm x 1 phòng
2.370.000 đ
Thuế VAT (8%)
189.600 đ
Phí dịch vụ (5%)
118.500 đ
Tổng cộng2.678.100 đ
Complete View Components
HotelDetail
Melia Hồ Tràm Beach Resort
1 đường hoàng liên, Thị trấn Sapa
Tiện nghi
Wi-Fi miễn phí
Hồ bơi ngoài trời
Bãi biển riêng
Nhà hàng
Quầy bar
Spa & massage
Phòng gym
Phòng
Superior Twin - Flexible
Tối đa:3 2
Tiêu chuẩn:3 1
1 Giường đôi 100cm x 200cm
35 m2
Hướng ra biển
Lợi ích khi đặt phòng:
Bữa sáng miễn phí
Wi-Fi miễn phí
Đậu xe miễn phí
Các ưu đãi/điều kiện khác:
Miễn phí hủy phòng trước 14:00 ngày 10/01/2024
Tổng giá
4 đêm
2 Người lớn & 1 trẻ em
1.200.000 đ34%
790.000 đ
Đã bao gồm thuế & phí
Phòng
Family Room City View 4 Pax
Tối đa:3 2
Tiêu chuẩn:3 1
1 Giường đôi 100cm x 200cm
45 m2
Hướng ra biển
Lợi ích khi đặt phòng:
Bữa sáng miễn phí
Wi-Fi miễn phí
Các ưu đãi/điều kiện khác:
Hủy phòng mất phí 500.000đ
Tổng giá
4 đêm
2 Người lớn & 1 trẻ em
2.000.000 đ25%
1.500.000 đ
Đã bao gồm thuế & phí
BookingForm
Thông tin đặt phòng
Thông tin đặt phòng
Melia Hồ Tràm Beach Resort
Superior Twin - Flexible
Tối đa 2 người
1 giường twin
Nhận phòng
11/01/2024
Trả phòng
14/01/2024
3 đêm
2 khách · 1 phòng
Chi tiết giá
Superior Twin - Flexible x 3 đêm x 1 phòng
2.370.000 đ
Thuế VAT (8%)
189.600 đ
Phí dịch vụ (5%)
118.500 đ
Tổng cộng2.678.100 đ
BookingConfirmation
Đặt phòng thành công!
Mã đặt phòng của bạn là: HSB12345678
Chúng tôi đã gửi xác nhận đến email example@email.com
Thông tin khách sạn
Melia Hồ Tràm Beach Resort
1 đường hoàng liên, Thị trấn Sapa
Chi tiết đặt phòng
Loại phòng:Superior Twin - Flexible
Số phòng:1 phòng
Nhận phòng:2024-01-11
Trả phòng:2024-01-14
Số đêm:3 đêm
Số khách:2 người lớn
Thông tin khách hàng
Khách chính:Mr Nguyễn Văn A
Thông tin liên hệ
Email: example@email.com
Điện thoại: +84 987654321
Chi tiết thanh toán
Giá phòng (3 đêm × 1 phòng)NaN đ
Thuế và phíNaN đ
Phí dịch vụNaN đ
Tổng thanh toánNaN đ
Lưu ý quan trọng
- Vui lòng mang theo CMND/Hộ chiếu khi nhận phòng
- Giờ nhận phòng: 14:00 | Giờ trả phòng: 12:00
- Liên hệ khách sạn trực tiếp để thay đổi hoặc hủy đặt phòng
- Kiểm tra chính sách hủy phòng trong email xác nhận
Features & Integration
Key Features
- Complete booking flow: Search → List → Detail → Booking → Confirmation
- Modular, reusable components for custom implementations
- Advanced filters (price, rating, amenities, property type)
- Image galleries with thumbnail selection
- Guest information and contact forms
- Price breakdown with taxes and fees
- Responsive design for all devices
- TypeScript support with full type definitions
Component Architecture
The module is split into small, function-specific components that can be used independently or combined:
- Complete Widgets: Full-featured components for quick integration
- View Components: Complete views for detail, booking, and confirmation pages
- Form Components: Reusable forms for guest and contact information
- Display Components: Cards, galleries, and info sections
- Utility Components: Price breakdowns, summaries, and search bars
Integration Examples
Embed Page:
/embed/hotel-searchDemo with Examples:
/hotel-demo💡 Tip:
Visit /hotel-demo to see the full hotel search experience with embedded iframe example.