{"version":3,"file":"C9lSFcph.js","sources":["../../../../virtual:public?%2Fimages%2Flien-he%2Fhome_work.svg","../../../../virtual:public?%2Fimages%2Flien-he%2Fhome.svg","../../../../virtual:public?%2Fimages%2Flien-he%2Fbriefcase.png","../../../../virtual:public?%2Fimages%2Flien-he%2Fperm_phone_msg.svg","../../../../virtual:public?%2Fimages%2Flien-he%2Fsettings_phone.svg","../../../../virtual:public?%2Fimages%2Flien-he%2Fmarkunread_mailbox.svg","../../../../pages/lien-he.vue"],"sourcesContent":["import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/images/lien-he/home_work.svg\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/images/lien-he/home.svg\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/images/lien-he/briefcase.png\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/images/lien-he/perm_phone_msg.svg\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/images/lien-he/settings_phone.svg\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/images/lien-he/markunread_mailbox.svg\")","<script setup>\r\nconst seoTitle = \"Liên hệ\";\r\nconst seoDescription = \"Liên hệ với chúng tôi để nhận tư vấn và hỗ trợ.\";\r\n\r\nuseHead({\r\n  title: seoTitle,\r\n  meta: [\r\n    { name: \"description\", content: seoDescription },\r\n    { name: \"og:title\", content: seoTitle },\r\n    { name: \"og:description\", content: seoDescription },\r\n    { name: \"keywords\", content: \"MRW GROUP\" },\r\n  ],\r\n});\r\n\r\nconst supportItems = [\r\n  {\r\n    image: \"/images/lien-he/ho-tro-ki-thuat.png\",\r\n    altText: \"Hỗ trợ kỹ thuật\",\r\n    title: \"Hỗ trợ kỹ thuật\",\r\n    branch: 1,\r\n    url: \"tel:02436436999\",\r\n  },\r\n  {\r\n    image: \"/images/lien-he/tu-van-giai-phap.png\",\r\n    altText: \"Tư vấn giải pháp\",\r\n    title: \"Tư vấn giải pháp\",\r\n    branch: 2,\r\n    url: \"tel:0981350960\",\r\n  },\r\n  {\r\n    image: \"/images/lien-he/cac-van-de-khac.png\",\r\n    altText: \"Các vấn đề khác\",\r\n    title: \"Các vấn đề khác\",\r\n    branch: 3,\r\n    url: \"tel:0981350960\",\r\n  },\r\n];\r\n\r\nconst formState = reactive({\r\n  fullname: \"\",\r\n  email: \"\",\r\n  phoneNumber: \"\",\r\n  message: \"\",\r\n  company: \"\",\r\n  service: null,\r\n});\r\n\r\nconst validatorPhonenumber = async (_rule, value) => {\r\n  const phoneRegex = /^\\+\\d+([ -]\\d+)*$/;\r\n  if (!value) {\r\n    return Promise.reject(\"Số điện thoại không được để trống.\");\r\n  }\r\n  if (!phoneRegex.test(value)) {\r\n    return Promise.reject(\"Số điện thoại không hợp lệ.\");\r\n  }\r\n  return Promise.resolve();\r\n};\r\n\r\nconst validatorEmail = async (_rule, value) => {\r\n  if (!value) {\r\n    return Promise.reject(\"Email không được để trống.\");\r\n  }\r\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n  if (!emailRegex.test(value)) {\r\n    return Promise.reject(\"Email không hợp lệ.\");\r\n  }\r\n  return Promise.resolve();\r\n};\r\nconst rules = {\r\n  fullname: [{ required: true, message: \"Họ và tên không được để trống.\" }],\r\n  phoneNumber: [{ validator: validatorPhonenumber }],\r\n  email: [{ validator: validatorEmail }],\r\n  message: [{ required: true, message: \"Nội dung không được để trống.\" }],\r\n  company: [{ required: true, message: \"Tên công ty không được để trống.\" }],\r\n  service: [{ required: true, message: \"Dịch vụ không được để trống.\" }],\r\n};\r\n\r\nconst loading = ref(false);\r\nconst indicator = ref(null);\r\n\r\nconst onSubmit = async (values) => {\r\n  loading.value = true;\r\n  try {\r\n    console.log(values);\r\n  } catch (error) {\r\n    console.error(error);\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n};\r\n</script>\r\n<template>\r\n  <section class=\"rounded-[48px] relative\">\r\n    <div class=\"max-sm:hidden -mx-20 max-lg:-mx-4\">\r\n      <nuxt-picture\r\n        loading=\"lazy\"\r\n        src=\"/images/dieu-khoan-su-dung/dieu-khoan-su-dung.png\"\r\n        :imgAttrs=\"{ class: 'w-full', alt: 'banner' }\"\r\n        class=\"w-full\"\r\n      />\r\n    </div>\r\n    <div class=\"sm:hidden -mx-4\">\r\n      <nuxt-picture\r\n        loading=\"lazy\"\r\n        src=\"/images/dieu-khoan-su-dung/dieu-khoan-su-dung-mb.png\"\r\n        :imgAttrs=\"{ class: 'w-full h-[350px] object-fill', alt: 'banner-mobile' }\"\r\n        class=\"w-full\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"w-full absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2 px-4\">\r\n      <h1 class=\"heading-1 text-white mt-4 mb-7 max-sm:my-2 text-center\">LIÊN HỆ VỚI CHÚNG TÔI!</h1>\r\n      <p\r\n        class=\"md:max-w-[670px] text-center text-base max-sm:w-full home-4-content leading-6 text-[#FCFCFD] mt-4 mx-auto\"\r\n      >\r\n        Miraway Group Đơn vị cung cấp giải pháp chuyển đổi số, chuyển đổi xanh hàng đầu Việt Nam\r\n      </p>\r\n    </div>\r\n  </section>\r\n\r\n  <section>\r\n    <div class=\"container mx-auto px-4 space-y-6 my-8 md:my-[50px]\">\r\n      <div class=\"flex flex-col md:flex-row justify-between gap-6\">\r\n        <!-- Address -->\r\n        <div class=\"bg-white rounded-lg p-6 w-full md:w-[500px] flex flex-col gap-9\">\r\n          <div class=\"flex flex-col gap-6\">\r\n            <div class=\"flex flex-col gap-1\">\r\n              <img src=\"/images/lien-he/home_work.svg\" class=\"w-12 h-12\" alt=\"Home Icon\" />\r\n              <h2 class=\"tuyendung-tk-title text-lg mt-4\">ĐỊA CHỈ VĂN PHÒNG</h2>\r\n            </div>\r\n            <div class=\"space-y-4\">\r\n              <div class=\"flex items-start\">\r\n                <img src=\"/images/lien-he/home.svg\" class=\"w-6 h-6 mr-2\" alt=\"Location Icon\" />\r\n                <p class=\"home-2-tab-content\">\r\n                  VP Tại Hà Nội: Tầng 4 - Tòa nhà GTC, Số 69, phố Tố Hữu, Vạn Phúc, Hà Đông, Hà Nội\r\n                </p>\r\n              </div>\r\n              <div class=\"flex items-start\">\r\n                <img src=\"/images/lien-he/home.svg\" class=\"w-6 h-6 mr-2\" alt=\"Location Icon\" />\r\n                <p class=\"home-2-tab-content\">\r\n                  VP Tại Hồ Chí Minh: 211, đường 9A Trung Sơn, Bình Hưng, Bình Chánh, TP Hồ Chí Minh\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"flex flex-col gap-6\">\r\n            <div class=\"flex flex-col gap-1\">\r\n              <img src=\"/images/lien-he/briefcase.png\" class=\"w-12 h-12\" alt=\"Phone Icon\" />\r\n              <p class=\"tuyendung-tk-title text-lg mt-4\">THÔNG TIN LIÊN HỆ</p>\r\n            </div>\r\n            <div class=\"space-y-2\">\r\n              <div class=\"flex items-center\">\r\n                <img src=\"/images/lien-he/perm_phone_msg.svg\" class=\"w-6 h-6 mr-2\" alt=\"Phone Icon\" />\r\n                <p class=\"home-2-tab-content\">CSKH 1: 0 0906 641 166</p>\r\n              </div>\r\n              <div class=\"flex items-center\">\r\n                <img src=\"/images/lien-he/perm_phone_msg.svg\" class=\"w-6 h-6 mr-2\" alt=\"Phone Icon\" />\r\n                <p class=\"home-2-tab-content\">CSKH 2: 024 36 436 999</p>\r\n              </div>\r\n              <div class=\"flex items-center\">\r\n                <img src=\"/images/lien-he/settings_phone.svg\" class=\"w-6 h-6 mr-2\" alt=\"Phone Icon\" />\r\n                <p class=\"home-2-tab-content\">Hotline tư vấn 24/7 (1): 0906 641 166</p>\r\n              </div>\r\n              <div class=\"flex items-center\">\r\n                <img src=\"/images/lien-he/settings_phone.svg\" class=\"w-6 h-6 mr-2\" alt=\"Phone Icon\" />\r\n                <p class=\"home-2-tab-content\">Hotline tư vấn 24/7 (2): 0981 350 960</p>\r\n              </div>\r\n              <div class=\"flex items-center\">\r\n                <img src=\"/images/lien-he/markunread_mailbox.svg\" class=\"w-6 h-6 mr-2\" alt=\"Email Icon\" />\r\n                <p class=\"home-2-tab-content\">Email: contact@miraway.vn</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Contact Form -->\r\n        <div\r\n          class=\"bg-white rounded-lg w-full md:w-[580px] max-md:p-4 transform max-lg:translate-y-0\"\r\n          style=\"box-shadow: 0px 12px 36px 0px rgba(55, 129, 189, 0.25)\"\r\n        >\r\n          <iframe\r\n            src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3725.229031525435!2d105.77408337587157!3d20.983454389331953!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab71492421e3%3A0x795ad91ea915a4c!2zQ8O0bmcgVHkgQ-G7lSBQaOG6p24gTWlyYXdheSBHaeG6o2kgUGjDoXAgQ8O0bmcgTmdo4buH!5e0!3m2!1svi!2s!4v1727235244498!5m2!1svi!2s\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            style=\"border: 0\"\r\n            allowfullscreen=\"\"\r\n            loading=\"lazy\"\r\n            referrerpolicy=\"no-referrer-when-downgrade\"\r\n          ></iframe>\r\n          <!-- <div class=\"text-[#525252] home-2-tab-content text-base mb-6\">\r\n            Quý khách hàng vui lòng liên hệ với chúng tôi qua điện thoại, email hoặc điền vào mẫu thông tin bên dưới.\r\n          </div>\r\n          <a-form ref=\"formRef\" class=\"w-full\" layout=\"vertical\" :model=\"formState\" :rules=\"rules\" @finish=\"onSubmit\">\r\n            <a-form-item label=\"Họ và tên\" name=\"fullname\">\r\n              <a-input v-model:value=\"formState.fullname\" placeholder=\"Nguyen Van A\" />\r\n            </a-form-item>\r\n\r\n            <a-form-item label=\"Email\" name=\"email\">\r\n              <a-input v-model:value=\"formState.email\" placeholder=\"Email\" />\r\n            </a-form-item>\r\n\r\n            <a-form-item label=\"Số điện thoại\" name=\"phoneNumber\">\r\n              <a-input v-model:value=\"formState.phoneNumber\" placeholder=\"098xxx xxx\" />\r\n            </a-form-item>\r\n\r\n            <a-form-item label=\"Công ty\" name=\"company\">\r\n              <a-input v-model:value=\"formState.company\" placeholder=\"Nhập tên công ty\" />\r\n            </a-form-item>\r\n\r\n            <a-form-item label=\"Dịch vụ\" name=\"service\">\r\n              <a-select ref=\"select\" v-model:value=\"formState.service\" placeholder=\"Chuyển đổi số\">\r\n                <a-select-option value=\"jack\">Chuyển đổi số</a-select-option>\r\n                <a-select-option value=\"lucy\">Phân tích dữ liệu</a-select-option>\r\n                <a-select-option value=\"lucy\">Tự động hóa Marketing</a-select-option>\r\n                <a-select-option value=\"lucy\">Chuyển đổi xanh</a-select-option>\r\n                <a-select-option value=\"lucy\">Khác</a-select-option>\r\n              </a-select>\r\n            </a-form-item>\r\n\r\n            <a-form-item label=\"Tin nhắn\" name=\"message\">\r\n              <a-textarea v-model:value=\"formState.message\" placeholder=\"Nhập tin nhắn của bạn\" :rows=\"5\"></a-textarea>\r\n            </a-form-item>\r\n\r\n            <a-form-item class=\"text-right\">\r\n              <button\r\n                class=\"primary rounded-[9px] border-none !bg-[#003D8A] text-base font-bold\"\r\n                type=\"submit\"\r\n                :disabled=\"loading\"\r\n              >\r\n                <a-spin :indicator=\"indicator\" size=\"large\" class=\"spin-white home-giatri-content\" v-if=\"loading\" />\r\n                Nhận tư vấn\r\n              </button>\r\n            </a-form-item>\r\n          </a-form> -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n  <section class=\"max-md:hidden\">\r\n    <div class=\"flex relative\">\r\n      <div v-for=\"(item, index) in supportItems\" :key=\"index\" class=\"relative\">\r\n        <div><img :src=\"`${item.image}`\" :alt=\"item.altText\" /></div>\r\n        <div class=\"absolute top-2/3 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex flex-col gap-7\">\r\n          <div class=\"text-white\">{{ item.title }}</div>\r\n          <nuxt-link :to=\"item.url\">\r\n            <div\r\n              class=\"flex flex-col items-center justify-center *:text-white rounded-[86px] w-[106px] h-[106px]\"\r\n              style=\"background: rgba(0, 0, 0, 0.5)\"\r\n            >\r\n              <span>Nhánh</span>\r\n              <span class=\"text-3xl\">{{ item.branch }}</span>\r\n            </div>\r\n          </nuxt-link>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"absolute top-1/4 left-1/2 -translate-x-1/2 -translate-y-1/2 text-[32px] font-semibold leading-9 text-white\"\r\n      >\r\n        <nuxt-link to=\"tel:02436436 999\"> Tổng đài: 024 36 436 999 </nuxt-link>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n"],"names":["_imports_0","publicAssetsURL","_imports_1","_imports_2","_imports_3","_imports_4","_imports_5","seoTitle","seoDescription","useHead","supportItems","reactive","ref"],"mappings":"sIAAuD,MAAeA,EAAAC,EAAgB,+BAA+B,ECA/CC,EAAAD,EAAgB,0BAA0B,ECA1CE,EAAAF,EAAgB,+BAA+B,ECA/CG,EAAAH,EAAgB,oCAAoC,ECApDI,EAAAJ,EAAgB,oCAAoC,ECApDK,EAAAL,EAAgB,wCAAwC,ojHCCxHM,EAAW,UACXC,EAAiB,+EAEvBC,EAAQ,CACN,MAAOF,EACP,KAAM,CACJ,CAAE,KAAM,cAAe,QAASC,CAAgB,EAChD,CAAE,KAAM,WAAY,QAASD,CAAU,EACvC,CAAE,KAAM,iBAAkB,QAASC,CAAgB,EACnD,CAAE,KAAM,WAAY,QAAS,WAAa,CAC3C,CACH,CAAC,EAED,MAAME,EAAe,CACnB,CACE,MAAO,sCACP,QAAS,kBACT,MAAO,kBACP,OAAQ,EACR,IAAK,iBACN,EACD,CACE,MAAO,uCACP,QAAS,mBACT,MAAO,mBACP,OAAQ,EACR,IAAK,gBACN,EACD,CACE,MAAO,sCACP,QAAS,kBACT,MAAO,kBACP,OAAQ,EACR,IAAK,gBACN,CACH,EAEkB,OAAAC,EAAS,CACzB,SAAU,GACV,MAAO,GACP,YAAa,GACb,QAAS,GACT,QAAS,GACT,QAAS,IACX,CAAC,EAgCeC,EAAI,EAAK,EACPA,EAAI,IAAI"}