{"id":4,"date":"2025-12-14T00:24:42","date_gmt":"2025-12-13T17:24:42","guid":{"rendered":"https:\/\/dev.wptheme.store\/s\/wptravel\/lien-he\/"},"modified":"2025-12-14T00:24:42","modified_gmt":"2025-12-13T17:24:42","slug":"lien-he","status":"publish","type":"page","link":"https:\/\/dev.wptheme.store\/s\/wptravel\/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=\"text-3xl font-bold mb-3 text-gray-800\" class=\"py-2 my-4 text-2xl font-bold border-emerald-500 border-y border-opacity-10\">Li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i<\/h2>\n                                        <p class=\"text-gray-600\" 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 md:grid-cols-2 gap-4\">\n                    <!-- Name Field -->\n                    <div class=\"form-group\">\n                        <label for=\"contact_name\" class=\"block text-sm font-medium text-gray-700 mb-1\">\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 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all\"\n                               required>\n                    <\/div>\n\n                    <!-- Email Field -->\n                    <div class=\"form-group\">\n                        <label for=\"contact_email\" class=\"block text-sm font-medium text-gray-700 mb-1\">\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 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all\"\n                               required>\n                    <\/div>\n                <\/div>\n\n                <!-- Two columns for phone and company -->\n                <div class=\"grid md:grid-cols-2 gap-4\">\n                    <!-- Phone Field -->\n                    <div class=\"form-group\">\n                        <label for=\"contact_phone\" class=\"block text-sm font-medium text-gray-700 mb-1\">\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 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all\"\n                               required>\n                    <\/div>\n\n                    <!-- Company Field (Optional) -->\n                    <div class=\"form-group\">\n                        <label for=\"contact_company\" class=\"block text-sm font-medium text-gray-700 mb-1\">\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 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all\">\n                    <\/div>\n                <\/div>\n\n                <!-- Subject Field -->\n                <div class=\"form-group\">\n                    <label for=\"contact_subject\" class=\"block text-sm font-medium text-gray-700 mb-1\">\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 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all\"\n                           required>\n                <\/div>\n\n                <!-- Message Field -->\n                <div class=\"form-group\">\n                    <label for=\"contact_message\" class=\"block text-sm font-medium text-gray-700 mb-1\">\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 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all resize-none\"\n                              required><\/textarea>\n                <\/div>\n            <\/div>\n            \n            <!-- Submit Button -->\n            <div class=\"mt-6 flex justify-center\">\n                <button type=\"submit\" \n                        class=\"px-8 py-3 bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white font-semibold rounded-lg shadow-lg transform transition-all duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 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\" 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\" 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    ","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-4","page","type-page","status-publish","hentry"],"meta_box":{"ztteam_hero_bg_image":false,"ztteam_hero_title":"","ztteam_hero_subtitle":"","ztteam_hero_search_placeholder":"","ztteam_hero_keywords":[],"ztteam_featured_locations_title":"","ztteam_featured_locations_description":"","ztteam_featured_locations_button_text":"","ztteam_featured_locations_button_link":"","ztteam_featured_locations_count":"","ztteam_featured_locations_orderby":"","ztteam_featured_locations_order":"","ztteam_listing_tabs_title":"","ztteam_listing_tabs_description":"","ztteam_listing_tabs_posts_per_tab":"","ztteam_listing_tabs_orderby":"","ztteam_listing_tabs_order":"","ztteam_listing_tabs_button_text":"","ztteam_listing_tabs_button_link":"","ztteam_qg_title":"","ztteam_qg_description":"","ztteam_qg_tabs":[],"ztteam_reviews_title":"","ztteam_reviews_description":"","ztteam_reviews_left_title":"","ztteam_reviews_left_post_type":"","ztteam_reviews_left_category":false,"ztteam_reviews_left_location_type":false,"ztteam_reviews_left_count":"","ztteam_reviews_right_title":"","ztteam_reviews_right_post_type":"","ztteam_reviews_right_category":false,"ztteam_reviews_right_location_type":false,"ztteam_reviews_right_featured_count":"","ztteam_reviews_right_small_count":"","ztteam_reviews_button_text":"","ztteam_reviews_button_link":"","ztteam_stats_title":"","ztteam_stats_items":[],"ztteam_creators_title":"","ztteam_creators_description":"","ztteam_creators_items":[],"ztteam_newsletter_image":false,"ztteam_newsletter_logo":false,"ztteam_newsletter_title":"","ztteam_newsletter_description":"","ztteam_newsletter_features":[],"ztteam_newsletter_form_title":"","ztteam_newsletter_form_placeholder":"","ztteam_newsletter_form_button":"","ztteam_newsletter_form_shortcode":"","ztteam_newsletter_terms_text":"","ztteam_newsletter_terms_link_text":"","ztteam_newsletter_terms_link":""},"_links":{"self":[{"href":"https:\/\/dev.wptheme.store\/s\/wptravel\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.wptheme.store\/s\/wptravel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.wptheme.store\/s\/wptravel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.wptheme.store\/s\/wptravel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.wptheme.store\/s\/wptravel\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":0,"href":"https:\/\/dev.wptheme.store\/s\/wptravel\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"wp:attachment":[{"href":"https:\/\/dev.wptheme.store\/s\/wptravel\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}