### **Booking Confirmation UI Design Template** #### **1. Header

لدي بعض الأفكار الجريئة. هل تريد الاستماع؟

إنشاء شخصية AI

إلغاء إنشاء

### **Booking Confirmation UI Design Template** #### **1. Header** - **Hotel Logo** (Top Left): Provides brand identity and assurance. - **Progress Indicator** (Top Center): "Home > Select Room > Payment > **Confirmation**" - Use checkmarks or a progress bar to show completion. #### **2. Hero Section** - **Background Image**: A high-quality image of the hotel or room booked. - **Confirmation Message** (Centered Over Image): - "Booking Confirmed!" - "We look forward to your stay with us." - **Booking Reference Number**: Display prominently below the confirmation message. - Example: "Your Booking ID: **12345678**" #### **3. Booking Details Section** - **Stay Information**: - **Hotel Name**: [Hotel Name Here] - **Address**: [Hotel Address] - **Dates**: - Check-in: [Date, Time] - Check-out: [Date, Time] - **Room Type**: [Deluxe Suite, Single Room, etc.] - **Number of Guests**: [Adults, Children] - **Cost Summary**: - **Room Rate**: [Price per Night] - **Taxes & Fees**: [Detailed Breakdown] - **Total Amount Paid**: [Total Price] - **Guest Information**: - **Primary Guest**: [Name] - **Contact Information**: [Email, Phone Number] - **Special Requests**: [Late Check-in, Allergies, etc.] #### **4. Payment Details Section** - **Payment Method**: - **Credit Card Type**: [Visa, MasterCard, etc.] - **Last 4 Digits**: [**** **** **** 1234] - **Billing Address**: [If different from home address] - **Total Charged**: [Total Amount Paid] #### **5. Next Steps Section** - **Action Buttons**: - **Print Confirmation**: [Download as PDF or Print Button] - **Manage Booking**: [Link to modify or cancel the booking] - **View Receipt**: [Link to detailed payment receipt] - **Call to Action**: - "Add to Calendar" (Button): Link to add check-in/check-out dates to Google/Outlook calendar. #### **6. Additional Information Section** - **Need Help?**: - Customer Support: [Phone Number, Email, Chat Link] - **Hotel Policies**:

T

Thanuja Niranjani

متابعة

ريمكس

ريمكس

كلمة التلميح

نسخ

### **Booking Confirmation UI Design Template** #### **1 . Header** - **Hotel Logo** (Top Left): Provides brand identity and assurance . - **Progress Indicator** (Top Center): "Home > Select Room > Payment > **Confirmation**" - Use checkmarks or a progress bar to show completion . #### **2 . Hero Section** - **Background Image**: A high-quality image of the hotel or room booked . - **Confirmation Message** (Centered Over Image): - "Booking Confirmed ! " - "We look forward to your stay with us . " - **Booking Reference Number**: Display prominently below the confirmation message . - Example: "Your Booking ID: **12345678**" #### **3 . Booking Details Section** - **Stay Information**: - **Hotel Name**: [Hotel Name Here] - **Address**: [Hotel Address] - **Dates**: - Check-in: [Date , Time] - Check-out: [Date , Time] - **Room Type**: [Deluxe Suite , Single Room , etc . ] - **Number of Guests**: [Adults , Children] - **Cost Summary**: - **Room Rate**: [Price per Night] - **Taxes & Fees**: [Detailed Breakdown] - **Total Amount Paid**: [Total Price] - **Guest Information**: - **Primary Guest**: [Name] - **Contact Information**: [Email , Phone Number] - **Special Requests**: [Late Check-in , Allergies , etc . ] #### **4 . Payment Details Section** - **Payment Method**: - **Credit Card Type**: [Visa , MasterCard , etc . ] - **Last 4 Digits**: [**** **** **** 1234] - **Billing Address**: [If different from home address] - **Total Charged**: [Total Amount Paid] #### **5 . Next Steps Section** - **Action Buttons**: - **Print Confirmation**: [Download as PDF or Print Button] - **Manage Booking**: [Link to modify or cancel the booking] - **View Receipt**: [Link to detailed payment receipt] - **Call to Action**: - "Add to Calendar" (Button): Link to add check-in/check-out dates to Google/Outlook calendar . #### **6 . Additional Information Section** - **Need Help ? **: - Customer Support: [Phone Number , Email , Chat Link] - **Hotel Policies**:

معلومات

كلمة التلميح

### **Booking Confirmation UI Design Template** #### **1. Header** - **Hotel Logo** (Top Left): Provides brand identity and assurance. - **Progress Indicator** (Top Center): "Home > Select Room > Payment > **Confirmation**" - Use checkmarks or a progress bar to show completion. #### **2. Hero Section** - **Background Image**: A high-quality image of the hotel or room booked. - **Confirmation Message** (Centered Over Image): - "Booking Confirmed!" - "We look forward to your stay with us." - **Booking Reference Number**: Display prominently below the confirmation message. - Example: "Your Booking ID: **12345678**" #### **3. Booking Details Section** - **Stay Information**: - **Hotel Name**: [Hotel Name Here] - **Address**: [Hotel Address] - **Dates**: - Check-in: [Date, Time] - Check-out: [Date, Time] - **Room Type**: [Deluxe Suite, Single Room, etc.] - **Number of Guests**: [Adults, Children] - **Cost Summary**: - **Room Rate**: [Price per Night] - **Taxes & Fees**: [Detailed Breakdown] - **Total Amount Paid**: [Total Price] - **Guest Information**: - **Primary Guest**: [Name] - **Contact Information**: [Email, Phone Number] - **Special Requests**: [Late Check-in, Allergies, etc.] #### **4. Payment Details Section** - **Payment Method**: - **Credit Card Type**: [Visa, MasterCard, etc.] - **Last 4 Digits**: [**** **** **** 1234] - **Billing Address**: [If different from home address] - **Total Charged**: [Total Amount Paid] #### **5. Next Steps Section** - **Action Buttons**: - **Print Confirmation**: [Download as PDF or Print Button] - **Manage Booking**: [Link to modify or cancel the booking] - **View Receipt**: [Link to detailed payment receipt] - **Call to Action**: - "Add to Calendar" (Button): Link to add check-in/check-out dates to Google/Outlook calendar. #### **6. Additional Information Section** - **Need Help?**: - Customer Support: [Phone Number, Email, Chat Link] - **Hotel Policies**:

مقياس CFG

الخطوات

25

جامع

euler

بذرة

489073913

مجدول

حجم الصورة

688 X 1024

نموذج

SeaArt Infinity

خلق

مقاس

688X1024

تاريخ

Aug 19, 2024

الوضع

الاستوديو

النوع

cell

Checkpoint & LoRA

Checkpoint

SeaArt Infinity

#تصميم المنتج

#SeaArt Infinity

0 تعليق

1

0

0

غير مهتم إبلاغ الخاص استئناف حذف