{"id":2006,"date":"2026-03-26T01:37:49","date_gmt":"2026-03-26T01:37:49","guid":{"rendered":"https:\/\/comfortquestlimo.com\/?page_id=2006"},"modified":"2026-03-26T02:07:04","modified_gmt":"2026-03-26T02:07:04","slug":"2006-2","status":"publish","type":"page","link":"https:\/\/comfortquestlimo.com\/index.php\/2006-2\/","title":{"rendered":"Book a ride"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600&#038;family=Montserrat:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyCjaQG-wbfTTxmReAtesy0DEf261IHB7uE&#038;libraries=places\"><\/script>\n<style>\n  :root {\n    --black: #0a0a0a;\n    --gold: #c9a84c;\n    --gold-light: #e8c97a;\n    --cream: #f5f0e8;\n    --white: #ffffff;\n    --gray: #6b6b6b;\n    --gray-light: #e8e8e8;\n    --error: #c0392b;\n    --success: #27ae60;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  .booking-wrapper {\n    font-family: 'Montserrat', sans-serif;\n    background: var(--black);\n    color: var(--white);\n    min-height: 100vh;\n    padding: 40px 20px 60px;\n  }\n\n  .booking-wrapper {\n    max-width: 720px;\n    margin: 0 auto;\n  \n  }\n\n  .header {\n    text-align: center;\n    margin-bottom: 48px;\n    position: relative;\n  }\n  .header::before {\n    content: '';\n    display: block;\n    width: 1px;\n    height: 40px;\n    background: var(--gold);\n    margin: 0 auto 24px;\n  }\n  .header-eyebrow {\n    font-size: 10px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 12px;\n    font-weight: 500;\n  }\n  .header h1 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(28px, 5vw, 44px);\n    font-weight: 300;\n    letter-spacing: 2px;\n    color: var(--white);\n    line-height: 1.2;\n  }\n  .header p {\n    margin-top: 12px;\n    font-size: 12px;\n    color: var(--gray);\n    letter-spacing: 1px;\n  }\n\n  .service-toggle {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0;\n    border: 1px solid #2a2a2a;\n    border-radius: 2px;\n    margin-bottom: 36px;\n    overflow: hidden;\n  }\n  .toggle-btn {\n    background: transparent;\n    border: none;\n    padding: 18px;\n    color: var(--gray);\n    font-family: 'Montserrat', sans-serif;\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n  .toggle-btn.active {\n    background: var(--gold);\n    color: var(--black);\n    font-weight: 600;\n  }\n  .toggle-btn:not(.active):hover {\n    color: var(--gold);\n    background: rgba(201,168,76,0.05);\n  }\n\n  .form-section { margin-bottom: 32px; }\n  .section-label {\n    font-size: 9px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .section-label::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: #1e1e1e;\n  }\n\n  .field-group { display: grid; gap: 16px; }\n  .field-group.two-col { grid-template-columns: 1fr 1fr; }\n  @media (max-width: 520px) {\n    .field-group.two-col { grid-template-columns: 1fr; }\n  }\n\n  .field { position: relative; }\n  .field label {\n    display: block;\n    font-size: 9px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--gray);\n    margin-bottom: 8px;\n  }\n  .field input,\n  .field select,\n  .field textarea {\n    width: 100%;\n    background: #111;\n    border: 1px solid #222;\n    border-radius: 2px;\n    padding: 14px 16px;\n    color: var(--white);\n    font-family: 'Montserrat', sans-serif;\n    font-size: 13px;\n    outline: none;\n    transition: border-color 0.2s;\n    appearance: none;\n  }\n  .field input:focus,\n  .field select:focus,\n  .field textarea:focus { border-color: var(--gold); }\n  .field input::placeholder { color: #444; }\n  .field select option { background: #111; }\n  .field textarea { resize: vertical; min-height: 80px; }\n\n  .vehicle-options {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n  .vehicle-card {\n    border: 1px solid #222;\n    border-radius: 2px;\n    padding: 16px;\n    cursor: pointer;\n    transition: all 0.2s;\n    background: #111;\n    position: relative;\n  }\n  .vehicle-card:hover { border-color: #444; }\n  .vehicle-card.selected {\n    border-color: var(--gold);\n    background: rgba(201,168,76,0.05);\n  }\n  .vehicle-card input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n  .vehicle-icon { font-size: 24px; margin-bottom: 8px; }\n  .vehicle-name {\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 1px;\n    color: var(--white);\n    margin-bottom: 4px;\n  }\n  .vehicle-capacity { font-size: 10px; color: var(--gray); letter-spacing: 0.5px; }\n  .vehicle-rate { font-size: 11px; color: var(--gold); margin-top: 6px; font-weight: 500; }\n\n  .price-display {\n    background: linear-gradient(135deg, #111 0%, #1a1a0a 100%);\n    border: 1px solid var(--gold);\n    border-radius: 2px;\n    padding: 28px 32px;\n    margin: 32px 0;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    opacity: 0;\n    transform: translateY(10px);\n    transition: all 0.4s ease;\n  }\n  .price-display.visible { opacity: 1; transform: translateY(0); }\n  .price-label {\n    font-size: 10px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--gray);\n    margin-bottom: 6px;\n  }\n  .price-details { font-size: 11px; color: var(--gray); margin-top: 4px; }\n  .price-amount {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 52px;\n    font-weight: 300;\n    color: var(--gold);\n    white-space: nowrap;\n    line-height: 1;\n  }\n  .price-amount span { font-size: 22px; vertical-align: super; font-weight: 400; }\n\n  .notice {\n    background: #111;\n    border-left: 2px solid var(--gold);\n    padding: 12px 16px;\n    font-size: 11px;\n    color: var(--gray);\n    letter-spacing: 0.5px;\n    line-height: 1.6;\n    margin-bottom: 24px;\n  }\n\n  .submit-btn {\n    width: 100%;\n    background: var(--gold);\n    color: var(--black);\n    border: none;\n    padding: 20px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    cursor: pointer;\n    border-radius: 2px;\n    transition: all 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n  .submit-btn:hover { opacity: 0.9; }\n  .submit-btn:active { transform: scale(0.99); }\n\n  .success-message {\n    display: none;\n    text-align: center;\n    padding: 48px 32px;\n    background: #111;\n    border: 1px solid var(--gold);\n    border-radius: 2px;\n  }\n  .success-message.show { display: block; }\n  .success-icon { font-size: 48px; margin-bottom: 20px; display: block; }\n  .success-message h2 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 32px;\n    font-weight: 300;\n    color: var(--gold);\n    margin-bottom: 12px;\n  }\n  .success-message p { font-size: 12px; color: var(--gray); line-height: 1.8; letter-spacing: 0.5px; }\n\n  .field-error {\n    font-size: 10px;\n    color: var(--error);\n    margin-top: 6px;\n    letter-spacing: 0.5px;\n    display: none;\n  }\n  .field-error.show { display: block; }\n\n  .calculating {\n    font-size: 10px;\n    color: var(--gold);\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    display: none;\n    margin-top: 8px;\n  }\n  .calculating.show { display: block; }\n\n  .divider { border: none; border-top: 1px solid #1e1e1e; margin: 32px 0; }\n\n  .hours-stepper {\n    display: flex;\n    align-items: center;\n    border: 1px solid #222;\n    border-radius: 2px;\n    overflow: hidden;\n    background: #111;\n  }\n  .stepper-btn {\n    background: #1a1a1a;\n    border: none;\n    color: var(--gold);\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n    cursor: pointer;\n    transition: background 0.2s;\n    flex-shrink: 0;\n  }\n  .stepper-btn:hover { background: #222; }\n  .hours-value {\n    flex: 1;\n    text-align: center;\n    font-size: 18px;\n    font-family: 'Cormorant Garamond', serif;\n    color: var(--white);\n    padding: 12px;\n    border: none;\n    background: transparent;\n    outline: none;\n  }\n\n  .service-panel { display: none; }\n  .service-panel.active { display: block; }\n<\/style>\n\n<div class=\"booking-wrapper\">\n\n  <div class=\"header\">\n    <div class=\"header-eyebrow\">ComfortQuest Limo LLC<\/div>\n    <h1>Reserve Your Ride<\/h1>\n    <p>Massachusetts&#8217;s Premier Luxury Transportation<\/p>\n  <\/div>\n\n  <div class=\"success-message\" id=\"successMessage\">\n    <span class=\"success-icon\">\u2726<\/span>\n    <h2>Your Request Is Confirmed<\/h2>\n    <p>Thank you for choosing ComfortQuest Limo.<br>\n    We will contact you shortly to confirm all details.<br><br>\n    For immediate assistance, call us at<br>\n    <strong style=\"color:var(--gold)\">(857) 410-3069<\/strong><\/p>\n  <\/div>\n\n  <div id=\"bookingForm\">\n\n    <div class=\"service-toggle\">\n      <button class=\"toggle-btn active\" onclick=\"switchService('point')\" id=\"tab-point\">Point to Point<\/button>\n      <button class=\"toggle-btn\" onclick=\"switchService('hourly')\" id=\"tab-hourly\">Hourly Service<\/button>\n    <\/div>\n\n    <div class=\"form-section\">\n      <div class=\"section-label\">Your Information<\/div>\n      <div class=\"field-group two-col\">\n        <div class=\"field\">\n          <label>Full Name *<\/label>\n          <input type=\"text\" id=\"clientName\" placeholder=\"John Smith\">\n          <div class=\"field-error\" id=\"err-name\">Please enter your name<\/div>\n        <\/div>\n        <div class=\"field\">\n          <label>Phone Number *<\/label>\n          <input type=\"tel\" id=\"clientPhone\" placeholder=\"(617) 000-0000\">\n          <div class=\"field-error\" id=\"err-phone\">Please enter your phone<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"field-group\" style=\"margin-top:16px\">\n        <div class=\"field\">\n          <label>Email Address *<\/label>\n          <input type=\"email\" id=\"clientEmail\" placeholder=\"your@email.com\">\n          <div class=\"field-error\" id=\"err-email\">Please enter a valid email<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <hr class=\"divider\">\n\n    <div class=\"service-panel active\" id=\"panel-point\">\n      <div class=\"form-section\">\n        <div class=\"section-label\">Trip Details<\/div>\n        <div class=\"field-group\">\n          <div class=\"field\">\n            <label>Pickup Location *<\/label>\n            <input type=\"text\" id=\"pickupAddress\" placeholder=\"Enter pickup address\" oninput=\"resetPrice()\">\n            <div class=\"field-error\" id=\"err-pickup\">Please enter pickup location<\/div>\n          <\/div>\n          <div class=\"field\">\n            <label>Drop-off Location *<\/label>\n            <input type=\"text\" id=\"dropoffAddress\" placeholder=\"Enter destination address\" oninput=\"resetPrice()\">\n            <div class=\"field-error\" id=\"err-dropoff\">Please enter drop-off location<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"calculating\" id=\"calcIndicator\">Calculating distance&#8230;<\/div>\n        <button onclick=\"calculateDistance()\" style=\"margin-top:14px; background:transparent; border:1px solid var(--gold); color:var(--gold); padding:12px 24px; font-family:'Montserrat',sans-serif; font-size:10px; letter-spacing:2px; text-transform:uppercase; cursor:pointer; border-radius:2px;\" onmouseover=\"this.style.background='rgba(201,168,76,0.1)'\" onmouseout=\"this.style.background='transparent'\">\n          Calculate Distance &#038; Rate\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"service-panel\" id=\"panel-hourly\">\n      <div class=\"form-section\">\n        <div class=\"section-label\">Select Vehicle<\/div>\n        <div class=\"vehicle-options\">\n          <label class=\"vehicle-card selected\" onclick=\"selectVehicle(this, 'sedan')\">\n            <input type=\"radio\" name=\"vehicle\" value=\"sedan\" checked>\n            <div class=\"vehicle-icon\">\ud83d\ude97<\/div>\n            <div class=\"vehicle-name\">Luxury Sedan<\/div>\n            <div class=\"vehicle-capacity\">Up to 3 passengers<\/div>\n            <div class=\"vehicle-rate\">$80 \/ hour<\/div>\n          <\/label>\n          <label class=\"vehicle-card\" onclick=\"selectVehicle(this, 'suv')\">\n            <input type=\"radio\" name=\"vehicle\" value=\"suv\">\n            <div class=\"vehicle-icon\">\ud83d\ude90<\/div>\n            <div class=\"vehicle-name\">SUV \/ Minivan<\/div>\n            <div class=\"vehicle-capacity\">Up to 7 passengers<\/div>\n            <div class=\"vehicle-rate\">$100 \/ hour<\/div>\n          <\/label>\n        <\/div>\n      <\/div>\n      <div class=\"form-section\">\n        <div class=\"section-label\">Number of Hours<\/div>\n        <div class=\"hours-stepper\">\n          <button class=\"stepper-btn\" onclick=\"changeHours(-1)\">\u2212<\/button>\n          <input class=\"hours-value\" type=\"number\" id=\"hoursCount\" value=\"2\" min=\"1\" max=\"24\" oninput=\"updateHourlyPrice()\">\n          <button class=\"stepper-btn\" onclick=\"changeHours(1)\">+<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"price-display\" id=\"priceDisplay\">\n      <div>\n        <div class=\"price-label\">Estimated Total<\/div>\n        <div class=\"price-details\" id=\"priceDetails\">\u2014<\/div>\n      <\/div>\n      <div class=\"price-amount\" id=\"priceAmount\"><span>$<\/span>\u2014<\/div>\n    <\/div>\n\n    <hr class=\"divider\">\n\n    <div class=\"form-section\">\n      <div class=\"section-label\">Schedule<\/div>\n      <div class=\"field-group two-col\">\n        <div class=\"field\">\n          <label>Date *<\/label>\n          <input type=\"date\" id=\"rideDate\">\n          <div class=\"field-error\" id=\"err-date\">Please select a date<\/div>\n        <\/div>\n        <div class=\"field\">\n          <label>Pickup Time *<\/label>\n          <input type=\"time\" id=\"rideTime\">\n          <div class=\"field-error\" id=\"err-time\">Please select a time<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-section\">\n      <div class=\"section-label\">Special Requests<\/div>\n      <div class=\"field\">\n        <label>Additional Notes (Optional)<\/label>\n        <textarea id=\"rideNotes\" placeholder=\"Flight number, special requirements, number of passengers...\"><\/textarea>\n      <\/div>\n    <\/div>\n\n    <div class=\"notice\">\n      \u2726 &nbsp;Prices shown are estimates. Final rate confirmed upon booking. For airport service, tolls &#038; parking fees may apply. Payment collected by driver.\n    <\/div>\n\n    <button class=\"submit-btn\" onclick=\"submitBooking()\" id=\"submitBtn\">\n      Request This Booking\n    <\/button>\n\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ComfortQuest Limo LLC Reserve Your Ride Massachusetts&#8217;s Premier Luxury Transportation \u2726 Your Request Is Confirmed Thank you for choosing ComfortQuest Limo. We will contact you shortly to confirm all details. For immediate assistance, call us at (857) 410-3069 Point to Point Hourly Service Your Information Full Name * Please enter your name Phone Number * [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"ina.hyseni14","author_link":"https:\/\/comfortquestlimo.com\/index.php\/author\/ina-hyseni14\/"},"uagb_comment_info":0,"uagb_excerpt":"ComfortQuest Limo LLC Reserve Your Ride Massachusetts&#8217;s Premier Luxury Transportation \u2726 Your Request Is Confirmed Thank you for choosing ComfortQuest Limo. We will contact you shortly to confirm all details. For immediate assistance, call us at (857) 410-3069 Point to Point Hourly Service Your Information Full Name * Please enter your name Phone Number *&hellip;","_links":{"self":[{"href":"https:\/\/comfortquestlimo.com\/index.php\/wp-json\/wp\/v2\/pages\/2006"}],"collection":[{"href":"https:\/\/comfortquestlimo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/comfortquestlimo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/comfortquestlimo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/comfortquestlimo.com\/index.php\/wp-json\/wp\/v2\/comments?post=2006"}],"version-history":[{"count":8,"href":"https:\/\/comfortquestlimo.com\/index.php\/wp-json\/wp\/v2\/pages\/2006\/revisions"}],"predecessor-version":[{"id":2021,"href":"https:\/\/comfortquestlimo.com\/index.php\/wp-json\/wp\/v2\/pages\/2006\/revisions\/2021"}],"wp:attachment":[{"href":"https:\/\/comfortquestlimo.com\/index.php\/wp-json\/wp\/v2\/media?parent=2006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}