{"id":1096,"date":"2025-12-22T19:43:18","date_gmt":"2025-12-22T19:43:18","guid":{"rendered":"https:\/\/music.kenneyzproductions.com\/?page_id=1096"},"modified":"2026-01-08T10:08:41","modified_gmt":"2026-01-08T10:08:41","slug":"elementor-page-1096","status":"publish","type":"page","link":"https:\/\/music.kenneyzproductions.com\/index.php\/elementor-page-1096\/","title":{"rendered":"Book"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1096\" class=\"elementor elementor-1096\">\n\t\t\t\t<div class=\"elementor-element elementor-element-291cbe1 e-con-full e-flex e-con e-parent\" data-id=\"291cbe1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae587b elementor-widget elementor-widget-spacer\" data-id=\"8ae587b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f85612b elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"f85612b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"heading-2\" style=\"color: #fff; font-family: syncopate;\"><strong>BOOK NOW<\/strong><\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a87ecf e-con-full e-flex e-con e-child\" data-id=\"8a87ecf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-605c0c1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"605c0c1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- STYLESHEET (KEEPING EXISTING DARK THEME) --- *\/\r\n\r\n.booking-container {\r\n    font-family: 'Roboto', sans-serif;\r\n    \/* Use a dark background color that matches the screenshot *\/\r\n    background-color: #21262d; \r\n    color: #c9d1d9; \r\n    padding: 30px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);\r\n    max-width: 100%;\r\n}\r\n\r\n\/* Header *\/\r\n.booking-header h2 {\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 5px;\r\n    font-size: 1.5em;\r\n    letter-spacing: 0.1em;\r\n}\r\n\r\n.booking-header p {\r\n    font-size: 0.9em;\r\n    color: #fff;\r\n}\r\n\r\n\/* Tabs\/Navigation *\/\r\n.booking-tabs {\r\n    display: flex;\r\n    flex-wrap: wrap; \r\n    gap: 10px;\r\n    border-bottom: 1px solid #30363d;\r\n    padding-bottom: 15px; \r\n    margin-bottom: 20px;\r\n}\r\n\r\n.tab-button {\r\n    background-color: transparent;\r\n    border: 1px solid #fff;\r\n    color: #fff;\r\n    padding: 8px 15px;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n    font-size: 0.9em;\r\n    transition: background-color 0.3s, color 0.3s, border-color 0.3s;\r\n    white-space: nowrap;\r\n}\r\n\r\n.tab-button:hover {\r\n    border-color: #C21F3F;\r\n    color: #f0f6fc;\r\n    background-color: #C21F3F;\r\n}\r\n\r\n.tab-button.active {\r\n    background-color: #C21F3F; \r\n    border-color: #C21F3F;\r\n    color: #ffffff;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* --- Content Area Cleanup --- *\/\r\n.booking-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* Iframe Wrapper Styles *\/\r\n.iframe-wrapper {\r\n    border: 1px solid #30363d;\r\n    border-radius: 6px;\r\n    overflow: hidden; \r\n    padding: 0; \r\n    margin-top: 0px;\r\n}\r\n\r\n.iframe-wrapper iframe {\r\n    width: 100% !important;\r\n    height: 800px !important;\r\n    border: 0 !important;\r\n    background-color: #ffffff !important; \r\n    display: block;\r\n}\r\n\r\n\/* Hidden elements - Ensure no unnecessary text\/panels appear *\/\r\n.service-panel { display: none; }\r\n#service-details { display: none; }\r\n<\/style>\r\n\r\n<div class=\"booking-container\">\r\n    <header class=\"booking-header\">\r\n        <h2>ARRANGE A BOOKING<\/h2>\r\n        <p>Select the booking type you are interested in and proceed to book a slot with us.<\/p>\r\n    <\/header>\r\n\r\n    <nav class=\"booking-tabs\">\r\n        <button class=\"tab-button active\" data-service-id=\"music-recording\">Music recording<\/button>\r\n        <button class=\"tab-button\" data-service-id=\"commercial-production\">Commercial production<\/button><!--\r\n        <button class=\"tab-button\" data-service-id=\"psi-audio\">PSI Audio Listning Session<\/button>\r\n        <button class=\"tab-button\" data-service-id=\"studio-tour\">Studio tour<\/button>-->\r\n    <\/nav>\r\n\r\n    <div class=\"booking-content\">\r\n\r\n        <div class=\"iframe-wrapper\">\r\n             <iframe \r\n                 id=\"booking-iframe\"\r\n                 src=\"https:\/\/calendar.google.com\/calendar\/appointments\/schedules\/AcZssZ3RHCOXF4XuquDPn1bnw8yeyJrLaa_QUxxiWC3-g7N0zN3dwAURYyzBrYkXXzXQHIuz2FBpF2rK?gv=true\" \r\n                 style=\"height:600px; border:0; width:100%; background-color:#fff;\" \r\n                 frameborder=\"0\">\r\n             <\/iframe>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ --- JAVASCRIPT FOR TAB FILTERING (Fixed for actual URL switching) ---\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \/\/ Select elements specific to this container only\r\n    const container = document.querySelector('.booking-container');\r\n    if (!container) return; \r\n\r\n    const tabButtons = container.querySelectorAll('.tab-button');\r\n    const iframe = container.querySelector('#booking-iframe');\r\n\r\n    \/\/ !!! FIX: REPLACE THESE PLACEHOLDER URLs WITH YOUR ACTUAL, COMPLETE GOOGLE CALENDAR APPOINTMENT LINKS \r\n    \/\/ for each service. Each URL should link directly to that specific schedule.\r\n    const serviceUrls = {\r\n        \/\/ You MUST replace the following 4 URLs with the unique schedule links from Google Calendar\r\n        'music-recording': 'https:\/\/calendar.google.com\/calendar\/appointments\/schedules\/AcZssZ3RHCOXF4XuquDPn1bnw8yeyJrLaa_QUxxiWC3-g7N0zN3dwAURYyzBrYkXXzXQHIuz2FBpF2rK?gv=true',\r\n        'commercial-production': 'https:\/\/calendar.google.com\/calendar\/appointments\/schedules\/AcZssZ3RHCOXF4XuquDPn1bnw8yeyJrLaa_QUxxiWC3-g7N0zN3dwAURYyzBrYkXXzXQHIuz2FBpF2rK?gv=true', \/\/ Placeholder - CHANGE THIS\r\n        'psi-audio': 'https:\/\/calendar.google.com\/calendar\/appointments\/schedules\/AcZssZ3RHCOXF4XuquDPn1bnw8yeyJrLaa_QUxxiWC3-g7N0zN3dwAURYyzBrYkXXzXQHIuz2FBpF2rK?gv=true', \/\/ Placeholder - CHANGE THIS\r\n        'studio-tour': 'https:\/\/calendar.google.com\/calendar\/appointments\/schedules\/AcZssZ3RHCOXF4XuquDPn1bnw8yeyJrLaa_QUxxiWC3-g7N0zN3dwAURYyzBrYkXXzXQHIuz2FBpF2rK?gv=true' \/\/ Placeholder - CHANGE THIS\r\n    };\r\n\r\n    const handleTabClick = (event) => {\r\n        const selectedServiceId = event.currentTarget.getAttribute('data-service-id');\r\n        const newUrl = serviceUrls[selectedServiceId];\r\n\r\n        \/\/ 1. Update active tab class\r\n        tabButtons.forEach(btn => btn.classList.remove('active'));\r\n        event.currentTarget.classList.add('active');\r\n\r\n        \/\/ 2. Update the entire iframe source URL\r\n        if (iframe && newUrl) {\r\n            iframe.src = newUrl;\r\n        }\r\n    };\r\n\r\n    \/\/ Attach click listener to all tab buttons\r\n    tabButtons.forEach(button => {\r\n        button.addEventListener('click', handleTabClick);\r\n    });\r\n\r\n    \/\/ --- Initialization Check ---\r\n    \/\/ Since the HTML already sets 'music-recording' as active, we only need to ensure the iframe \r\n    \/\/ is pointing to the correct default URL if the HTML src was generic. \r\n    \/\/ We'll trust the HTML src is the correct default link for 'music-recording' on load.\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\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>BOOK NOW ARRANGE A BOOKING Select the booking type you are interested in and proceed to book a slot with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":"default","ast-page-background-enabled":"default","ast-page-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-opacity":"","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-opacity":"","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-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1096","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/1096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/comments?post=1096"}],"version-history":[{"count":19,"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/1096\/revisions"}],"predecessor-version":[{"id":1133,"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/1096\/revisions\/1133"}],"wp:attachment":[{"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/media?parent=1096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}