{"id":16,"date":"2025-06-20T10:33:22","date_gmt":"2025-06-20T10:33:22","guid":{"rendered":"https:\/\/carehub.co.ke\/?page_id=16"},"modified":"2026-06-30T14:07:18","modified_gmt":"2026-06-30T14:07:18","slug":"schedule-appointment","status":"publish","type":"page","link":"https:\/\/carehub.co.ke\/index.php\/schedule-appointment\/","title":{"rendered":"Schedule Appointment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2cf396 e-con-full e-flex e-con e-parent\" data-id=\"d2cf396\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e0f574 elementor-widget elementor-widget-html\" data-id=\"9e0f574\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"apx-booking-ui\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        .apx-booking-ui {\n            --primary: #ef2b7d;\n            --primary2: #ff3d96;\n            --text: #171d29;\n            --muted: #667085;\n            --border: #dfe3eb;\n            --bg: #fbfbfd;\n            font-family: 'Inter', sans-serif;\n            color: var(--text);\n            width: 100%;\n            overflow: hidden;\n        }\n\n        .apx-booking-ui * {\n            box-sizing: border-box;\n            font-family: inherit;\n        }\n\n        .apx-booking-ui .hero {\n            position: relative;\n            padding: 58px 20px 42px;\n            text-align: center;\n            background:\n                radial-gradient(circle at 0% 100%, rgba(244, 198, 222, .42), transparent 38%),\n                radial-gradient(circle at 100% 0%, rgba(255, 181, 211, .48), transparent 42%),\n                #fcfbfd;\n            border-bottom: 1px solid #ececf2;\n        }\n\n        .apx-booking-ui .eyebrow {\n            font-size: 11px;\n            font-weight: 700;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            color: var(--primary);\n            margin-bottom: 14px;\n        }\n\n        .apx-booking-ui h2 {\n            margin: 0;\n            font-size: clamp(34px, 4vw, 58px);\n            line-height: 1.06;\n            font-weight: 800;\n            letter-spacing: -0.04em;\n            max-width: 760px;\n            margin-inline: auto;\n        }\n\n        .apx-booking-ui .hero p {\n            margin: 18px auto 0;\n            max-width: 620px;\n            font-size: 18px;\n            line-height: 1.6;\n            color: #667085;\n        }\n\n        .apx-booking-ui .section {\n            background: #fff;\n            padding: 56px 20px 60px;\n        }\n\n        .apx-booking-ui .card {\n            max-width: 760px;\n            margin: auto;\n            background: #fff;\n            border: 1px solid var(--border);\n            border-radius: 18px;\n            padding: 22px 20px 18px;\n            box-shadow: 0 12px 30px rgba(16, 24, 40, .05);\n        }\n\n        .apx-booking-ui form {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px 12px;\n        }\n\n        .apx-booking-ui .full {\n            grid-column: 1\/-1;\n        }\n\n        .apx-booking-ui label {\n            display: block;\n            font-size: 12px;\n            font-weight: 700;\n            margin-bottom: 7px;\n            color: #202939;\n        }\n\n        .apx-booking-ui label span {\n            color: var(--primary);\n        }\n\n        .apx-booking-ui input,\n        .apx-booking-ui select,\n        .apx-booking-ui textarea {\n            width: 100%;\n            height: 42px;\n            border: 1px solid #d7dce6;\n            border-radius: 9px;\n            padding: 0 13px;\n            font-size: 13px;\n            background: #fff;\n            color: #1d2939;\n            outline: none;\n            transition: .2s;\n        }\n\n        .apx-booking-ui textarea {\n            height: 72px;\n            padding-top: 11px;\n            resize: vertical;\n        }\n\n        .apx-booking-ui input:focus,\n        .apx-booking-ui select:focus,\n        .apx-booking-ui textarea:focus {\n            border-color: var(--primary);\n            box-shadow: 0 0 0 4px rgba(239, 43, 125, .10);\n        }\n\n        .apx-booking-ui .btn {\n            margin-top: 2px;\n            width: 100%;\n            height: 44px;\n            border: none;\n            border-radius: 999px;\n            background: linear-gradient(90deg, var(--primary), var(--primary2));\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 9px;\n            transition: .25s;\n        }\n\n        .apx-booking-ui .btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 12px 24px rgba(239, 43, 125, .28);\n        }\n\n        .apx-booking-ui .note {\n            margin-top: 12px;\n            text-align: center;\n            font-size: 11px;\n            color: #7d8697;\n        }\n\n        .apx-booking-ui svg {\n            width: 14px;\n            height: 14px;\n            fill: currentColor;\n        }\n\n        @media(max-width:700px) {\n            .apx-booking-ui .hero {\n                padding: 48px 18px 36px;\n            }\n            .apx-booking-ui h2 {\n                font-size: 38px;\n            }\n            .apx-booking-ui .hero p {\n                font-size: 16px;\n            }\n            .apx-booking-ui .card {\n                padding: 18px;\n                border-radius: 16px;\n            }\n            .apx-booking-ui form {\n                grid-template-columns: 1fr;\n            }\n            .apx-booking-ui .full {\n                grid-column: auto;\n            }\n        }\n    <\/style>\n\n    <div class=\"hero\">\n        <div class=\"eyebrow\">BOOK APPOINTMENT<\/div>\n        <h2>Reserve your session with our specialists<\/h2>\n        <p>Tell us a little about you and we'll confirm your booking within a few hours during clinic hours.<\/p>\n    <\/div>\n\n    <div class=\"section\">\n        <div class=\"card\">\n            <!-- ===== FORM WITH ID ===== -->\n            <form id=\"carehubBookingForm\">\n\n                <!-- Full name -->\n                <div>\n                    <label>Full name <span>*<\/span><\/label>\n                    <input type=\"text\" id=\"booking_name\" required>\n                <\/div>\n\n                <!-- Phone -->\n                <div>\n                    <label>Phone <span>*<\/span><\/label>\n                    <input type=\"tel\" id=\"booking_phone\" required>\n                <\/div>\n\n                <!-- Email (full width) -->\n                <div class=\"full\">\n                    <label>Email <span>*<\/span><\/label>\n                    <input type=\"email\" id=\"booking_email\" required>\n                <\/div>\n\n                <!-- Preferred date -->\n                <div>\n                    <label>Preferred date <span>*<\/span><\/label>\n                    <input type=\"date\" id=\"booking_date\" required>\n                <\/div>\n\n                <!-- Preferred time -->\n                <div>\n                    <label>Preferred time <span>*<\/span><\/label>\n                    <input type=\"time\" id=\"booking_time\" required>\n                <\/div>\n\n                <!-- Service -->\n                <div>\n                    <label>Service<\/label>\n                    <select id=\"booking_service\">\n                        <option>Physiotherapy &amp; Rehabilitation<\/option>\n                        <option>Exercise Prescription &amp; Strength Training<\/option>\n                        <option>Postural &amp; Ergonomic Assessments<\/option>\n                        <option>Nutrition &amp; Lifestyle Coaching<\/option>\n                        <option>Speech Therapy<\/option>\n                        <option>Chiropractic Services<\/option>\n                        <option>Counselling Services<\/option>\n                    <\/select>\n                <\/div>\n\n                <!-- Preferred specialist -->\n                <div>\n                    <label>Preferred specialist<\/label>\n                    <select id=\"booking_specialist\">\n                        <option>No preference<\/option>\n                        <option>Jemimah Kamau<\/option>\n                        <option>Other (Specify)<\/option>\n                    <\/select>\n                <\/div>\n\n                <!-- Hidden \"other specialist\" field (toggles via JS) -->\n                <div class=\"full\" id=\"apxOtherWrap\" style=\"display:none;\">\n                    <label>Specify specialist<\/label>\n                    <input type=\"text\" id=\"booking_specialist_other\" placeholder=\"Enter specialist name\">\n                <\/div>\n\n                <!-- Message (full width) -->\n                <div class=\"full\">\n                    <label>Message<\/label>\n                    <textarea id=\"booking_message\" placeholder=\"Tell us briefly about your symptoms or goals...\"><\/textarea>\n                <\/div>\n\n                <!-- Submit button (ID added) -->\n                <div class=\"full\">\n                    <button class=\"btn\" type=\"submit\" id=\"bookingSubmit\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 15H5V9h14zm-7-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3z\"\/>\n                        <\/svg>\n                        Confirm booking\n                    <\/button>\n                    <div class=\"note\">\n                        By submitting you agree to be contacted by our team regarding your appointment.\n                    <\/div>\n                <\/div>\n\n            <\/form>\n            <!-- ===== END FORM ===== -->\n        <\/div>\n    <\/div>\n\n    <!-- ===== REPLACED SCRIPT ===== -->\n    <script>\n        (function() {\n\n            const specialist = document.getElementById('booking_specialist');\n            const other = document.getElementById('apxOtherWrap');\n\n            specialist.addEventListener('change', function() {\n                other.style.display = this.value === \"Other (Specify)\" ? \"block\" : \"none\";\n            });\n\n            const form = document.getElementById(\"carehubBookingForm\");\n\n            form.addEventListener(\"submit\", function(e) {\n\n                e.preventDefault();\n\n                const button = document.getElementById(\"bookingSubmit\");\n                button.disabled = true;\n                button.innerHTML = \"Sending...\";\n\n                const data = new FormData();\n                data.append(\"action\", \"carehub_send_booking\");\n                data.append(\"nonce\", carehub_ajax.nonce);\n\n                data.append(\"name\", document.getElementById(\"booking_name\").value);\n                data.append(\"phone\", document.getElementById(\"booking_phone\").value);\n                data.append(\"email\", document.getElementById(\"booking_email\").value);\n                data.append(\"date\", document.getElementById(\"booking_date\").value);\n                data.append(\"time\", document.getElementById(\"booking_time\").value);\n                data.append(\"service\", document.getElementById(\"booking_service\").value);\n                data.append(\"specialist\", document.getElementById(\"booking_specialist\").value);\n                data.append(\"message\", document.getElementById(\"booking_message\").value);\n\n                fetch(carehub_ajax.ajax_url, {\n                        method: \"POST\",\n                        body: data\n                    })\n                    .then(response => response.json())\n                    .then(function(response) {\n                        if (response.success) {\n                            alert(\"Booking submitted successfully.\");\n                            form.reset();\n                        } else {\n                            alert(response.data);\n                        }\n                        button.disabled = false;\n                        button.innerHTML = \"Confirm booking\";\n                    })\n                    .catch(function() {\n                        alert(\"An unexpected error occurred.\");\n                        button.disabled = false;\n                        button.innerHTML = \"Confirm booking\";\n                    });\n\n            });\n\n        })();\n    <\/script>\n    <!-- ===== END REPLACED SCRIPT ===== -->\n\n<\/div>\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 APPOINTMENT Reserve your session with our specialists Tell us a little about you and we&#8217;ll confirm your booking within a few hours during clinic hours. Full name * Phone * Email * Preferred date * Preferred time * Service Physiotherapy &amp; RehabilitationExercise Prescription &amp; Strength TrainingPostural &amp; Ergonomic AssessmentsNutrition &amp; Lifestyle CoachingSpeech TherapyChiropractic ServicesCounselling [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","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":"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":""},"yst_prominent_words":[],"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":16,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":922,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/922"}],"wp:attachment":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"wp:term":[{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/yst_prominent_words?post=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}