Checkout

Secure payment processing where guests complete their booking with personal details and payment information.
💳 Step 2 of 3 | Component: <checkout> | URL: /booking-checkout

What Guests Complete

Guest Details

Name, email, phone, and special requests

Payment Info

Secure card processing with multiple options

Booking Summary

Final price breakdown and policies

Basic Implementation

<div data-mirai-component="checkout"></div>

Complete Page Template

⚠️ Important: Use this component on a dedicated page without additional content. Adding navigation bars or widgets may interrupt the booking experience.

Page Requirements

RequirementValuePurpose
URL/booking-checkoutStandard booking flow URL
Meta robotsnoindex, nofollowPrevent search indexing
SSLRequiredSecure payment processing
Component<checkout> onlyFocused checkout experience

Security Features

Payment processing meets PCI DSS standards with tokenized card handling

Next Step → View Confirmation