{"id":168,"date":"2025-02-19T11:33:11","date_gmt":"2025-02-19T11:33:11","guid":{"rendered":"https:\/\/links.kezhub.com\/?page_id=168"},"modified":"2025-02-19T11:41:34","modified_gmt":"2025-02-19T11:41:34","slug":"contact","status":"publish","type":"page","link":"https:\/\/links.kezhub.com\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"    <style>\n        \/* Container Styles *\/\n        #contact-form-container {\n            max-width: 400px;\n            margin: 20px auto;\n            padding: 20px;\n            border-radius: 10px;\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n            font-family: Arial, sans-serif;\n        }\n\n        \/* Label Styles *\/\n        #contact-form-container label {\n            display: block;\n            font-weight: bold;\n            margin: 10px 0 5px;\n        }\n\n        \/* Input and Textarea Styles *\/\n        #contact-form-container input[type=\"text\"],\n        #contact-form-container input[type=\"email\"],\n        #contact-form-container textarea {\n            width: 100%;\n            padding: 10px;\n            margin-bottom: 10px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            font-size: 14px;\n        }\n\n        #contact-form-container textarea {\n            resize: vertical;\n            min-height: 100px;\n        }\n\n        \/* Focus Styles *\/\n        #contact-form-container input:focus,\n        #contact-form-container textarea:focus {\n            border-color: #007bff;\n            outline: none;\n            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);\n        }\n\n        \/* Submit Button Styles *\/\n        #contact-form-container input[type=\"submit\"] {\n            background: #55555e;\n            border: none;\n            padding: 12px;\n            font-size: 16px;\n            cursor: pointer;\n            transition: background 0.3s;\n            color: #fff;\n        }\n\n        #contact-form-container input[type=\"submit\"]:hover {\n            opacity: 0.5;\n        }\n\n        \/* Message Styles *\/\n        #contact-form-success, #contact-form-error {\n            text-align: centre;\n            font-weight: bold;\n            margin-top: 10px;\n            display: none; \/* Will be displayed after AJAX response *\/\n        }\n\n        #contact-form-success {\n            color: green;\n        }\n\n        #contact-form-error {\n            color: red;\n        }\n    <\/style>\n\n    <!-- The Contact Form Markup -->\n    <div id=\"contact-form-container\">\n        <form id=\"contact-form\" method=\"post\">\n            <label for=\"name\">Full Name<\/label>\n            <input type=\"text\" id=\"name\" name=\"name\" required>\n\n            <label for=\"email\">Email Address<\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" required>\n\n            <label for=\"message\">Message<\/label>\n            <textarea id=\"message\" name=\"message\" required><\/textarea>\n\n            <input type=\"submit\" value=\"Send Message\">\n        <\/form>\n\n        <!-- Success and Error Messages -->\n        <p id=\"contact-form-success\">Thank you for your message. We will respond to you shortly.<\/p>\n        <p id=\"contact-form-error\">There was a problem sending your message. Please try again later.<\/p>\n    <\/div>\n\n    <script type=\"text\/javascript\">\n    (function($){\n        $(document).ready(function(){\n            $('#contact-form').on('submit', function(e){\n                e.preventDefault();\n\n                \/\/ Hide previous messages\n                $('#contact-form-success').hide();\n                $('#contact-form-error').hide();\n\n                \/\/ Prepare form data\n                var formData = $(this).serialize();\n\n                $.ajax({\n                    url: 'https:\/\/links.kezhub.com\/wp-admin\/admin-ajax.php',\n                    type: 'POST',\n                    data: formData + '&action=send_contact_form',\n                    success: function(response){\n                        if(response.trim() === 'success'){\n                            \/\/ Show success message\n                            $('#contact-form-success').show();\n                            \/\/ Optionally clear the form\n                            $('#contact-form')[0].reset();\n                        } else {\n                            \/\/ Show error message with the returned content\n                            $('#contact-form-error').text(response).show();\n                        }\n                    },\n                    error: function(){\n                        \/\/ Fallback error\n                        $('#contact-form-error').text('There was an unexpected error. Please try again.').show();\n                    }\n                });\n            });\n        });\n    })(jQuery);\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-168","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/links.kezhub.com\/index.php\/wp-json\/wp\/v2\/pages\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/links.kezhub.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/links.kezhub.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/links.kezhub.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/links.kezhub.com\/index.php\/wp-json\/wp\/v2\/comments?post=168"}],"version-history":[{"count":2,"href":"https:\/\/links.kezhub.com\/index.php\/wp-json\/wp\/v2\/pages\/168\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/links.kezhub.com\/index.php\/wp-json\/wp\/v2\/pages\/168\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/links.kezhub.com\/index.php\/wp-json\/wp\/v2\/media?parent=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}