{"id":94,"date":"2025-10-19T07:50:42","date_gmt":"2025-10-19T07:50:42","guid":{"rendered":"https:\/\/wptheme.store\/sites\/zmedia\/lien-he\/"},"modified":"2025-10-19T07:50:42","modified_gmt":"2025-10-19T07:50:42","slug":"lien-he","status":"publish","type":"page","link":"https:\/\/wptheme.store\/sites\/zmedia\/lien-he\/","title":{"rendered":"Li\u00ean h\u1ec7"},"content":{"rendered":"\n<p class=\"mb-4 leading-relaxed\">Ch\u00fang t\u00f4i lu\u00f4n s\u1eb5n s\u00e0ng l\u1eafng nghe v\u00e0 h\u1ed7 tr\u1ee3 b\u1ea1n. H\u00e3y \u0111i\u1ec1n form b\u00ean d\u01b0\u1edbi \u0111\u1ec3 li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i.<\/p>\n\n\n    \n    <div class=\"max-w-4xl mx-auto animate-fade-in-up\">\n        <div class=\"mb-8 text-center\">\n                    <h2 class=\"mb-3 text-3xl font-bold text-gray-800 dark:text-gray-100\" class=\"py-2 my-4 text-2xl font-bold border-green-500 border-y border-opacity-10\">Li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i<\/h2>\n                            <p class=\"text-gray-600 dark:text-gray-300\" class=\"mb-4 leading-relaxed\">Ch\u00fang t\u00f4i s\u1ebd ph\u1ea3n h\u1ed3i trong v\u00f2ng 24h l\u00e0m vi\u1ec7c<\/p>\n            <\/div>\n    \n    <form class=\"ajax-form\" data-form-name=\"contact\">\n        <!-- Hidden configurations -->\n        <input type=\"hidden\" name=\"form_to\" value=\"dev.zota@gmail.com\">\n        <input type=\"hidden\" name=\"form_subject\" value=\"Li\u00ean h\u1ec7 t\u1eeb {{name}} - {{email}}\">\n        <input type=\"hidden\" name=\"form_required\" value=\"name,email,phone,subject,message\">\n        <input type=\"hidden\" name=\"form_validate\" value=\"email:email,phone:phone\">\n        <input type=\"hidden\" name=\"form_success_message\" value=\"C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 li\u00ean h\u1ec7! Ch\u00fang t\u00f4i s\u1ebd ph\u1ea3n h\u1ed3i s\u1edbm nh\u1ea5t.\">\n\n                <!-- Default Single Column Layout -->\n        <div class=\"space-y-4\">\n            <!-- Two columns for name and email -->\n            <div class=\"grid gap-4 md:grid-cols-2\">\n                <!-- Name Field -->\n                <div class=\"form-group\">\n                    <label for=\"contact_name\" class=\"block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300\">\n                        H\u1ecd v\u00e0 t\u00ean <span class=\"text-red-500\">*<\/span>\n                    <\/label>\n                    <input type=\"text\" \n                           id=\"contact_name\"\n                           name=\"name\" \n                           placeholder=\"Nguy\u1ec5n V\u0103n A\"\n                           class=\"w-full px-4 py-3 text-gray-900 placeholder-gray-500 transition-all bg-white border border-gray-300 rounded-lg focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 dark:placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n                           required>\n                <\/div>\n\n                <!-- Email Field -->\n                <div class=\"form-group\">\n                    <label for=\"contact_email\" class=\"block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300\">\n                        Email <span class=\"text-red-500\">*<\/span>\n                    <\/label>\n                    <input type=\"email\" \n                           id=\"contact_email\"\n                           name=\"email\" \n                           placeholder=\"email@example.com\"\n                           class=\"w-full px-4 py-3 text-gray-900 placeholder-gray-500 transition-all bg-white border border-gray-300 rounded-lg focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 dark:placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n                           required>\n                <\/div>\n            <\/div>\n\n            <!-- Two columns for phone and company -->\n            <div class=\"grid gap-4 md:grid-cols-2\">\n                <!-- Phone Field -->\n                <div class=\"form-group\">\n                    <label for=\"contact_phone\" class=\"block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300\">\n                        S\u1ed1 \u0111i\u1ec7n tho\u1ea1i <span class=\"text-red-500\">*<\/span>\n                    <\/label>\n                    <input type=\"tel\" \n                           id=\"contact_phone\"\n                           name=\"phone\" \n                           placeholder=\"0901234567\"\n                           pattern=\"[0-9+\\-\\s()]{8,15}\"\n                           class=\"w-full px-4 py-3 text-gray-900 placeholder-gray-500 transition-all bg-white border border-gray-300 rounded-lg focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 dark:placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n                           required>\n                <\/div>\n\n                <!-- Company Field (Optional) -->\n                <div class=\"form-group\">\n                    <label for=\"contact_company\" class=\"block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300\">\n                        C\u00f4ng ty\n                    <\/label>\n                    <input type=\"text\" \n                           id=\"contact_company\"\n                           name=\"company\" \n                           placeholder=\"C\u00f4ng ty ABC (kh\u00f4ng b\u1eaft bu\u1ed9c)\"\n                           class=\"w-full px-4 py-3 text-gray-900 placeholder-gray-500 transition-all bg-white border border-gray-300 rounded-lg focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 dark:placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\">\n                <\/div>\n            <\/div>\n\n            <!-- Subject Field -->\n            <div class=\"form-group\">\n                <label for=\"contact_subject\" class=\"block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300\">\n                    Ti\u00eau \u0111\u1ec1 <span class=\"text-red-500\">*<\/span>\n                <\/label>\n                <input type=\"text\" \n                       id=\"contact_subject\"\n                       name=\"subject\" \n                       placeholder=\"Ti\u00eau \u0111\u1ec1 tin nh\u1eafn\"\n                       class=\"w-full px-4 py-3 text-gray-900 placeholder-gray-500 transition-all bg-white border border-gray-300 rounded-lg focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 dark:placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n                       required>\n            <\/div>\n\n            <!-- Message Field -->\n            <div class=\"form-group\">\n                <label for=\"contact_message\" class=\"block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300\">\n                    N\u1ed9i dung tin nh\u1eafn <span class=\"text-red-500\">*<\/span>\n                <\/label>\n                <textarea id=\"contact_message\"\n                          name=\"message\" \n                          rows=\"6\"\n                          placeholder=\"Nh\u1eadp n\u1ed9i dung tin nh\u1eafn c\u1ee7a b\u1ea1n...\"\n                          class=\"w-full px-4 py-3 text-gray-900 placeholder-gray-500 transition-all bg-white border border-gray-300 rounded-lg resize-none focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 dark:placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n                          required><\/textarea>\n            <\/div>\n        <\/div>\n        \n        <!-- Submit Button -->\n        <div class=\"flex justify-center mt-6\">\n            <button type=\"submit\" \n                    class=\"px-8 py-3 font-semibold text-white transition-all duration-300 transform rounded-lg shadow-lg bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none\">\n                <span class=\"flex items-center\">\n                    <svg class=\"w-5 h-5 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke- d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" class=\"mb-4 leading-relaxed\"><\/path>\n                    <\/svg>\n                    <span class=\"submit-text\">G\u1eedi tin nh\u1eafn<\/span>\n                <\/span>\n            <\/button>\n        <\/div>\n\n        <!-- Optional: Privacy Policy Notice -->\n        <div class=\"mt-4 text-center\">\n            <p class=\"text-xs text-gray-500 dark:text-gray-400\" class=\"mb-4 leading-relaxed\">\n                B\u1eb1ng vi\u1ec7c g\u1eedi form n\u00e0y, b\u1ea1n \u0111\u1ed3ng \u00fd v\u1edbi \n                <a href=\"\/chinh-sach-bao-mat\" class=\"text-blue-500 hover:underline dark:text-blue-400\" class=\"text-red-900\">ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt<\/a> c\u1ee7a ch\u00fang t\u00f4i.\n            <\/p>\n        <\/div>\n    <\/form>\n<\/div>\n\n\n    ","protected":false},"excerpt":{"rendered":"<p class=\"mb-4 leading-relaxed\">Ch\u00fang t\u00f4i lu\u00f4n s\u1eb5n s\u00e0ng l\u1eafng nghe v\u00e0 h\u1ed7 tr\u1ee3 b\u1ea1n. H\u00e3y \u0111i\u1ec1n form b\u00ean d\u01b0\u1edbi \u0111\u1ec3 li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"meta_box":{"ztteam_hero_badge":"","ztteam_hero_h1_part1":"","ztteam_hero_h1_part2":"","ztteam_hero_h1_part3":"","ztteam_hero_description":"","ztteam_key_features":[],"ztteam_primary_button_text":"","ztteam_secondary_button_text":"","ztteam_form_title":"","ztteam_form_subtitle":"","ztteam_response_time":"","ztteam_form_fields":[],"ztteam_form_button_text":"","ztteam_security_text":"","ztteam_feature_1":"","ztteam_feature_2":"","ztteam_badge_icon":"","ztteam_badge_text":"","ztteam_main_title":"","ztteam_main_description":"","ztteam_vs_text":"","ztteam_problems_icon":"","ztteam_problems_title":"","ztteam_problems_list":[],"ztteam_solutions_icon":"","ztteam_solutions_title":"","ztteam_solutions_list":[],"ztteam_cta_heading":"","ztteam_cta_left_icon":"","ztteam_cta_text":"","ztteam_cta_right_icon":"","ztteam_services_badge_text":"","ztteam_services_badge_icon":"","ztteam_services_main_title":"","ztteam_services_subtitle":"","ztteam_core_services":[],"ztteam_testimonials_badge_icon":"","ztteam_testimonials_badge_text":"","ztteam_testimonials_title":"","ztteam_testimonials_subtitle":"","ztteam_testimonials":[],"ztteam_process_badge_icon":"","ztteam_process_badge_text":"","ztteam_process_main_title":"","ztteam_process_subtitle":"","ztteam_process_steps":[],"ztteam_cta_title":"","ztteam_cta_subtitle":"","ztteam_cta_buttons":[],"ztteam_main_heading":"","ztteam_section_description":"","ztteam_main_features":[],"ztteam_statistics":[],"ztteam_cta_description":"","ztteam_newsletter_badge_icon":"","ztteam_newsletter_badge_text":"","ztteam_newsletter_main_title":"","ztteam_newsletter_subtitle":"","ztteam_benefits_title":"","ztteam_newsletter_benefits":[],"ztteam_form_email_label":"","ztteam_form_email_placeholder":"","ztteam_form_email_icon":"","ztteam_form_submit_icon":"","ztteam_form_submit_text":"","ztteam_form_privacy_icon":"","ztteam_form_privacy_text":"","ztteam_form_action":"","ztteam_success_message":"","ztteam_mailchimp_api_key":"","ztteam_mailchimp_list_id":"","ztteam_primary_cta_icon":"","ztteam_primary_cta_text":"","ztteam_primary_cta_link":"","ztteam_secondary_cta_icon":"","ztteam_secondary_cta_text":"","ztteam_secondary_cta_link":""},"_links":{"self":[{"href":"https:\/\/wptheme.store\/sites\/zmedia\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptheme.store\/sites\/zmedia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wptheme.store\/sites\/zmedia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wptheme.store\/sites\/zmedia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptheme.store\/sites\/zmedia\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":0,"href":"https:\/\/wptheme.store\/sites\/zmedia\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptheme.store\/sites\/zmedia\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}