{"id":140,"date":"2026-04-24T15:53:30","date_gmt":"2026-04-24T15:53:30","guid":{"rendered":"https:\/\/thecolumbiahotel.com\/?page_id=140"},"modified":"2026-04-26T14:17:40","modified_gmt":"2026-04-26T14:17:40","slug":"book-now","status":"publish","type":"page","link":"https:\/\/thecolumbiahotel.com\/?page_id=140","title":{"rendered":"Book now"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n The Columbia Hotel | Official Booking Page<\/title>\r\n <meta name=\"description\" content=\"Book your stay at The Columbia Hotel in Wellingborough. Best rates guaranteed. Victorian elegance with modern comfort. Instant confirmation.\">\r\n \r\n <!-- Google Fonts & Font Awesome -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary-gold: #c6a15b;\r\n --primary-gold-dark: #9e7e48;\r\n --primary-gold-light: #e8d5b5;\r\n --deep-charcoal: #1a2a32;\r\n --warm-stone: #f5f0e8;\r\n --pure-white: #ffffff;\r\n --text-dark: #2c3e2f;\r\n --text-muted: #6b7f8f;\r\n --shadow-sm: 0 10px 30px rgba(0,0,0,0.08);\r\n --shadow-md: 0 20px 40px rgba(0,0,0,0.12);\r\n --border-radius-card: 28px;\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: var(--warm-stone);\r\n color: var(--text-dark);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Main Container *\/\r\n .booking-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 40px 20px 60px;\r\n }\r\n\r\n \/* Booking Widget - Full Width *\/\r\n .booking-widget-wrapper {\r\n background: white;\r\n border-radius: var(--border-radius-card);\r\n box-shadow: var(--shadow-md);\r\n overflow: hidden;\r\n min-height: 700px;\r\n position: relative;\r\n }\r\n\r\n .booking-iframe {\r\n width: 100%;\r\n min-height: 750px;\r\n border: none;\r\n display: block;\r\n }\r\n\r\n \/* Loading State *\/\r\n .loading-state {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n background: white;\r\n z-index: 10;\r\n border-radius: var(--border-radius-card);\r\n }\r\n\r\n .loading-state.hide {\r\n display: none;\r\n }\r\n\r\n .spinner {\r\n width: 60px;\r\n height: 60px;\r\n border: 3px solid var(--primary-gold-light);\r\n border-top-color: var(--primary-gold);\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n margin-bottom: 20px;\r\n }\r\n\r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .loading-state p {\r\n color: var(--text-muted);\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* Info Cards *\/\r\n .info-section {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n margin-top: 50px;\r\n }\r\n\r\n .info-card {\r\n background: white;\r\n padding: 30px 25px;\r\n border-radius: 24px;\r\n text-align: center;\r\n transition: var(--transition);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .info-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .info-card i {\r\n font-size: 2.2rem;\r\n color: var(--primary-gold);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .info-card h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n }\r\n\r\n .info-card p {\r\n color: var(--text-muted);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* Footer *\/\r\n .booking-footer {\r\n background: #0a1217;\r\n padding: 40px 20px 30px;\r\n text-align: center;\r\n color: #9aafc2;\r\n font-size: 0.85rem;\r\n margin-top: 40px;\r\n }\r\n\r\n .booking-footer a {\r\n color: var(--primary-gold);\r\n text-decoration: none;\r\n }\r\n\r\n .booking-footer a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .social-links {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .social-links a {\r\n color: var(--primary-gold);\r\n margin: 0 12px;\r\n font-size: 1.3rem;\r\n transition: var(--transition);\r\n display: inline-block;\r\n }\r\n\r\n .social-links a:hover {\r\n transform: translateY(-3px);\r\n color: white;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .booking-container { padding: 20px 15px 40px; }\r\n .booking-iframe { min-height: 650px; }\r\n .info-section { grid-template-columns: 1fr; gap: 15px; margin-top: 30px; }\r\n .booking-widget-wrapper { min-height: 600px; }\r\n }\r\n\r\n @media (min-width: 769px) and (max-width: 1024px) {\r\n .info-section { gap: 20px; }\r\n .booking-iframe { min-height: 700px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Main Booking Container -->\r\n <div class=\"booking-container\">\r\n <!-- Booking Widget Wrapper -->\r\n <div class=\"booking-widget-wrapper\" id=\"bookingWidgetWrapper\">\r\n <!-- Loading State -->\r\n <div id=\"loadingState\" class=\"loading-state\">\r\n <div class=\"spinner\"><\/div>\r\n <p><i class=\"fas fa-hotel\"><\/i> Loading secure booking system...<\/p>\r\n <p style=\"font-size: 0.8rem; margin-top: 8px;\">Please wait while we connect to our reservation portal<\/p>\r\n <\/div>\r\n \r\n <!-- Iframe will be inserted here -->\r\n <div id=\"iframeContainer\"><\/div>\r\n <\/div>\r\n\r\n <!-- Information Cards -->\r\n <div class=\"info-section\">\r\n <div class=\"info-card\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <h3>Secure Booking<\/h3>\r\n <p>Your payment and personal information are protected with industry-standard encryption.<\/p>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <h3>Need Help?<\/h3>\r\n <p>Call us directly: <strong style=\"color: var(--primary-gold);\">01933 229333<\/strong><br>Email: info@thecolumbiahotel.com<\/p>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <h3>Instant Confirmation<\/h3>\r\n <p>Receive immediate confirmation and e-voucher upon successful booking.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Footer -->\r\n <div class=\"booking-footer\">\r\n <div class=\"social-links\">\r\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Tripadvisor\"><i class=\"fab fa-tripadvisor\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Google\"><i class=\"fab fa-google\"><\/i><\/a>\r\n <\/div>\r\n <p>\u00a9 2025 The Columbia Hotel | Family-Run Since 1870 | Independent & Authentic<\/p>\r\n <p style=\"margin-top: 10px;\">19 Northampton Rd, Wellingborough NN8 3HG, UK | Tel: 01933 229333<\/p>\r\n <p style=\"margin-top: 10px;\"><a href=\"#\">Privacy Policy<\/a> | <a href=\"#\">Terms & Conditions<\/a> | <a href=\"#\">Cancelation Policy<\/a><\/p>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n \/\/ The official booking URL from direct-book.com\r\n const BOOKING_URL = 'https:\/\/direct-book.com\/properties\/ColumbiaHotelRestaurantDirect?locale=en&_gads_gcid=731734140&_gads_gclabel=1GYcCOzFp7MBEPzA9dwC&_gha_gcid=100588786&_gha_phid=a210aad6-478c-4876-9854-77a541996a45&_src=DemandPlus&abw=4&booking_source=cpc&campaign_id=21830168801&cdow=Sunday&checkInDate=2026-04-12&checkOutDate=2026-04-13&country=PK¤cy=PKR&device=desktop&gad_campaignid=21830168801&gad_source=6&gclid=CjwKCAjw-dfOBhAjEiwAq0RwI7Zp3thAf0bEQR2COl5PA1w4KdNfuicE8xPXMD87WSSKuaVgBI9CAxoCEGsQAvD_BwE&los=1&meta=Google&tsd=default&utm_source=GoogleHotelAds&items[0][adults]=2&items[0][children]=0&items[0][infants]=0&items[0][rateId]=251047&trackPage=yes';\r\n \r\n \/\/ Get elements\r\n const loadingState = document.getElementById('loadingState');\r\n const iframeContainer = document.getElementById('iframeContainer');\r\n \r\n \/\/ Flag to prevent multiple iframe creation\r\n let iframeCreated = false;\r\n \r\n \/\/ Create iframe only once\r\n function createIframe() {\r\n if (iframeCreated) return;\r\n iframeCreated = true;\r\n \r\n const iframe = document.createElement('iframe');\r\n iframe.src = BOOKING_URL;\r\n iframe.className = 'booking-iframe';\r\n iframe.title = 'The Columbia Hotel Online Booking';\r\n iframe.allow = 'payment; clipboard-write;';\r\n \r\n \/\/ When iframe loads, hide loading\r\n iframe.onload = function() {\r\n console.log('Booking iframe loaded successfully');\r\n loadingState.classList.add('hide');\r\n };\r\n \r\n \/\/ Handle iframe loading error\r\n iframe.onerror = function() {\r\n console.error('Failed to load booking iframe');\r\n loadingState.innerHTML = `\r\n <div style=\"text-align: center; padding: 40px;\">\r\n <i class=\"fas fa-exclamation-triangle\" style=\"font-size: 3rem; color: #e74c3c; margin-bottom: 15px;\"><\/i>\r\n <h3 style=\"margin-bottom: 10px;\">Unable to Load Booking System<\/h3>\r\n <p style=\"color: #6b7f8f; margin-bottom: 20px;\">Please try again later or call us directly to make a reservation.<\/p>\r\n <button onclick=\"location.reload()\" style=\"background: #c6a15b; color: white; border: none; padding: 12px 30px; border-radius: 50px; cursor: pointer; font-size: 1rem;\">\r\n <i class=\"fas fa-sync-alt\"><\/i> Try Again\r\n <\/button>\r\n <\/div>\r\n `;\r\n loadingState.classList.remove('hide');\r\n };\r\n \r\n iframeContainer.appendChild(iframe);\r\n }\r\n \r\n \/\/ Start loading the iframe after a short delay (only once)\r\n setTimeout(createIframe, 500);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Columbia Hotel | Official Booking Page Loading secure booking system… Please wait while we connect to our reservation portal Secure Booking Your payment and personal information are protected with industry-standard encryption. Need Help? Call us directly: 01933 229333Email: info@thecolumbiahotel.com Instant Confirmation Receive immediate confirmation and e-voucher upon successful booking. \u00a9 2025 The Columbia Hotel […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-140","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thecolumbiahotel.com\/index.php?rest_route=\/wp\/v2\/pages\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecolumbiahotel.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thecolumbiahotel.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thecolumbiahotel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecolumbiahotel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=140"}],"version-history":[{"count":7,"href":"https:\/\/thecolumbiahotel.com\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/thecolumbiahotel.com\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/thecolumbiahotel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}