{"id":65,"date":"2025-10-27T13:37:51","date_gmt":"2025-10-27T06:37:51","guid":{"rendered":"https:\/\/dev.wptheme.store\/s\/wpditru\/lien-he\/"},"modified":"2025-10-27T13:37:51","modified_gmt":"2025-10-27T06:37:51","slug":"lien-he","status":"publish","type":"page","link":"https:\/\/dev.wptheme.store\/s\/wpditru\/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-brewery-gold\" 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-brewery-white\/80\" 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-brewery-white\">\n                            H\u1ecd v\u00e0 t\u00ean \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 transition-all border rounded-lg bg-brewery-black border-brewery-gold\/30 text-brewery-white placeholder-brewery-white\/50 focus:outline-none focus:ring-2 focus:ring-brewery-gold focus:border-brewery-gold\"\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-brewery-white\">\n                            Email \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 transition-all border rounded-lg bg-brewery-black border-brewery-gold\/30 text-brewery-white placeholder-brewery-white\/50 focus:outline-none focus:ring-2 focus:ring-brewery-gold focus:border-brewery-gold\"\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-brewery-white\">\n                            S\u1ed1 \u0111i\u1ec7n tho\u1ea1i \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 transition-all border rounded-lg bg-brewery-black border-brewery-gold\/30 text-brewery-white placeholder-brewery-white\/50 focus:outline-none focus:ring-2 focus:ring-brewery-gold focus:border-brewery-gold\"\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-brewery-white\">\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 transition-all border rounded-lg bg-brewery-black border-brewery-gold\/30 text-brewery-white placeholder-brewery-white\/50 focus:outline-none focus:ring-2 focus:ring-brewery-gold focus:border-brewery-gold\">\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-brewery-white\">\n                        Ti\u00eau \u0111\u1ec1 \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 transition-all border rounded-lg bg-brewery-black border-brewery-gold\/30 text-brewery-white placeholder-brewery-white\/50 focus:outline-none focus:ring-2 focus:ring-brewery-gold focus:border-brewery-gold\"\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-brewery-white\">\n                        N\u1ed9i dung tin nh\u1eafn \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 transition-all border rounded-lg resize-none bg-brewery-black border-brewery-gold\/30 text-brewery-white placeholder-brewery-white\/50 focus:outline-none focus:ring-2 focus:ring-brewery-gold focus:border-brewery-gold\"\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 transition-all duration-300 transform rounded-lg shadow-lg text-brewery-black bg-gradient-to-r from-brewery-gold to-brewery-gold-light hover:from-brewery-gold-light hover:to-brewery-amber hover:scale-105 focus:outline-none focus:ring-2 focus:ring-brewery-gold focus:ring-offset-2 focus:ring-offset-brewery-dark 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-brewery-white\/60\" 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-brewery-gold hover:text-brewery-gold-light 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-65","page","type-page","status-publish","hentry"],"meta_box":{"ztteam_hero_slides":[],"ztteam_statistics":[],"ztteam_services_title":"","ztteam_services_items":[],"ztteam_services_button_text":"","ztteam_services_button_link":"","ztteam_offices_bg_image":false,"ztteam_offices_title":"","ztteam_offices_items":[],"ztteam_team_title":"","ztteam_team_members":[],"ztteam_team_cta_text":"","ztteam_team_cta_button_text":"","ztteam_team_cta_button_link":"","ztteam_testimonials_title":"","ztteam_testimonials_category":false,"ztteam_testimonials_per_slide":"","ztteam_testimonials_cta_button_text":"","ztteam_testimonials_cta_button_link":"","ztteam_testimonials_ratings":[],"ztteam_timeline_title":"","ztteam_timeline_items_per_slide":"","ztteam_timeline_items":[],"ztteam_process_title":"","ztteam_process_image":false,"ztteam_process_experience_years":"","ztteam_process_steps":[],"ztteam_process_features":[],"ztteam_news_title":"","ztteam_news_category":false,"ztteam_news_posts_per_page":"","ztteam_news_cta_button_text":"","ztteam_news_cta_button_link":"","ztteam_certifications_title":"","ztteam_certifications_gallery":[],"ztteam_contact_bg_image":false,"ztteam_contact_title":"","ztteam_contact_description":"","ztteam_contact_form_shortcode":"","ztteam_contact_services":[],"ztteam_contact_privacy_text":"","ztteam_contact_quick_info":[],"ztteam_about_video_url":"","ztteam_about_banner":false,"ztteam_about_content_blocks":[],"ztteam_about_team_title":"","ztteam_about_why_title":"","ztteam_about_why_items":[],"ztteam_contact_social_media":[],"ztteam_contact_banner":false,"ztteam_contact_branches":[]},"_links":{"self":[{"href":"https:\/\/dev.wptheme.store\/s\/wpditru\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.wptheme.store\/s\/wpditru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.wptheme.store\/s\/wpditru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.wptheme.store\/s\/wpditru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.wptheme.store\/s\/wpditru\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":0,"href":"https:\/\/dev.wptheme.store\/s\/wpditru\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"wp:attachment":[{"href":"https:\/\/dev.wptheme.store\/s\/wpditru\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}