{"id":4662,"date":"2026-04-20T20:44:24","date_gmt":"2026-04-20T19:44:24","guid":{"rendered":"https:\/\/ceylonsignature.com\/einen-chauffeur-buchen\/"},"modified":"2026-04-20T20:44:24","modified_gmt":"2026-04-20T19:44:24","slug":"einen-chauffeur-buchen","status":"publish","type":"page","link":"https:\/\/ceylonsignature.com\/de\/einen-chauffeur-buchen\/","title":{"rendered":"Einen Chauffeur buchen"},"content":{"rendered":"<style>\n  :root{\n    --cbp-primary-color:#36b44a;\n    --cbp-accent-color:#2ca243;\n    --cbp-page-bg-color:#f8faf8;\n    --cbp-card-bg-color:#ffffff;\n    --cbp-text-color:#1f2a22;\n    --cbp-muted-color:#6f7f74;\n    --cbp-booking-max-width:1440px;\n    --cbp-booking-column-gap:24px;\n    --cbp-booking-form-padding:24px;\n    --cbp-booking-card-radius:16px;\n    --cbp-booking-left-width:62%;\n    --cbp-booking-right-width:38%;\n  }\n<\/style>\n\n<div class=\"cbp-booking-wrapper\" id=\"cbp-booking-app\">\n\n  <div class=\"cbp-booking-main-row\">\n    <div class=\"cbp-booking-main-form\">\n\n  <!-- Progress Steps -->\n  <div class=\"cbp-steps-indicator\" id=\"cbp-steps\">\n    <div class=\"cbp-step-item active\" data-step=\"1\">\n      <div class=\"cbp-step-num\">1<\/div>\n      <div class=\"cbp-step-label\">Choose<br>Vehicle<\/div>\n    <\/div>\n    <div class=\"cbp-step-item\" data-step=\"2\">\n      <div class=\"cbp-step-num\">2<\/div>\n      <div class=\"cbp-step-label\">Booking<br>Details<\/div>\n    <\/div>\n    <div class=\"cbp-step-item\" data-step=\"3\">\n      <div class=\"cbp-step-num\">3<\/div>\n      <div class=\"cbp-step-label\">Review &amp;<br>Payment<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- FORM CARD -->\n  <div class=\"cbp-form-card\" id=\"cbp-form-anchor\">\n\n    <!-- ===== STEP 1: Select Vehicle & Dates ===== -->\n    <div class=\"cbp-form-step active\" id=\"cbp-step-1\">\n      <div class=\"cbp-form-card-header\">\n        <h3>Select Your Vehicle & Dates<\/h3>\n        <p>Choose a vehicle and enter your travel dates to see pricing<\/p>\n      <\/div>\n      <div class=\"cbp-form-card-body cbp-step-layout cbp-step-layout-two-col\">\n        <div class=\"cbp-step-panel cbp-step-panel-main\">\n\n          <div id=\"cbp-vehicle-availability-msg\" class=\"cbp-inline-error\" style=\"display:none;margin-bottom:16px;\"><\/div>\n\n          <div class=\"cbp-step-panel-section\">\n            <p class=\"cbp-form-section-title\">Trip Details<\/p>\n            <div class=\"cbp-field-row cbp-field-row-three cbp-field-row-tight\" style=\"margin-bottom:0;\">\n              <div class=\"cbp-field-group\">\n                <label>Start Date <span class=\"req\">*<\/span><\/label>\n                <input type=\"text\" id=\"cbp-start-date\" placeholder=\"Select start date\" readonly>\n              <\/div>\n              <div class=\"cbp-field-group\">\n                <label>End Date <span class=\"req\">*<\/span><\/label>\n                <input type=\"text\" id=\"cbp-end-date\" placeholder=\"Select end date\" readonly>\n              <\/div>\n              <div class=\"cbp-field-group\">\n                <label>Passengers <span class=\"req\">*<\/span><\/label>\n                <select id=\"cbp-passengers\">\n                                    <option value=\"1\" >1 Passenger<\/option>\n                                    <option value=\"2\"  selected='selected'>2 Passengers<\/option>\n                                    <option value=\"3\" >3 Passengers<\/option>\n                                    <option value=\"4\" >4 Passengers<\/option>\n                                    <option value=\"5\" >5 Passengers<\/option>\n                                    <option value=\"6\" >6 Passengers<\/option>\n                                    <option value=\"7\" >7 Passengers<\/option>\n                                    <option value=\"8\" >8 Passengers<\/option>\n                                    <option value=\"9\" >9 Passengers<\/option>\n                                    <option value=\"10\" >10 Passengers<\/option>\n                                    <option value=\"11\" >11 Passengers<\/option>\n                                    <option value=\"12\" >12 Passengers<\/option>\n                                    <option value=\"13\" >13 Passengers<\/option>\n                                    <option value=\"14\" >14 Passengers<\/option>\n                                    <option value=\"15\" >15 Passengers<\/option>\n                                    <option value=\"16\" >16 Passengers<\/option>\n                                    <option value=\"17\" >17 Passengers<\/option>\n                                    <option value=\"18\" >18 Passengers<\/option>\n                                    <option value=\"19\" >19 Passengers<\/option>\n                                    <option value=\"20\" >20 Passengers<\/option>\n                                    <option value=\"21\" >21 Passengers<\/option>\n                                  <\/select>\n              <\/div>\n            <\/div>\n            <div id=\"cbp-min-duration-msg\" class=\"cbp-field-error-msg cbp-min-duration-msg\" style=\"display:none;\"><\/div>\n          <\/div>\n\n          <div class=\"cbp-step-panel-section\">\n            <p class=\"cbp-form-section-title\">Select Vehicle<\/p>\n                        <div class=\"cbp-vehicles-grid cbp-vehicles-grid-compact\" id=\"cbp-vehicles-grid\">\n                            <div class=\"cbp-vehicle-option\" data-vehicle-id=\"1\" data-capacity=\"4\" data-available=\"1\" onclick=\"cbpSelectVehicle(1)\">\n                <span class=\"cbp-vehicle-status-badge\" aria-hidden=\"true\" style=\"display:none;\"><\/span>\n                                <img decoding=\"async\" src=\"https:\/\/ceylonsignature.com\/wp-content\/uploads\/2026\/04\/Toyota-Axio-1-e1686125996936-300x188.jpg\" alt=\"Signature Private (1\u20134 Guests)\" title=\"| - Sri Lanka\">\n                                <div class=\"cbp-vehicle-info\">\n                  <div class=\"cbp-vehicle-name\">Signature Private (1\u20134 Guests)<\/div>\n                  <div class=\"cbp-vehicle-meta\">\n                    Toyota Axio 2020                    \u00b7 Standard                  <\/div>\n                                    <div class=\"cbp-vehicle-features\">\n                                        <span class=\"cbp-vehicle-feature-tag\">24\/7 private chauffeur<\/span>\n                                        <span class=\"cbp-vehicle-feature-tag\">All Fuel Costs<\/span>\n                                        <span class=\"cbp-vehicle-feature-tag\">Insurance<\/span>\n                                      <\/div>\n                                    <div class=\"cbp-vehicle-capacity\">\ud83d\udc65 Up to 4 passengers<\/div>\n                <\/div>\n              <\/div>\n                            <div class=\"cbp-vehicle-option\" data-vehicle-id=\"2\" data-capacity=\"8\" data-available=\"1\" onclick=\"cbpSelectVehicle(2)\">\n                <span class=\"cbp-vehicle-status-badge\" aria-hidden=\"true\" style=\"display:none;\"><\/span>\n                                <img decoding=\"async\" src=\"https:\/\/ceylonsignature.com\/wp-content\/uploads\/2026\/04\/1352779_2b-e1776886051279-300x188.jpg\" alt=\"Signature Family (1\u20138 Guests)\" title=\"| - Sri Lanka\">\n                                <div class=\"cbp-vehicle-info\">\n                  <div class=\"cbp-vehicle-name\">Signature Family (1\u20138 Guests)<\/div>\n                  <div class=\"cbp-vehicle-meta\">\n                    Toyota Hiace 2020                    \u00b7 Standard                  <\/div>\n                                    <div class=\"cbp-vehicle-features\">\n                                        <span class=\"cbp-vehicle-feature-tag\">24\/7 private chauffeur<\/span>\n                                        <span class=\"cbp-vehicle-feature-tag\">All Fuel Costs<\/span>\n                                        <span class=\"cbp-vehicle-feature-tag\">Insurance<\/span>\n                                      <\/div>\n                                    <div class=\"cbp-vehicle-capacity\">\ud83d\udc65 Up to 8 passengers<\/div>\n                <\/div>\n              <\/div>\n                            <div class=\"cbp-vehicle-option\" data-vehicle-id=\"3\" data-capacity=\"21\" data-available=\"1\" onclick=\"cbpSelectVehicle(3)\">\n                <span class=\"cbp-vehicle-status-badge\" aria-hidden=\"true\" style=\"display:none;\"><\/span>\n                                <img decoding=\"async\" src=\"https:\/\/ceylonsignature.com\/wp-content\/uploads\/2026\/04\/76e2b416127730c88a56a420e2666289-300x183.jpg\" alt=\"Signature Group (1\u201321 Guests)\" title=\"| - Sri Lanka\">\n                                <div class=\"cbp-vehicle-info\">\n                  <div class=\"cbp-vehicle-name\">Signature Group (1\u201321 Guests)<\/div>\n                  <div class=\"cbp-vehicle-meta\">\n                    Mitsubishi Fuso Rosa 2020                    \u00b7 Standard                  <\/div>\n                                    <div class=\"cbp-vehicle-features\">\n                                        <span class=\"cbp-vehicle-feature-tag\">24\/7 private chauffeur<\/span>\n                                        <span class=\"cbp-vehicle-feature-tag\">All Fuel Costs<\/span>\n                                        <span class=\"cbp-vehicle-feature-tag\">Insurance<\/span>\n                                      <\/div>\n                                    <div class=\"cbp-vehicle-capacity\">\ud83d\udc65 Up to 21 passengers<\/div>\n                <\/div>\n              <\/div>\n                          <\/div>\n                      <\/div>\n\n        <\/div>\n\n        <aside class=\"cbp-step-panel cbp-step-panel-side\">\n          <div id=\"cbp-price-preview\" class=\"cbp-step-side-card\" style=\"display:none;\">\n            <div class=\"cbp-price-preview\">\n              <div class=\"cbp-price-preview-title\">Price Estimate<\/div>\n              <div id=\"cbp-price-rows\"><\/div>\n              <div class=\"cbp-price-total-row\">\n                <span class=\"cbp-price-total-label\">Total<\/span>\n                <span class=\"cbp-price-total-value\" id=\"cbp-price-total\"><\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"cbp-step-side-card cbp-step-side-card-muted\">\n            <div class=\"cbp-form-section-title\" style=\"margin-top:0;\">How It Works<\/div>\n            <p style=\"margin:0;color:var(--cbp-muted);font-size:14px;line-height:1.7;\">\n              Pick your travel dates, passengers, and preferred vehicle. The quote updates instantly so you can continue to the next step with confidence.\n            <\/p>\n          <\/div>\n\n          <div class=\"cbp-step-main-nav cbp-step-main-nav-end\">\n            <button class=\"cbp-btn-next\" onclick=\"cbpGoStep2()\" id=\"cbp-to-step2\" disabled>\n              Continue to Details \u2192\n            <\/button>\n          <\/div>\n        <\/aside>\n      <\/div>\n    <\/div>\n\n    <!-- ===== STEP 2: Booking Details ===== -->\n    <div class=\"cbp-form-step\" id=\"cbp-step-2\">\n      <div class=\"cbp-form-card-header\">\n        <h3>Your Booking Details<\/h3>\n        <p>Please fill in your travel information accurately<\/p>\n      <\/div>\n      <div class=\"cbp-form-card-body cbp-step-layout cbp-step-layout-two-col\">\n        <div class=\"cbp-step-panel cbp-step-panel-main\">\n          <p class=\"cbp-form-section-title\">Personal Information<\/p>\n          <div class=\"cbp-field-row\">\n            <div class=\"cbp-field-group\">\n              <label>Full Name <span class=\"req\">*<\/span><\/label>\n              <input type=\"text\" id=\"cbp-full-name\" placeholder=\"As on your passport\">\n            <\/div>\n            <div class=\"cbp-field-group\">\n              <label>Phone Number <span class=\"req\">*<\/span><\/label>\n              <input type=\"tel\" id=\"cbp-phone\" placeholder=\"+94 77 xxx xxxx\">\n            <\/div>\n          <\/div>\n          <div class=\"cbp-field-row\">\n            <div class=\"cbp-field-group\">\n              <label>Email Address <span class=\"req\">*<\/span><\/label>\n              <input type=\"email\" id=\"cbp-email\" placeholder=\"your@email.com\">\n            <\/div>\n            <div class=\"cbp-field-group\">\n              <label>Home Address <span class=\"req\">*<\/span><\/label>\n              <input type=\"text\" id=\"cbp-address\" placeholder=\"Your full address\">\n            <\/div>\n          <\/div>\n\n          <p class=\"cbp-form-section-title\">Journey Information<\/p>\n          <div class=\"cbp-field-row\">\n            <div class=\"cbp-field-group\">\n              <label>Pickup Time <span class=\"req\">*<\/span><\/label>\n              <input type=\"time\" id=\"cbp-pickup-time\">\n            <\/div>\n            <div class=\"cbp-field-group\">\n              <label>Pickup Location <span class=\"req\">*<\/span><\/label>\n              <input type=\"text\" id=\"cbp-pickup-location\" placeholder=\"Airport, hotel, or address\">\n              <span class=\"cbp-field-helper\">If you need airport pickup, enter the airport name and flight details. Otherwise, provide the pickup address in Sri Lanka.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"cbp-field-row one-col\">\n            <div class=\"cbp-field-group\">\n              <label>Journey Overview \/ Route Plan <span class=\"req\">*<\/span><\/label>\n              <textarea id=\"cbp-journey-overview\" placeholder=\"e.g. Day 1: Colombo \u2192 Sigiriya. Day 2: Sigiriya \u2192 Kandy. Day 3: Kandy \u2192 Ella...&#10;&#10;Feel free to share your rough ideas \u2014 we'll help you plan the details.\"><\/textarea>\n            <\/div>\n          <\/div>\n\n          <div class=\"cbp-field-row one-col\">\n            <div class=\"cbp-field-group\">\n              <label>Additional Comments \/ Special Requests<\/label>\n              <textarea id=\"cbp-notes\" placeholder=\"Any special requirements, dietary needs, accessibility requirements, or other information we should know...\"><\/textarea>\n            <\/div>\n          <\/div>\n\n          <div class=\"cbp-optional-section\">\n            <p class=\"cbp-form-section-title\" style=\"margin-top:0;\">Optional Information<\/p>\n            <div class=\"cbp-field-row\">\n              <div class=\"cbp-field-group\">\n                <label>Flight Number<\/label>\n                <input type=\"text\" id=\"cbp-flight-number\" placeholder=\"e.g. UL 303\">\n                <span class=\"cbp-field-helper\">If arriving by air, helps us track delays.<\/span>\n              <\/div>\n              <div class=\"cbp-field-group\">\n                <label>Emergency Contact<\/label>\n                <input type=\"text\" id=\"cbp-emergency-contact\" placeholder=\"Name and phone number\">\n              <\/div>\n            <\/div>\n          <\/div>\n\n                    <label class=\"cbp-account-toggle\">\n            <input type=\"checkbox\" id=\"cbp-create-account\" onchange=\"document.getElementById('cbp-password-wrap').classList.toggle('visible',this.checked)\">\n            <span>\n              Create an account to view or manage your booking later.\n              <em>Your booking details and history will be saved to your account.<\/em>\n            <\/span>\n          <\/label>\n          <div id=\"cbp-password-wrap\" class=\"cbp-password-field cbp-field-group\">\n            <label>Choose a Password<\/label>\n            <input type=\"password\" id=\"cbp-password\" placeholder=\"Minimum 8 characters\" autocomplete=\"new-password\">\n          <\/div>\n          \n        <\/div>\n\n        <aside class=\"cbp-step-panel cbp-step-panel-side\">\n          <div class=\"cbp-step-side-card\">\n            <div class=\"cbp-form-section-title\" style=\"margin-top:0;\">Trip Summary<\/div>\n            <div class=\"cbp-summary-box-mini\" id=\"cbp-booking-summary-mini\"><\/div>\n          <\/div>\n          <div class=\"cbp-step-side-card cbp-step-side-card-muted\">\n            <div class=\"cbp-form-section-title\" style=\"margin-top:0;\">Need Help?<\/div>\n            <p style=\"margin:0;color:var(--cbp-muted);font-size:14px;line-height:1.7;\">Add your trip details carefully so we can prepare the route, timing, and vehicle correctly before payment.<\/p>\n          <\/div>\n\n          <div class=\"cbp-step-main-nav\">\n            <button class=\"cbp-btn-back\" onclick=\"cbpGoStep(1)\">\u2190 Back<\/button>\n            <button class=\"cbp-btn-next\" onclick=\"cbpGoStep3()\">Review & Pay \u2192<\/button>\n          <\/div>\n        <\/aside>\n      <\/div>\n    <\/div>\n\n    <!-- ===== STEP 3: Review & Payment ===== -->\n    <div class=\"cbp-form-step\" id=\"cbp-step-3\">\n      <div class=\"cbp-form-card-header\">\n        <h3>Review & Proceed to Payment<\/h3>\n        <p>Please review your booking before proceeding to secure checkout<\/p>\n      <\/div>\n      <div class=\"cbp-form-card-body cbp-step-layout cbp-step-layout-two-col\">\n        <div class=\"cbp-step-panel cbp-step-panel-main\">\n          <div class=\"cbp-booking-summary\" id=\"cbp-review-summary\">\n            <div style=\"font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--cbp-muted);margin-bottom:14px;font-family:inherit;\">Booking Summary<\/div>\n          <\/div>\n\n          <div class=\"cbp-step-side-card cbp-step-side-card-muted\" style=\"margin-top:16px;\">\n            <div class=\"cbp-form-section-title\" style=\"margin-top:0;\">Coupon Code<\/div>\n            <div style=\"display:flex;gap:10px;align-items:center;margin-bottom:14px;\">\n              <div style=\"flex:1;\">\n                <input type=\"text\" id=\"cbp-coupon-code\" placeholder=\"Enter coupon code\" style=\"width:100%;padding:12px 16px;border:1.5px solid var(--cbp-border);border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box;text-transform:uppercase;\">\n              <\/div>\n              <button type=\"button\" onclick=\"cbpApplyCoupon()\" class=\"cbp-btn-back\" style=\"white-space:nowrap;\">Apply<\/button>\n            <\/div>\n            <div id=\"cbp-coupon-msg\" style=\"display:none;font-size:13px;font-family:inherit;margin-bottom:0;padding:10px 14px;border-radius:6px;\"><\/div>\n          <\/div>\n\n          <div id=\"cbp-form-error\" style=\"display:none;background:#fff0f0;border:1.5px solid #f0c0c0;border-radius:8px;padding:14px 18px;margin:16px 0 0;color:#c62828;font-size:13px;font-family:inherit;\"><\/div>\n\n        <\/div>\n\n        <aside class=\"cbp-step-panel cbp-step-panel-side\">\n          <div class=\"cbp-step-side-card\">\n            <div class=\"cbp-form-section-title\" style=\"margin-top:0;\">Price Breakdown<\/div>\n            <div id=\"cbp-review-price\"><\/div>\n          <\/div>\n\n          \n          <div class=\"cbp-step-side-card cbp-step-side-card-muted\">\n            <div style=\"display:flex;gap:12px;align-items:flex-start;\">\n              <span style=\"font-size:20px;flex-shrink:0;\">\ud83d\udd12<\/span>\n              <div style=\"color:var(--cbp-muted);font-size:13px;line-height:1.7;\">\n                Your booking details will be submitted securely. You will be redirected to our secure payment page (WooCommerce checkout) to complete your payment. A confirmation email will be sent immediately after payment.\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"cbp-step-main-nav\">\n            <button class=\"cbp-btn-back\" onclick=\"cbpGoStep(2)\">\u2190 Edit Details<\/button>\n            <button class=\"cbp-btn-submit\" id=\"cbp-submit-btn\" onclick=\"cbpSubmitBooking()\">\n              <span>\ud83d\udd12<\/span> Confirm & Pay\n            <\/button>\n          <\/div>\n        <\/aside>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- end .cbp-form-card -->\n<\/div><!-- end .cbp-booking-main-form -->\n<\/div><!-- end .cbp-booking-main-row -->\n<\/div><!-- end .cbp-booking-wrapper -->\n\n<!-- Loading overlay -->\n<div class=\"cbp-loading-overlay\" id=\"cbp-loading\">\n  <div class=\"cbp-loading-box\">\n    <div class=\"cbp-loading-spinner\"><\/div>\n    <div class=\"cbp-loading-text\" id=\"cbp-loading-text\">Preparing your booking\u2026<\/div>\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4662","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"acf":[],"_links":{"self":[{"href":"https:\/\/ceylonsignature.com\/de\/wp-json\/wp\/v2\/pages\/4662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ceylonsignature.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ceylonsignature.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ceylonsignature.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ceylonsignature.com\/de\/wp-json\/wp\/v2\/comments?post=4662"}],"version-history":[{"count":0,"href":"https:\/\/ceylonsignature.com\/de\/wp-json\/wp\/v2\/pages\/4662\/revisions"}],"wp:attachment":[{"href":"https:\/\/ceylonsignature.com\/de\/wp-json\/wp\/v2\/media?parent=4662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}