{"version":3,"mappings":";+tDAKMA,EAAW,qCACXC,EACJ,8NAEFC,EAAQ,CACN,MAAOF,EACP,KAAM,CACJ,CAAE,KAAM,WAAY,QAASA,CAAU,EACvC,CAAE,KAAM,WAAY,QAASA,CAAU,EACvC,CAAE,KAAM,gBAAiB,QAASA,CAAU,EAC5C,CAAE,KAAM,cAAe,QAASC,CAAgB,EAChD,CAAE,KAAM,iBAAkB,QAASA,CAAgB,EACnD,CAAE,KAAM,sBAAuB,QAASA,CAAgB,CACzD,CACH,CAAC,EAED,KAAM,CAAE,cAAAE,CAAe,EAAGC,EAAQ,GAAI,EAEhCC,EAAgB,CACpB,QAAS,CAACC,EAAUC,CAAU,EAC9B,WAAY,CACV,UAAW,EACZ,EACD,aAAc,EAChB","names":["seoTitle","seoDescription","useHead","isVisibleBlog","useBlog","swiperOptions","Autoplay","Pagination"],"ignoreList":[],"sources":["../../../../pages/giai-phap/phan-hoi-khach-hang.vue"],"sourcesContent":["<script setup>\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\nimport { Autoplay, Pagination } from \"swiper/modules\";\nimport \"swiper/css\";\n\nconst seoTitle = \"Khảo sát và phản hồi đa kênh (VOC)\";\nconst seoDescription =\n  \"Lắng nghe ý kiến phản hồi khách hàng tại từng điểm chạm để không ngừng cải thiện chất lượng dịch vụ, tối ưu hóa chi phí, nâng cao sự hài lòng và lòng trung thành của khách hàng.\";\n\nuseHead({\n  title: seoTitle,\n  meta: [\n    { name: \"keywords\", content: seoTitle },\n    { name: \"og:title\", content: seoTitle },\n    { name: \"twitter:title\", content: seoTitle },\n    { name: \"description\", content: seoDescription },\n    { name: \"og:description\", content: seoDescription },\n    { name: \"twitter:description\", content: seoDescription },\n  ],\n});\n\nconst { isVisibleBlog } = useBlog(2000);\n\nconst swiperOptions = {\n  modules: [Autoplay, Pagination],\n  pagination: {\n    clickable: true,\n  },\n  spaceBetween: 10,\n};\n</script>\n\n<template>\n  <div>\n    <section\n      id=\"miraway-introduce-solution-voc\"\n      class=\"bg-[url(/images/bg-digital-signage.png)] bg-no-repeat bg-cover max-lg:pt-0 lg:min-h-[500px] flex items-center\"\n    >\n      <div class=\"2xl:container px-[120px] py-8 lg:py-[70px] lg:flex items-stretch h-full\">\n        <div>\n          <h1 class=\"text-white heading-3\">Khảo sát và Phản hồi đa kênh (VOC)</h1>\n          <div class=\"pt-4 text-white\">\n            Lắng nghe ý kiến phản hồi khách hàng tại từng điểm chạm để không ngừng cải thiện chất lượng dịch vụ, tối ưu\n            hóa chi phí, nâng cao sự hài lòng và lòng trung thành của khách hàng.\n          </div>\n\n          <nuxt-link to=\"/lien-he\" class=\"mt-6 block\">\n            <button class=\"secondary border-2 max-lg:w-full\">Liên hệ</button>\n          </nuxt-link>\n        </div>\n      </div>\n    </section>\n\n    <section class=\"py-10 lg:py-[80px]\">\n      <div class=\"2xl:container px-[120px] flex gap-8 items-center justify-between max-lg:flex-col\">\n        <div class=\"lg:flex-1\">\n          <h3 class=\"heading-4\">Vấn đề doanh nghiệp đang gặp phải?</h3>\n          <ul class=\"list-disc mt-8 block\">\n            <li>\n              Chưa có hệ thống giải pháp khảo sát khách hàng đa kênh thông minh để thu thập dữ liệu, đồng bộ hóa, giám\n              sát, quản lý,…\n            </li>\n            <li>Khi khảo sát khách hàng: Nên hỏi khách hàng câu gì? Hỏi bằng cách nào? Tại điểm chạm nào?</li>\n            <li>Sử dụng và phân tích dữ liệu phản hồi của khách hàng như thế nào để tối đa hóa được hiệu quả?</li>\n            <li>Làm thế nào để kịp thời nắm bắt và xử lý những bất cập của hệ thống?</li>\n            <li>Làm thế nào để đánh giá chính xác năng suất, hiệu quả và thái độ phục vụ của giao dịch viên?</li>\n            <li>\n              Làm thế nào để khách hàng tương tác và phản hồi chính xác về chất lượng sản phẩm dịch vụ theo thời gian\n              thực?\n            </li>\n          </ul>\n        </div>\n        <nuxt-picture\n          class=\"lg:flex-1\"\n          :img-attrs=\"{\n            class: 'w-full h-full max-h-[300px] lg:max-h-[500px] object-cover',\n            width: 456,\n            height: 456,\n            alt: 'businessman',\n          }\"\n          src=\"/images/voc/stock-photo-businessman.jpg\"\n          loading=\"lazy\"\n        />\n      </div>\n    </section>\n\n    <section class=\"bg-[#00295C] py-10 lg:py-[80px]\">\n      <div class=\"2xl:container px-[120px] flex gap-8 items-center justify-between max-lg:flex-col-reverse\">\n        <nuxt-picture\n          class=\"lg:flex-1\"\n          :img-attrs=\"{\n            class: 'w-full h-full max-h-[300px] lg:max-h-[500px] object-contain',\n            width: 641,\n            height: 475,\n            alt: 'voc-device',\n          }\"\n          src=\"/images/voc/voc-devices.png\"\n          loading=\"lazy\"\n        />\n        <div class=\"lg:flex-1\">\n          <h3 class=\"heading-4 text-white\">Hệ thống Khảo sát và Phản hồi đa kênh (VOC)</h3>\n          <div class=\"mt-8\">\n            <p class=\"text-white max-h-577\">\n              Hệ thống lắng nghe và thu thập ý kiến khách hàng đa kênh, chi tiết đến từng điểm chạm&nbsp;Offline (trực\n              tiếp) và Online (trực tuyến).\n            </p>\n            <p class=\"text-white mt-5\">\n              Toàn bộ dữ liệu sẽ được <strong class=\"text-white font-bold\">thu thập</strong> và\n              <strong class=\"text-white font-bold\">đồng bộ</strong> vào một nền tảng duy nhất. Từ đó,\n              <strong class=\"text-white font-bold\">phân tích</strong> cung cấp báo cáo chi tiết giúp doanh nghiệp đưa ra\n              quyết định chính xác và kịp thời để nâng cao trải nghiệm khách hàng và chất lượng phục vụ của giao dịch\n              viên.\n            </p>\n          </div>\n          <nuxt-link to=\"/lien-he\" class=\"mt-6 block\">\n            <button class=\"secondary border-2 max-lg:w-full max-lg:mt-4\">Nhận tư vấn</button>\n          </nuxt-link>\n        </div>\n      </div>\n    </section>\n\n    <section class=\"py-10 lg:py-[80px]\">\n      <div class=\"2xl:container px-[120px]\">\n        <h2 class=\"text-center heading-3\">Miraway Omni-channel VOC</h2>\n        <nuxt-picture\n          class=\"w-full mt-8\"\n          :img-attrs=\"{\n            class: 'w-full h-full object-contain max-h-[600px]',\n            alt: 'so-do-voc',\n            width: 1200,\n            height: 500,\n          }\"\n          src=\"/images/voc/so-do-voc.jpg\"\n          loading=\"lazy\"\n        />\n      </div>\n    </section>\n\n    <section class=\"bg-[#00295C] py-10 lg:py-[80px]\">\n      <div class=\"2xl:container px-[120px]\">\n        <h2 class=\"heading-3 text-center text-white\">1. Giải pháp Offline</h2>\n        <div class=\"mt-8 flex items-center justify-between max-lg:flex-col gap-8\">\n          <div class=\"lg:flex-1\">\n            <p class=\"text-white\">\n              Đo lường trải nghiệm khách hàng trực tiếp tại các chi nhánh. Khi khách hàng đến giao dịch có thể đánh giá\n              về chất lượng dịch vụ và thái độ phục vụ của nhân viên qua\n              <strong class=\"font-bold text-white\">kiosk/tablet phản hồi</strong>.\n            </p>\n            <ul class=\"list-disc mt-4\">\n              <div class=\"text-white font-bold\">Tính năng</div>\n              <li class=\"text-white\">Mọi phản hồi được liên kết với một giao dịch cụ thể của khách hàng</li>\n              <li class=\"text-white\">Ngay lập tức gửi cảnh báo khi nhận được phản hồi kém</li>\n              <li class=\"text-white\">Tùy chỉnh nội dung trên giao diện bình chọn và khảo sát</li>\n              <li class=\"text-white\">Tùy chỉnh nội dung hiển thị theo giao dịch hoặc thời gian cụ thể</li>\n              <li class=\"text-white\">Cho phép tạo các bảng câu hỏi điều tra theo các kịch bản khác nhau</li>\n              <li class=\"text-white\">Cho phép lựa chọn bắt buộc phản hồi hoặc không</li>\n              <li class=\"text-white\">Hiển thị quảng cáo trong thời gian chờ</li>\n              <li class=\"text-white\">Báo cáo phân tích kết quả phản hồi</li>\n            </ul>\n            <p class=\"text-white mt-4\">\n              Ngoài ra, doanh nghiệp có thể khảo sát khách hàng qua các kênh offline khác như khảo sát trực tiếp, tổng\n              đài CSKH,…\n            </p>\n            <nuxt-link to=\"/lien-he\" class=\"mt-6 block\">\n              <button class=\"secondary border-2 max-lg:w-full max-lg:mt-4\">Nhận tư vấn</button>\n            </nuxt-link>\n          </div>\n          <nuxt-picture\n            :img-attrs=\"{\n              class: 'w-full h-full max-h-[300px] lg:max-h-[500px] mx-auto object-contain',\n              alt: 'kiosk-tablet',\n              width: 262,\n              height: 248,\n            }\"\n            src=\"/images/voc/kiosk-tablet.png\"\n            loading=\"lazy\"\n          />\n        </div>\n      </div>\n    </section>\n\n    <section class=\"py-10 lg:py-[80px]\">\n      <div class=\"2xl:container px-[120px]\">\n        <h2 class=\"heading-3 text-center\">2. Giải pháp Online</h2>\n        <div class=\"flex items-center justify-between mt-8 gap-8 max-lg:flex-col-reverse\">\n          <nuxt-picture\n            class=\"lg:flex-1\"\n            :img-attrs=\"{\n              class: 'w-full h-full max-h-[300px] lg:max-h-[500px] mx-auto object-contain',\n              alt: 'software',\n              width: 343,\n              height: 218,\n            }\"\n            src=\"/images/voc/device.jpg\"\n            loading=\"lazy\"\n          />\n          <div class=\"lg:flex-1\">\n            <p>\n              Miraway Omni-channel VOC hỗ trợ thiết kế bảng câu hỏi phù hợp theo mục đích của từng nhóm khảo sát. Phân\n              phối bảng khảo sát và lắng nghe khách hàng thông qua đa nền tảng trực tuyến:\n            </p>\n            <ul class=\"list-disc mt-4\">\n              <li>Email</li>\n              <li>Chatbots</li>\n              <li>Mạng xã hội: zalo, facebook,…</li>\n              <li>Tổng đài khảo sát tự động IVR</li>\n              <li>Website</li>\n              <li>Và nhiều kênh online khác</li>\n            </ul>\n            <nuxt-link to=\"/lien-he\" class=\"mt-6 block\">\n              <button class=\"primary border-2 max-lg:w-full max-lg:mt-4\">Nhận tư vấn</button>\n            </nuxt-link>\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <section class=\"bg-[#00295C] py-10 lg:py-[80px] text-white\">\n      <div class=\"2xl:container text-center px-[120px]\">\n        <h2 class=\"text-center heading-3 text-white\">Các mẫu thiết bị tiêu biểu</h2>\n        <swiper v-bind=\"swiperOptions\" class=\"mt-8 swiper-dot swiper-light-pagination\">\n          <swiper-slide>\n            <h3 class=\"text-white text-2xl font-normal\">Tablet phản hồi</h3>\n            <div class=\"grid grid-cols-4 max-md:grid-cols-2 gap-8 mt-8\">\n              <nuxt-picture\n                :img-attrs=\"{\n                  alt: 'tablet',\n                  class: 'w-full h-full max-h-[270px] object-contain bg-white',\n                  width: 270,\n                  height: 270,\n                }\"\n                src=\"/images/voc/tablet-1.png\"\n                loading=\"lazy\"\n              />\n              <nuxt-picture\n                src=\"/images/voc/tablet-2.png\"\n                :img-attrs=\"{\n                  alt: 'tablet',\n                  class: 'w-full h-full max-h-[270px] object-contain bg-white',\n                  width: 270,\n                  height: 270,\n                }\"\n                loading=\"lazy\"\n              />\n              <nuxt-picture\n                src=\"/images/voc/tablet-3.png\"\n                :img-attrs=\"{\n                  alt: 'tablet',\n                  class: 'w-full h-full max-h-[270px] object-contain bg-white',\n                  width: 270,\n                  height: 270,\n                }\"\n                loading=\"lazy\"\n              />\n              <nuxt-picture\n                src=\"/images/voc/tablet-4.png\"\n                :img-attrs=\"{\n                  alt: 'tablet',\n                  class: 'w-full h-full max-h-[270px] object-contain bg-white',\n                  width: 270,\n                  height: 270,\n                }\"\n                loading=\"lazy\"\n              />\n            </div>\n          </swiper-slide>\n          <swiper-slide>\n            <h3 class=\"text-white text-2xl font-normal\">Kios phản hồi</h3>\n            <div class=\"grid grid-cols-4 max-md:grid-cols-2 gap-8 mt-8\">\n              <nuxt-picture\n                :img-attrs=\"{\n                  alt: 'kiosk',\n                  class: 'w-full h-full max-h-[270px] object-contain bg-white',\n                  width: 270,\n                  height: 270,\n                }\"\n                src=\"/images/voc/kiosk-1.png\"\n                loading=\"lazy\"\n              />\n              <nuxt-picture\n                src=\"/images/voc/kiosk-2.png\"\n                :img-attrs=\"{\n                  alt: 'kiosk',\n                  class: 'w-full h-full max-h-[270px] object-contain bg-white',\n                  width: 270,\n                  height: 270,\n                }\"\n                loading=\"lazy\"\n              />\n              <nuxt-picture\n                src=\"/images/voc/kiosk-3.png\"\n                :img-attrs=\"{\n                  alt: 'kiosk',\n                  class: 'w-full h-full max-h-[270px] object-contain bg-white',\n                  width: 270,\n                  height: 270,\n                }\"\n                loading=\"lazy\"\n              />\n              <nuxt-picture\n                src=\"/images/voc/kiosk-4.png\"\n                :img-attrs=\"{\n                  alt: 'kiosk',\n                  class: 'w-full h-full max-h-[270px] object-contain bg-white',\n                  width: 270,\n                  height: 270,\n                }\"\n                loading=\"lazy\"\n              />\n            </div>\n          </swiper-slide>\n          <swiper-slide>\n            <div class=\"flex flex-col items-center justify-center h-full gap-16\">\n              <h3 class=\"text-white md:text-3xl font-normal\">Bạn muốn xem nhiều mẫu hơn ?</h3>\n              <nuxt-link to=\"/lien-he\" class=\"block\">\n                <button class=\"primary md:text-2xl h-fit border-2 max-lg:w-full max-lg:mt-4\">Nhận tư vấn</button>\n              </nuxt-link>\n            </div>\n          </swiper-slide>\n        </swiper>\n      </div>\n    </section>\n\n    <section class=\"py-10 lg:py-[80px] bg-[#F4F8FB]\">\n      <div class=\"2xl:container text-center px-[120px]\">\n        <h2 class=\"text-center heading-3\">Lợi ích của hệ thống Khảo sát & Phản hồi</h2>\n        <p class=\"mt-4\">\n          Lắng nghe, thấu hiểu khách hàng và từ đó đưa ra các hành động kịp thời để nâng cao trải nghiệm khách hàng.\n        </p>\n        <nuxt-picture\n          :img-attrs=\"{\n            class: 'w-full h-full max-h-[300px] lg:max-h-[381px] mx-auto object-contain',\n            alt: 'benefit',\n            width: 675,\n            height: 381,\n          }\"\n          src=\"/images/voc/mutiple-device.png\"\n          loading=\"lazy\"\n        />\n        <div class=\"flex text-left max-sm:flex-col max-w-[1170px] mx-auto\">\n          <div\n            class=\"min-h-[382px] bg-[url('/images/voc/benefit-group-1.png')] bg-no-repeat bg-cover pt-[45px] px-[30px] pb-[50px] bg-[center_top]\"\n          >\n            <div class=\"font-bold text-[24px]\">Lắng nghe</div>\n            <ul class=\"list-disc mt-4\">\n              <li>Thu thập phản hồi tại mọi điểm chạm theo nhiều kênh khác nhau.</li>\n              <li>Thu thập phản hồi ngay lập tức đa kênh, đa luồng, đa hệ thống.</li>\n            </ul>\n          </div>\n          <div\n            class=\"min-h-[382px] bg-[url('/images/voc/benefit-group-2.png')] bg-no-repeat bg-cover pt-[45px] px-[30px] pb-[50px] bg-[center_top]\"\n          >\n            <div class=\"font-bold text-[24px] text-white\">Hiểu</div>\n            <ul class=\"list-disc mt-4\">\n              <li class=\"text-white\">Thấu hiểu suy nghĩ của khách hàng.</li>\n              <li class=\"text-white\">Đánh giá chính xác độ hài lòng của khách hàng.</li>\n              <li class=\"text-white\">Phát hiện các điểm tốt và điểm cần cải thiện trong hành trình khách hàng.</li>\n            </ul>\n          </div>\n          <div\n            class=\"min-h-[382px] bg-[url('/images/voc/benefit-group-3.png')] bg-no-repeat bg-cover pt-[45px] px-[30px] pb-[50px] bg-[center_top] max-sm:mt-[-24px]\"\n          >\n            <div class=\"font-bold text-[24px]\">Hành động</div>\n            <ul class=\"list-disc mt-4\">\n              <li>Cung cấp dữ liệu để doanh nghiệp đưa ra quyết định kinh doanh.</li>\n              <li>Thực hiện hành động để cải thiện trải nghiệm khách hàng.</li>\n              <li>Ngăn chặn khủng hoảng truyền thông do trải nghiệm kém.</li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <WhyChooseMrw class=\"!mt-0\" />\n    <LazyBlog v-if=\"isVisibleBlog\" class=\"!mt-[80px]\" />\n  </div>\n</template>\n"],"file":"_nuxt/BHK6boMp.js"}